/* CSS Document */
/* 
	TOPSOFTWEB.COM
	Ralph Brickley
*/

/* COLOR SCHEMA
	Background:	#666666
	Body Text:	#333333
	Link Color: 
	Highlight Color:
*/

/* Tag Replacement */
body
{
	margin:0px;
	margin-top:20px;
	background-image:URL('../images/background.jpg'); 
	
	background-color:#0e132b;
}
img
{
	border:0px;
}

h3 { font-family:Myriad Pro; font-size:20px; color:#222b40; margin:0; margin-bottom:5px; }

h4 {
	font-size:22px;
	margin-bottom:0px;
}

#main-container {
	margin:0px auto;
	
	width:1000px;	
	
	display:table-cell;
	
	text-align:left;

}

#header {
	margin:0;
	width:1000px;
	height:150px;
	
	background-color:#080721;
	
	background-image:URL('../images/header.jpg'); 
	background-repeat:no-repeat;
	
	text-align:left;

}

#logo {
	position:relative;
	top:90px;
	left:5px;
	float:left;
}

#tabs {
	position:relative;
	float:right;
	
	top:118px;
	margin-right:5px;
}

#page {
	width:1000px;
	min-height:650px;
	background-image:URL('../images/page-bkg.jpg'); 
	background-repeat:repeat-x;	
	
	background-color:#ffffff;
	
	text-align:left;
}

#column-left {
	width:565px;
	
	float:left;

}

#creativemarketing {
	position:relative;
	float:left;
	width:401px;
	height:70px;
	
	margin-top:20px;
	margin-left:40px;
}

#portfolioclip {
	position:relative;
	float:left;
	height:150px;
	
	margin-top:50px;
	margin-left:30px;

}

#column-right {
	width:435px;
	
	float:left;
}


#windowbox {
	position:relative;
	top:25px;
	left:20px;
	
	width:471px;
	height:279px;
	background-image:URL('../images/windowbox.png'); 
	background-repeat:no-repeat;
	
}

#quotebox {
	position:relative;
	float:right;
	width:389px;
	height:60px;
	
	margin-top:60px;
	
	font-family:Myriad Pro;
	font-size:14px;
	color:#43475f;
	
	background-image:URL('../images/quotebox.jpg'); 
	background-repeat:no-repeat;
	
	padding-right:20px;
	padding-top:10px;
}

#rightbox {
	position:relative;
	float:right;
	width:276px;
	height:468px;
	
	margin-top:30px;
	margin-right:45px;
}

#firstimpressions {

	
	width:276px;
	height:468px;
	background-image:URL('../images/rightbox.jpg'); 
	background-repeat:no-repeat;
	
	font-family:Myriad Pro;
	font-size:14px;
	color:#000000;

}

#financeplans {
	width:276px;
	height:468px;
}

#quotecircle {
	position:relative;
	float:left;
	
	left:-20px;
	top:-27px;

	width:101px;
	height:102px;
}

#footer {
	width:1000px;
	height:50px;
	
	background-image:URL('../images/footer-bkg.jpg'); 
	background-repeat:repeat-x;	
	background-position:top;
}

#page-footer {
	width:1000px;
	
	font-family:Myriad Pro;
	font-size:12px;
	color:#cccccc;
}

#footer-info {
	width:580px;
	float:left;
	
	text-align:center;
}

#footer-links {
	width:400px;
	
	float:left;
}



#about {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

#services {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

#contact {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

#portfolio {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

#webdesign {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

#branding {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

#marketing {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

ul {
	position:relative;
	left:50px;
	margin-left:20px;
}
li {
	list-style-image:URL('../images/listbullet.png');
	list-style-position:inside;
	li	
}

#hosting {
	position:absolute;
	top:0px;
	left:0px;
	width:670px;
	height:470px;
	
	border:5px solid #ffffff;
	background-color:#20283d;
	
	padding:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}










/*		****	PORTFOLIO SLIDE 	****	*/
#portfolio-flash-container {
	background-color:#000000;
	width:640px;
	height:120px;
}

#carousel { 
	width:680px;
}

#carousel-wrapper {
    width: 640px;
    height: 120px;
    overflow: hidden;
	background-color:#fff;
	float:left;
	background:url(../images/carousel-bkg.jpg);
}
#carousel-content {
    width: 1917px;
}
#carousel-content .slide {
    float: left;
    width: 213px;
    height: 113px;
	text-align:center;
	padding-top:7px;
}
#left {
	float:left;
	width:20px;
	height:120px; 
	text-align:center;
	vertical-align:middle;
	background-color:#ccc;
	color:#fff;
}
#right {
	float:left;
	width:20px;
	height:120px; 
	text-align:center;
	vertical-align:middle;
	background-color:#ccc;
	color:#fff;
}

#navigate-left-web {
	float:left;
	
	width:20px;
	height:120px;
	background-color:#38435c;
	
	vertical-align:middle;
	text-align:center;
	margin:0px;
}

#navigate-right-web {
	float:right;	
	width:20px;
	height:120px;
	background-color:#38435c;
	
	vertical-align:middle;
	text-align:center;
	margin:0px;
}

#navigate-left-print {
	float:left;
	
	width:20px;
	height:120px;
	background-color:#38435c;
	
	vertical-align:middle;
	text-align:center;
	margin:0px;
}

#navigate-right-print {
	float:right;	
	width:20px;
	height:120px;
	background-color:#38435c;
	
	vertical-align:middle;
	text-align:center;
	margin:0px;
}

#inner1 {
	float:left;
	
	width:600px;
	height:120px;
	background-color:#000000;
}

#inner2 {
	float:left;
	
	width:600px;
	height:120px;
	background-color:#000000;

}


#example-shell {
	float:left;
	width:150px
	height:120px;
	text-align:center;
}