@charset "UTF-8";
/* CSS Document */

/* site wide links and type */
@font-face {  
   font-family: 'OratorStd';  
   src:url('../fonts/OratorStd.otf') format('opentype');
   }
   
html {
	background-color: #5E584A;
	background-image:url(../img/bkg_zoomDots_initial.jpg);/* for background fade in */
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 100px 130px;
	}

	
body {
	margin: 0;
	padding: 0;
	background-color: #5E584A; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px normal;
	}
	
img {
	border: 0;
	}
	
a {
	color: #F26522;
	text-decoration: none;
	}
	
a:hover {
	color: #80A8BB;
	text-decoration: none;
	}

#header {
	width: 800px;
	height: 130px;
	position: absolute;
	top: 0;
	left: 100px;
	padding-top: 30px;
	}
	
/* sitewide main navigation */
#navcontainer {
	font-family: 'OratorStd', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px normal;
	width: 700px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	}

	
ul#topnav {
	margin: 0 0 20px; 
	padding: 0; 
	list-style: none;	
	font-size: 11px;
	clear: both;
	float: left;
	width: 700px;
	}

ul#topnav li {
	margin: 0; 
	padding: 0; 
	overflow: hidden; /*Masking out the hover state by default*/
	float: left; 
	height:40px;
	}

ul#topnav a, ul#topnav span { /*The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag*/
	padding: 10px 20px; 
	float: left; 
	text-decoration: none; 
	color: #000;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px; /*Vertical alignment of text*/
	background-color: #80A8BB; 
	}
	
ul#topnav a { /* hover state */
	color: #000;
	background-color: #F26522; 
	}
		

ul#topnav span { /* default state */
	display: none;
	}
	

 

/*--The usual active styling for css--*/
#home li.home span, #services li.services span, #clients li.clients span, #about li.about span, #history li.history span, #blog li.blog span, #brainbreaks li.brainbreaks span, #contact li.contact span {
	margin-top: -40px;
	}
	

	

/* start separate page styles */
	
/* homepage styles */
#homewrapper {
	background-image:url(../img/bkg_zoomDots.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 800px;
	height: 580px;
	position: absolute;
	top: 130px;
	left: 100px;
	display:none;
	}
	
#homecontentblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#5E584A;
	width: 450px; 
	position: absolute;
	left:250px;
	top:100px;
	}
	
#homecontentblock p {
	padding:0 30px 0 30px;
	line-height:16px;
	color:#FFF;
	}
	
#homecontentblock h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	padding:20px 30px 0 30px;
	color: #F26522;
	}	
	/* end homepage style */
	
/* about page styles */
#aboutwrapper {
	background-image:url(../img/bkg_zoomDots_blue.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 800px;
	height: 580px;
	position: absolute;
	top: 130px;
	left: 100px;
	display:none;
	}
	
#aboutcontentblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px; 
	position: absolute;
	left:260px;
	top:75px;
	}
	
#aboutcontentblock p {
	line-height:16px;
	color:#FFF;
	}
	
#aboutcontentblock h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	}	
	/* end about page style */	
	
/* history page styles */
#historywrapper {
	background-image:url(../img/bkg_zoomDots_blue.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 800px;
	height: 580px;
	position: absolute;
	top: 130px;
	left: 100px;
	display:none;
	}
	
#historycontentblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px; 
	position: absolute;
	left:260px;
	top:100px;
	}
	
#historycontentblock p {
	line-height:16px;
	color:#FFF;
	display:block;
	clear:none;
	vertical-align:top;
	}
	
#historycontentblock h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	display:block;
	float:left;
	padding:0 10px 100px 0;
	margin:8px 0 0 0;
	line-height:1px;
	}	
	/* end history page style */	
	
/* clients page styles */
#clientswrapper {
	background-image:url(../img/bkg_zoomDots_blue2.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 800px;
	height: 580px;
	position: absolute;
	top: 130px;
	left: 100px;
	display:none;
	}
	
#clientscontentblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px; 
	position: absolute;
	left:260px;
	top:100px;
	}
	
#clientscontentblock p {
	line-height:16px;
	color:#FFF;
	display:block;
	clear:none;
	vertical-align:top;
	}
	
#clientscontentblock h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	display:block;
	float:left;
	padding:0 10px 200px 0;
	margin:8px 0 0 0;
	}	
	/* end clients page style */
	
/* services page styles */
#serviceswrapper {
	background-image:url(../img/bkg_zoomDots_blue3.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 800px;
	height: 580px;
	position: absolute;
	top: 130px;
	left: 100px;
	display:none;
	}
	
#servicescontentblock_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 700px; 
	position: absolute;
	left:20px;
	top:50px;
	display:block;
	}
	
#servicescontentblock_top p {
	line-height:16px;
	color:#FFF;
	display:block;
	clear:none;
	vertical-align:top;
	}
	
#servicescontentblock_top h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	display:block;
	width: 50%;
	float:left;
	padding:0 10px 200px 0;
	margin:8px 0 0 0;
	line-height:1px;
	text-align:right;
	}	
	
#servicescontentblock_bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 700px; 
	position: absolute;
	left:20px;
	top:270px;
	display:block;
	}
	
#servicescontentblock_bottom p {
	line-height:16px;
	color:#FFF;
	display:block;
	clear:none;
	vertical-align:top;
	}
	
#servicescontentblock_bottom h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	display:block;
	width: 50%;
	float:left;
	padding:0 10px 200px 0;
	margin:8px 0 0 0;
	line-height:1px;
	text-align:right;
	}		
	/* end services page style */	
	
/* contact page styles */
#contactwrapper {
	background-image:url(../img/bkg_zoomDots_blue3.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 800px;
	height: 580px;
	position: absolute;
	top: 130px;
	left: 100px;
	display:none;
	}
	
#contactcontentblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px; 
	position: absolute;
	left:300px;
	top:75px;
	}
	
#contactcontentblock p {
	color:#FFF;
	}
	
#contactcontentblock p a {
	color: #FFF;
	text-decoration: underline;
	}	
	
#contactcontentblock p a:hover {
	color: #F26522;
	text-decoration: underline;
	}		
	
#contactcontentblock h1 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	margin:0;
	}	
	

	/* end contact page style */	
	

	
h2 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding:0 50px 0 50px;
	margin-bottom:0;
	color:#000;
	}

h3 {
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom:0;
	color:#000;
	}