.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */


body 
{
	width:750px;
	margin:0 auto;
	margin-top:0px;
	font-size: 0.8em;
	font-family: "Trebuchet MS",Arial,sans-serif;
	/*font:80%/140% Verdana,Arial,Helvetica,sans-serif;*/
	color: #192B2B;/* #2F2F2F*//*#3F3F3F*//*#5F5F5F;*/
	background: #192B2B url(Images/BlueLines.jpg) no-repeat top ;
	
}

/* ----- HEADER ----- */

#header 
{
	width:735px;
	height:102px;
	margin-left:26px;
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;
	
	
}

#header img
{
	border:none;
}


#header a:link, a:visited
{

	text-decoration:none; 
	
}


#header a:hover
{
	
	text-decoration:none; 
	
	
}


/* FAUX LAYOUT WRAPPER */


#wrapper
{
	width:800px;
	overflow:auto; /* We only need this line because IE isn't reading code properly (what else you can expect from IE?!) */
	margin-top:1px;

}


/* ----- MAIN CONTENT ----- */



#content 
{ 
	margin-left:239px;
	width:502px;
	min-height:500px; /* for modern browsers */
	height:auto	!important;	  /* for modern browsers */
	height:500px;     /* for IE5.x and IE6 */
	margin-top:10px;
}

#content h2 
{
	margin: 0 0 0 34px  ;
	font-size: 1.1em;
		
}

#content .button 
{
	color: #000000;
	font-size: 1em;
    background-color:#65BAF6;
	border:solid 1px #ACD9FA;
	/*width: 30px;
	height: 25px;*/
}

/* ----- TOP ----- */

#top 
{ 
	margin-top:0px;
	margin-left:30px;
	width:800px;
	height:29px;
	font-size:10px; 
	font-family:Helvetica, sans-serif;
	color:#65BAF7;

}

#top #info-right
{
	
	float:right;
	width:608px;
	height:19px;
	margin:0;
	padding:0;

}

#top #info-right ul
{
	margin:0;
	padding:3px;
	list-style-type:none;
	

}
#top #info-right li 
{
	display:inline;
	
}
#top #info-left  
{
	float:left;
	margin:0;
	padding:0;
	width:115px;
	height:19px;
}

#top #info-left .home
{
	width:115px;
	display:block;
}

#top #info-left a:link, a:visited
{
	color:#65BAF7;
	text-decoration:none; 
	
}

#top #info-left a:hover
{
	color:#65BAF7;
	text-decoration:none; 
	background:url(images/house.png) no-repeat 100px 0px; 
}

#content .spacer
{
	height:0px;
	width:502px; 
	
}
.ender
{
	position: relative;
	height: 10px;
	clear:none;
	
}


#content .top 
{
	margin-top:1px;
}


#content .bottom 
{
	margin-top:1px;

}


/* Services Bottom Content */

#content #services-top-content p 
{

	margin: 0px 0px 1em 34px;
	padding: 2px;
	line-height:1.8em;
}

#content #services-bot-content ul 
{
	margin-top:1px;
	margin-left: 39px;
	padding: 3px;
	list-style:url(images/services-bullet-10.gif);
	font-size:90%;

}
 
#content #services-bot-content ul li
{
	margin:12px;
	padding: 0px 0px 0px 1px;
	line-height:1.2em;
	
}


/* Support Content */



#content #support-top-content .floatbox
{
	float: left;
	margin: 0px 0px 1em 34px;
}
* html #content #support-top-content p
{ 
	/* IE 3px jog hack*/
	height: 1%;
}

#content #support-top-content p
{
	
	margin: 0px 0px 1em 172px;
	padding-top:52px;
}
#content #support-bot-content ul 
{

	margin-top:0px;
	padding: 3px;
	margin-left: 42px;
	list-style:url(images/support-bullet-16.gif);
	font-size:90%;

}
 
#content #support-bot-content ul li
{
	margin:12px;
	padding: 0px 0px 0px 1px;
	line-height:1.5em;
	
}

/* About Content */

#content #about-top-content p
{
	
	margin: 0px 0px 1em 34px;
	padding:0px;
}

#content #about-bot-content h2 
{
	margin: 0px 0px 1em 34px;
	padding: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

#content #about-bot-content p
{
	
	margin: 0px 0px 1em 34px;
	padding-top:0px;
}

/* Quote Content */

#content #quote-top-content  p
{
	margin: 0px 0px 1em 34px;
	padding:0px;
}
#content #quote-bot-content p
{
	
	margin: 0px 0px 1em 34px;
	padding-top:0px;
}


#content #quote-bot-content fieldset 
{
	
	border-top:dashed 1px #F1F1F1;
	border-left: dashed 1px #F1F1F1;
	border-bottom:none;
	border-right:none;
	margin-left:21px;
	margin-top:20px;
	padding: 0 0 0 30px ;
	
}
	
#content #quote-bot-content legend 
{
	
	text-transform:capitalize;
	text-indent: 0;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid #F1F1F1;	
	margin-bottom:5px;
	font-family:"Century Gothic",Arial,sans-serif;
}

#content #quote-bot-content .label
{
		
}

#content #quote-bot-content .textbox 
{
	font-family:"Century Gothic",Arial,sans-serif;
	font-weight: bold;
	border: 1px solid #999999;
	width: 250px;
	
}

#content #quote-bot-content .textboxmulti
{
	font-family:"Century Gothic",Arial,sans-serif;
	font-weight: bold;
	border: 1px solid #999999;
	width: 400px;
}



#content #quote-bot-content .button 
{
	width:100px;
	height:25px;
	/*padding-bottom:2px;*/
	margin: 0px 0px 0px 353px;
	 
}

#content #quote-bot-content .ddl
{
	font-family:"Century Gothic",Arial,sans-serif;
	border: 1px solid #999999;
	margin: 0;
	width: 252px;
	height: 1.8em;
	
}


	
#content #quote-bot-content .rbl 
{
	font-family:"Century Gothic",Arial,sans-serif;
	margin-left:-8px;
	list-style:none;
}


/* Portfolio Content */

#content .projectrow 
{
	width:502px;
  height:350px;
   /* height: 303px;*/
    
    margin-left:19px;
    padding-top:2px;
    
}

#content .projectrow .leftprojectItem 
{
	width: 210px;
	float:left;
	
}

#content .projectrow .rightprojectItem 
{
	width: 210px;
	float:right;
	margin-right:35px;

}

#content .projectrow .projectDetails 
{
	padding:0;
	
} 
#content .projectrow .projectDetails h2
 {
	margin: 0.5em 0px 0.5em 0px; 
	font-size: 1.1em;
	font-weight: bold;
 }
		

#content .projectrow .projectDetails h3 
{
	margin: 0px 0px 0.5em 0px; 
	font-size: 1.0em;
		
}

#content .projectrow .projectDetails a:link, a:visited
{
	color: #338DCF;
	text-decoration:none; 
	
}

#content .projectrow .projectDetails a:hover 
{
	color: #1A1B1D;
	text-decoration:underline;
}

 
 #content .projectrow .projectImage 
 {
	width: 220px;
	height: 220px;
	/*width: 173px;
	height: 173px;*/ 
	background: #FFFFFF;
	border: 1px solid #1A1B1D;
 }

#content .projectButtonContainer
{
	padding-left: 234px;
}

/*SOQS Content*/

#content .soqsprojectrow
{

    width:450px;
    height:170px;
    margin-left:52px;
    margin-bottom:18px;
    padding-top:2px;
    
}
#content .soqsprojectDetails  
{
	
	margin: 0px 0px 1em 34px;
	padding:0px;
}


#content .soqsprojectrow .soqsleftprojectItem 
{
	width: 200px;
	float:left;
	
}

#content .soqsprojectrow .soqsrightprojectItem 
{
	width: 200px;
	float:right;
	margin-right:5px;

}


#content .soqsprojectDetails h2 
{
	margin: 0 ;
	font-size: 1.1em;
		
}

#content .soqsprojectrow .soqsprojectDetails a:link, a:visited
{
	color: #338DCF;
	text-decoration:none; 
	
}

#content .soqsprojectrow .soqsprojectDetails a:hover 
{
	color: #1A1B1D;
	text-decoration:underline;
		

}

 
#content .soqsprojectrow .soqsprojectImage 
{
	width: 170px;
	height: 168px;
	background: #FFFFFF;
	border: 1px solid #1A1B1D;
	
 }
 
 #content .soqsButtonContainer
 {
 	padding-left: 237px;
 }
 
/* ----- NAVIGATION ----- */



#navigation 
{
	width:200px;
	min-height:500px;  /*for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	margin-left:30px;
	float:left;
	margin-top:3px;
	background:url(images/menu.png) no-repeat ;
}


#navigation ul
{
	width:200px;
	height:360px;
	margin: 0;
	padding: 0 ;
	clear: left;

	
}

#navigation ul li
{
	width:200px;
	height:60px;
	display:block;
	float:left;
	padding: 0;
	margin: 0;
	

}

#navigation ul li a span
{
	display:none;
}

#navigation ul li a
{
	width:200px;
	height:58px;
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0;
	
	
			
}



/* -- Hovers -- */

#navigation ul li#home a:hover
{
	background: url(images/menu.png) 200px 0px;
}

#navigation ul li#services a:hover
{
	background: url(images/menu.png) 200px -61px;
}
#navigation ul li#support a:hover
{
	background: url(images/menu.png) 200px -121px;
}			
#navigation ul li#quote a:hover
{
	background: url(images/menu.png) 200px -181px;
}		
#navigation ul li#portfolio a:hover
{
	background: url(images/menu.png) 200px -241px;
}
#navigation ul li#about a:hover
{
	background: url(images/menu.png) 200px -301px;
}

/* -- Active links -- */

#navigation ul li#home a.selected
{
	background:  url(images/menu.png) 200px 0px;

}
#navigation ul li#services a.selected
{
   background:  url(images/menu.png) 200px -61px;
}
#navigation ul li#support a.selected
{
	background: url(images/menu.png) 200px -121px;
}			
#navigation ul li#quote a.selected
{
	background: url(images/menu.png) 200px -181px;
}		
#navigation ul li#portfolio a.selected
{
	background: url(images/menu.png) 200px -241px;
}
#navigation ul li#about a.selected
{
    background: url(images/menu.png) 200px -301px;
}



/* ----- FOOTER ----- */

#footer 
{ 
	margin-left:25px;
	width:732px;
	height:31px;
	background-color:#192B2B;
	font-size:10px; 
	font-family:Helvetica, sans-serif;
	color:#65BAF7;
	/*padding-top:2px;*/	
}
#footer span
{
    margin-left:262px;
}

#footer p
{
	line-height:2em;
	color:#65BAF7;
	margin-left:47px;
}

#footer a 
{
	border:0;
	color:#65BAF7;
	text-decoration:none;
}
#footer img 
{
	vertical-align:middle;
	margin-left:3px;
	padding-bottom:2px;
	border:none ;
	
}