/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 - reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**********************************************************/

body{
	background: #577ea5 url(images/back.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
}

a, a:link, a:active, a:visited{color:#577ea5;}

#content .two-col-block p#quote{color:#577ea5; background:#ccd6e0; font-size:1.7em; padding:25px 45px 25px 45px; margin-top:15px;}
#content .two-col-block p#quote img.first{padding:0px 3px 0px 0px;}
#content .two-col-block p#quote img.last{padding:0px 0px 0px 3px;}

#content .two-col-block p#quote-inline{color:#577ea5; font-size:1.8em; padding:0px 10px 0px 0px; margin-top:15px;}
#content .two-col-block p#quote-inline img.first{padding:0px 3px 0px 0px;}
#content .two-col-block p#quote-inline img.last{padding:0px 0px 0px 4px;}

#content .three-col-block p#quote-inline{color:#577ea5; font-size:1.8em; padding:0px 0px 0px 0px; margin-top:15px;}
#content .three-col-block p#quote-inline img.first{padding:0px 3px 0px 0px;}
#content .three-col-block p#quote-inline img.last{padding:0px 0px 0px 4px;}

#page{font-size:1em;}
#header-container{width:100%;height:344px;background:#577ea5 url(images/head-back.gif);}
	#header{ margin: 0px auto; width:993px;}
		#branding{float:left; width:360px;}
			#branding h1{height:114px; width:248px; position:relative; top:40px; left:40px;}
			#branding h1 span{height:100%; width:100%;position:absolute; background: url(images/logo.jpg) no-repeat;}
			#branding h2{height:114px; width:248px; position:relative; top:60px; left:40px;}
			#branding h2 span{height:100%;width:100%;position:absolute; background:url(images/ciara.jpg) no-repeat;}
			#nav{float:left;font-size:1.3em; } 
			#nav ul{background:#577ea5 url(images/navbg.gif) no-repeat; position:relative; top:78px; float:left; padding-left:28px}
				#nav ul li{float:left;}
					#nav ul li#home a, #nav ul li#home a:link, #nav ul li#home a:active, #nav ul li#home a:visited{display:block; position:absolute; top:0px; color:#ffffff; 
																										height:38px; text-indent:-9999px; 
																										background:#577ea5 url(images/navbg.gif) no-repeat bottom; width:71px;
																										background-position:0px 0px;}
					#nav ul li#home a:hover {background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:0px -38px;}
					#nav ul li#home.on a:link, #nav ul li#home.on a, #nav ul li#home.on a:active, #nav ul li#home.on a:visited{background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:0px -38px; color:#122950;}
					#nav ul li#home.on a:hover{background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:0px -76px; color:#122950;}

					#nav ul li#proj a, #nav ul li#proj a:link, #nav ul li#proj a:active, #nav ul li#proj a:visited{display:block; position:absolute; top:0px; margin-left: 74px;  
																										color:#ffffff; height:38px; text-indent:-9999px; 
																										background:#577ea5 url(images/navbg.gif) no-repeat bottom; width:71px;
																										background-position:-174px 0px;}
					#nav ul li#proj a:hover {background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:-174px -38px;}
					#nav ul li#proj.on a, #nav ul li#proj.on a:link, #nav ul li#proj.on a:active, #nav ul li#proj.on a:visited{background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:-174px -38px; color:#122950;}
					#nav ul li#proj.on a:hover{background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:-174px -76px; color:#122950;}
					
					#nav ul li#test a, #nav ul li#test a:link, #nav ul li#test a:active, #nav ul li#test a:visited{display:block; position:absolute; top:0px; margin-left: 148px; 
																										color:#ffffff; height:38px; text-indent:-9999px; 
																										background:#577ea5 url(images/navbg.gif) no-repeat bottom;width:97px;
																										background-position:-74px 0px;}
					#nav ul li#test a:hover {background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:-74px -38px;}
					#nav ul li#test.on a, #nav ul li#test.on a:link, #nav ul li#test.on a:active, #nav ul li#test.on a:visited{background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:-74px -38px; color:#122950;}
					#nav ul li#test.on a:hover{background: #a2b4c6 url(images/navbg.gif) no-repeat; background-position:-74px -76px; color:#122950;}
					
		#imagery{float:left;}
			#imagery img{padding-top:28px;}
		
#content-container{margin: 0px auto; width:993px; background:#ffffff; margin-top: 16px}

	#content{margin-left:41px; padding:20px 0px 40px 0px;}
	#content .three-col-block{float:left; width:300px; border-right: 1px solid #cccccc; margin-right:15px;}
	#content .three-col-block p{font-size: 1.15em;line-height:1.35em; padding-bottom:0.7em; color:#686868;}
	
	#content .two-col-block{float:left; width:450px; border-right: 1px solid #cccccc; margin-right:15px;}
	#content .two-col-block p{font-size: 1.55em;line-height:1.45em; padding-bottom:0.7em; color:#686868;}
		ul.dash-list{font-size: 1.6em;line-height:1.45em; text-indent:-5px; color:#686868;}
		ul.disc-list{font-size: 1.2em;line-height:1.25em; list-style:disc; color:#686868; margin-bottom:10px;}
			ul.disc-list li{padding-bottom:2px; }
	
	#content .end{border:0px; margin-right:0px;}
	#content p{font-size: 1.2em;line-height:1.4em; padding-right:18px; }

	#content h3#testimonial{position:relative; height:24px; width:166px;}
	#content h3#testimonial span{height:100%;width:100%;position:absolute; background:url(images/testimonials.jpg) no-repeat;}
	#content h3#welcome{position:relative; height:27px; width:159px; padding-bottom:20px;}
	#content h3#welcome span{height:100%;width:100%;position:absolute; background:url(images/welcome.gif) no-repeat;}
	#content h3#projects{position:relative; height:27px; width:159px; padding-bottom:20px;}
	#content h3#projects span{height:100%;width:100%;position:absolute; background:url(images/projects.gif) no-repeat;}
	
	#content h4{font-size:1.3em; color:#577ea5; font-weight:bold;line-height:1.5em;}
	#content h4.large{font-size:1.85em; color:#577ea5; font-weight:bold;line-height:1.5em; padding-bottom:15px; padding-right:20px;}
	#content h4.medium{font-size:1.4em; color:#577ea5; font-weight:bold;line-height:1.5em; padding-bottom:5px; padding-right:20px;}
	h5{font-size:1.1em; color:#4e4e4e; line-height:1.25;}
	img#contact{float:right; margin-right:50px;}
	
	#block-container{float:left;}
	#block-container a {display:block;height:100px; width:100px;}
		#test-block{float:left; height:100px; width:100px; background:url(images/block-test.gif) no-repeat top left; padding-right: 20px;}
		#test-block a:hover{background:url(images/block-test.gif) no-repeat bottom}
		#proj-block{float:left; height:100px; width:100px; background:url(images/block-proj.gif) no-repeat top left; padding-right: 20px;}
		#proj-block a:hover{background:url(images/block-proj.gif) no-repeat bottom}
		#contact-block{float:left; height:100px; width:100px; background:url(images/block-contact.gif) no-repeat top left;}
		#contact-block a:hover{background:url(images/block-contact.gif) no-repeat bottom}
	#content #block-container{padding:30px 0px 0px 0px;}
	
#footer{margin: 0px auto; width:993px; color:#ffffff; font-size: 1.15em;line-height:1.35em;}
	#footer-contact{float:left; margin-top:15px;padding-left:42px;margin-bottom:50px;}
	#footer-contact h5{color:#122950 ;font-weight:bold}
	#footer-copyright{float:right; margin-top:15px;padding-right:35px;margin-bottom:50px;}
	#footer a{color:#ffffff}
	
.clear{clear:both;}
.extra-left-margin{margin-left:15px;}
.blue-text{color:#577ea5; font-weight:bold;}