/* ==============================================================================
=RESET
================================================================================*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ul { list-style : none; line-height: 16pt; margin-top: 0;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* ==============================================================================
=BODY
================================================================================*/
body{
	background-color: #f5f5f5;
	color: black;
	font-family: Verdana, sans-serif;
	font-size: 11pt;
	margin: auto 0;
	text-align: center;
	line-height: 16pt;
}


h1, h2, h3, h4{
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #003366;
}

h1 { font-size: 12pt; }
h3, h4 { font-size: 11pt; margin-bottom: 10px;}
.home, .boxed { color: white; vertical-align: middle; padding: 10px; font-size: 9pt; }
h1.secondary {color: white; vertical-align: middle; padding: 10px;}

p{ margin-bottom: 10px; margin-top: 5px; }

ul { line-height: 12pt; margin-top: 10px; margin-left: 5px; }
ul li { margin-bottom: 10px; }

a:link{ font-style: italic; color: #003366; }
a:visited{ font-style: italic; color: #003366; }
a:hover{ font-style: italic; color: #d1d7e6; }
a:active{ font-style: italic; color: #000; }

.bold, strong { font-weight: bold; }

em { font-style: italic; }

blockquote { padding: 0 20px 0 20px; }
hr { margin: 15px 0 15px 0; }

.moreCTA{ text-align: right; margin: 0; }

ol{ margin: 0; }


/* ==============================================================================
=NAVIGATION
================================================================================*/
#navigation{
	background: url(../images/topnavbg.gif) top left repeat-x fixed;
	height: 34px;
	color: white;
	margin: 0 auto;
}

#nav_nested{
	width: 870px;
	text-align: right;
	padding-top: 1px;
	height: 32px;
	margin: 0 auto;
	vertical-align: middle;
}

#navigation ul li {display: inline;}
a.top_nav{ font-family: arial, sans-serif; color: white; font-style: normal; text-decoration: none; font-size: 8pt; }
a.top_nav:hover { color: #d1d7e6; }
	
	
/* ==============================================================================
=CONTENT
================================================================================*/

#container{
	width: 900px;
	text-align: left;
	margin: 0 auto;
}


/* ==============================================================================
=BRANDING
================================================================================*/

#swirl{ 
	background: url(../images/swirl2.jpg) top center no-repeat;
	height: 280px;
	margin: 0 auto;
}

#branding{
	text-align: left;
	width: 900px;
	margin: 0 auto;
}

/* ==============================================================================
=QUAD
================================================================================*/
#quad{
	width: 590px;
	float: left;
	margin: 15px 0 15px 0;
	padding-left: 0px;
}

.quad_headbar{
	width: 288px;
	height: 30px;
	background: url(../images/bluecontentheader.png) top center no-repeat;
}

.quad_box_left{
	width: 288px;
	margin: 0;
	float: left;
}

.quad_box_right{
	width: 288px;
	margin: 0;
	float: right;
}

#webdesign{
	width: 266px;
	height: 185px;
	float: left;
	margin-bottom: 10px;
	background-color: white;
	border: 1px solid #003366;
	padding: 5px 10px 0 10px;
	clear: left;
}

#marketing{
	width: 266px;
	height: 185px;
	float: right;
	margin-bottom: 10px;
	background-color: white;
	border: 1px solid #003366;
	padding: 5px 10px 0 10px;
	clear: right;
}

#seo{
	width: 266px;
	height: 185px;
	float: left;
	background-color: white;
	border: 1px solid #003366;
	padding: 5px 10px 0 10px;
	clear: left;
}

#ppc{
	width: 266px;
	height: 185px;
	float: right;
	background-color: white;
	border: 1px solid #003366;
	padding: 5px 10px 0 10px;
	clear: right;
}

#frontleft{
	width: 266px;
	height: 185px;
	float: left;
	padding: 5px 10px 0 0px;
	clear: left;
}

#frontright{
	width: 266px;
	height: 185px;
	float: right;
	padding: 5px 10px 0 0px;
	clear: right;
}

/* ==============================================================================
=MAIN CONTENT
================================================================================*/
#main_content{
	clear: left;
	width: 580px;
	float: left;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.secondary_headbar{
	width: 589px;
	height: 34px;
	background: url(../images/bluebars_secondary.png) top center no-repeat;
}

.secondary_text{
	width: 566px;
	float: left;
	margin-bottom: 10px;
	background-color: white;
	border: 1px solid #003366;
	padding: 5px 10px 0 10px;
	clear: left;
}

.secondary_text > p{
	line-height: 14pt;
	padding: 10px;
}


/* ==============================================================================
=SUB CONTENT
================================================================================*/
#sub_content{
	float: right;
	width: 265px;
	margin: 15px 0 50px 0;
	padding-right: 15px;
}

.sub_headbar{
	width: 265px;
	height: 30px;
	background: url(../images/bluebars_sub.gif) top center no-repeat;
	margin-top: 10px;
}

.sub_headbar2{
	width: 265px;
	height: 30px;
	background: url(../images/bluecontentheader2.png) top center no-repeat;
}

.sub_box{
	width: 265px;
	margin: 0;
}

	#sub_callCTA{
		background-color: #d1d7e6;
		background: url(../images/callusbg.gif) top left repeat-x;
		height: 315px;
		padding-bottom: 10px;
	}
		#callgirl{ margin: 10px; }
		#sub_callCTA ul { line-height: 12pt; margin-left: 45px; padding: 0; }
		#sub_callCTA ul li { margin-top: 5px; list-style-image: url(../images/dot.gif); margin-left: 15px;}
	
	#sub_testimonials{
		background-color: white;
		border: 1px solid #003366;
		padding: 10px 10px 0 10px;
	}
	
	#sub_projects{
		background-color: white;
		border: 1px solid #003366;
		padding: 10px 10px 0 10px;
		text-align: center;
	}
	
	
	
/* ==============================================================================
=PORTFOLIO
================================================================================*/	
.portfolio > img { float: left; vertical-align: middle; }
.portfolio_text { float: right; width: 270px; }
.line { margin: 20px 0 20px 0; }


/* ==============================================================================
=TESTIMONIALS
================================================================================*/	
.testimonials li { list-style-image: url(../images/quotes.gif); margin-bottom: 30px; }	
	
	
/* ==============================================================================
=FORM
================================================================================*/		
#form{
	width: 400px;
	margin-left: 60px;
	margin-bottom: 20px;
}

#name, #phone, #company, #message
{
	width: 400px;
	height: 15px;
}

#submit{
	float: right;
	margin-top: 10px;
}
#form2{
	width: 246px;
	margin-left: 10px;
	padding-top: 10px;
}

#name2, #phone2, #company2, #email2
{
	width: 230px;
	height: 15px;
}

#submit2{
	float: right;
	margin-top: 10px;
}	
	
	
/* ==============================================================================
=FOOTER
================================================================================*/
#footer{
	background: url(../images/footerbg.gif) top left repeat-x;
	background-color: #d7dce8;
	border-top: 1px solid #003366;
	clear: both;
	height: 150px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}

	#footer ul { line-height: 3pt; margin: 0; padding: 0; }
	#footer ul li { margin-top: 5px; list-style-image: url(../images/arrow.gif); margin-left: 15px;}

#footer_contain{
	margin: 0 auto;
	width: 900px;
}

#footer_links{
	width: 600px;
	float: left;
}

#footer_services{
	width: 288px;
	text-align: left;
	padding-left: 10px;
	float: left;
}

#footer_moreinfo{
	width: 288px;
	text-align: left;
	float: right;
}

#footer_webvega{
	width: 265px;
	padding-right: 15px;
	float: right;
}