body {
	background: url(images/bg_clouds.jpg) no-repeat fixed center bottom;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}

#wrap
{
width: 940px;
position:relative;
margin : 0 auto;
padding:0px;
border:0px;
}

#headerTop
{
background: url(images/bg_cloudsTop.jpg) no-repeat fixed center top;
width: 940px;
height: 114px;
position:relative;
margin : 0 auto;
border:0px;
margin-top:-10px;
margin-right:76px;
}



#logo
{
	float: left;
	margin-top:18px;
	padding-left: 6px;
	text-align:left;
	width: 570px;
	border:0px;	
}

li { 
list-style-type:none; 
	  } 

#icons
{
	float: right;
	text-align:left;
	width: 224px;
	height:78px;
	margin : 0 auto;
	padding-top:28px;
	border:0px;	
	padding-right:84px;
	overflow:hidden;
	/* background:#d9effa;*/
	background-image:url(images/twitter_bird.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	

}

#banner
{
background: url(images/bg_banner3.jpg) repeat;
width: 870px;
height: 47px;
position:relative;
margin : 0 auto;
padding:inherit;
border:0px;
}

#bannerHome
{
float: right;
width: 400px;
height: 47px;
position:relative;
margin : 0 auto;
padding:inherit;
border:0px;
}

#motto
{
	float: left;
	margin-top:0px;
	text-align:left;
	width: 282px;
	height: 47px;
	margin : 0 auto;
	border:0px;	
}

#latest
{
	float: right;
	text-align:left;
	width: 324px;
	margin : 0 auto;
	border:0px;	
}

img.yellowArrow
{
margin-left:14px;
}

img.facebook
{
margin-top:6px;
}




.contactinfo
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:13px;
line-height: 36px;
font-weight: none;
color:#FFFFFF;
text-decoration: none;
}

a.latest
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:13px;
line-height: 36px;
font-weight: none;
color:#FFFFFF;
text-decoration: none;
}

a.latest:hover 
{
color:#FFFFFF;
text-decoration: underline;
}

#main
{
width: 870px;
position:relative;
margin : 0 auto;
border:0px;
}

#leftColumn
{
	float: left;
	margin-top:8px;
	text-align:left;
	width: 258px;
	border:0px;	
}

#rightColumn
{
	float: right;
	text-align:left;
	width: 584px;
	margin-right: 14px;
	border:0px;	
	margin-top:0px;
}

#rightColumn2
{
	float: right;
	text-align:left;
	width: 584px;
	border:0px;	
	margin-top:0px;
}

#navButtons
{
	margin-bottom:16px;
	width: 258px;
	border:0px;	
}


#introColumnHome
{
float: left;
width: 300px;
border: 0px;
margin-top:16px;
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:26px;
line-height: 34px;
color:#05a4d4;
padding-right:30px;
}

#heroProject
{
float: left;
width: 185px;
border: 0px;
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:14px;
line-height: 18px;
color:#8a8b8e;
margin-top:105px;

}

#introColumnHome2
{
float: left;
width: 98%;
border: 0px;
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:18px;
line-height: 25px;
color:#555;
margin-top:-28px;
}

#workstatus
{
float: left;
width: 100%;
border: 0px;
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:14px;
color:#8a8b8e;
margin-top:18px;
text-align:center;
padding-top:12px;
padding-bottom:10px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-bottom-width:5px;
	border-top-width:5px;
	border-bottom-color: #d9effa;
	border-top-color:#d9effa;
}

#introImage1
{
float: left;
width: 570px;
height:300px;
border: 0px;
color:#05a4d4;
margin-top:0px;
background-image:url(images/hero_cobo.jpg);
}

#introImage2
{
float: left;
width: 570px;
height:300px;
border: 0px;
color:#05a4d4;
margin-top:0px;
background-image:url(images/hero_whipple.jpg);
}

#introImage3
{
float: left;
width: 570px;
height:300px;
border: 0px;
color:#05a4d4;
margin-top:0px;
background-image:url(images/hero_diamond.jpg);
}

#introImage4
{
float: left;
width: 570px;
height:300px;
border: 0px;
color:#05a4d4;
margin-top:0px;
background-image:url(images/hero_mind.jpg);
}

.introGray
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:26px;
color:#999999;
}


a.introHome
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:14px;
color:#444;
text-decoration:none;
}

a.introHome:hover
{
color:#999;
text-decoration:none;
}

a.introHome2
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:18px;
color:#555;
text-decoration:none;
}

a.introHome2:hover
{
color:#999;
text-decoration:none;
}

.subnavOn {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:16px;
color:#555;
text-transform:uppercase;
text-decoration:none;
}

a.subnav {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:16px;
color:#05a4d4;
text-transform:uppercase;
text-decoration:none;
}

a.subnav:hover {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
color:#999;
text-transform:uppercase;
text-decoration:none;
}


#newsColumnHome
{
float:right;
width: 235px;
border: 0px;
margin-top:18px;
margin-right: 10px;
margin-bottom:25px;
}

#newsColumnHome2
{
float:left;
width: 240px;
border: 0px;
margin-bottom:15px;
}


#news
{
	width:90%;
	padding-top:16px;
	padding-left:14px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-bottom-width:5px;
	border-top-width:5px;
	border-bottom-color: #d9effa;
	border-top-color:#d9effa;
	/*
	-moz-border-radius: 6px;
	-webkit-border-bottom-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-bottom-radius: 6px;
	border-color: #d9effa;
	*/


		
}

.newsText
{

font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
line-height: 17px;
color:#8a8b8e;
padding-left:8px;
padding-right: 22px;
padding-top: 6px;
padding-bottom: 12px;
}

.newsDate
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
line-height: 17px;
color:#555;
}

a.news
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
font-weight: none;
color:#05a4d4;
text-decoration: none;
}

a.news:hover 
{
color:#999;
text-decoration: underline;
}




#subNav
{
	float: left;
	border:0px;	
	margin-top:18px;
	margin-bottom:8px;
	padding-left: 0px;
	
}

#subNav2
{
	float: left;
	border:0px;	
	margin-top:18px;
	margin-bottom:8px;
	padding-left: 0px;
	width:580px;
	
}

#squaresWeb
{
	float: right;
	border:0px;	
	margin-top:0px;
	margin-right:0px;
	width:248px;
}

#squaresId
{
	float: right;
	border:0px;
	margin-top:2px;
	width:248px;
	text-align:left;
}

#squaresCase
{
	float: right;
	border:0px;
	margin-top:2px;
	width:122px;
	text-align:left;
}

#squares1
{
	border:0px;	
	text-align: left;
	width:248px;
	margin-top: 1px;
	

}



#squares2
{
	border:0px;	
	text-align: left;
	margin-left:19px;

}

#squares3
{
	border:0px;	
	text-align: left;
	width:122px;
	margin-top: 1px;	
}

#squares4
{
	border:0px;	
	text-align: left;
	width:236px;
	margin-top: 1px;	
}


#squaresText
{
	border:0px;	
	text-align: left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:10px;
	font-weight: none;
	color:#bdbdbd;
	padding-bottom: 5px;
	padding-left: 1px;
	
	
}



img.square
{
padding-right: 1px;
padding-top: 0px;
}


#upArrow
{
	background: url(images/bg_line.gif) repeat;
	float: right;
	text-align:left;
	width: 584px;
	height: 14px;
	margin-right: 14px;
	border:0px;	
}

img.webLink
{
padding-left: 277px;
}

img.printLink
{
padding-left: 197px;
}

img.idLink
{
padding-left: 94px;
}

img.profileLink
{
padding-left: 24px;
}

img.whyLink
{
padding-left: 254px;
}

img.reviewsLink
{
padding-left: 356px;
}

img.newsLink
{
padding-left: 454px;
}

img.designLink
{
padding-left: 20px;
}

img.hostLink
{
padding-left: 146px;
}

img.seoLink
{
padding-left: 258px;
}

img.socialLink
{
padding-left: 362px;
}

img.proLink
{
padding-left: 300px;
}

img.apprLink
{
padding-left: 140px;
}

img.caseLink
{
padding-left: 440px;
}

#contentArea
{
	background:#FFFFFF;
	float: right;
	width: 580px;
	margin-right: 14px;
	border-bottom-style:solid;
	border-bottom-color: #e7e7e7;
	border-bottom-width:2px;
	border-right-style:solid;
	border-right-color: #e7e7e7;
	border-right-width:2px;
	border-left-style:solid;
	border-left-color: #e7e7e7;
	border-left-width:2px;	
}

#contentArea2
{
	
	float: right;
	width: 580px;
	margin-right: 14px;
	margin-top: 10px;
	
	/*
	background:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-color: #ededed;
	border-bottom-width:2px;
	border-right-style:solid;
	border-right-color: #ededed;
	border-right-width:2px;
	border-left-style:solid;
	border-left-color: #ededed;
	border-left-width:2px;
	border-top-style:solid;
	border-top-color: #ededed;
	border-top-width:2px;*/	
}

#contentArea3
{
	
	float: right;
	width: 580px;
	margin-right: 14px;
	margin-top: 10px;
	border-bottom-style:solid;
	border-bottom-color: #ffcd47;
	border-bottom-width:2px;
}



#contentBlue
{
	background: url(images/bg_content.jpg) no-repeat;
	width: 538px;
	height: 380px;
	margin-right: 9px;
	margin-left: 9px;
	margin-top: 9px;
	margin-bottom: 9px;
	
}

#mainImage
{
	width: 544px;
	padding-bottom: 22px;
	float: left;
	margin-top: 16px;
	margin-left: 18px;
	/*border-bottom-style:solid;
	border-bottom-color: #d7d7d7;
	border-bottom-width:5px;
	border-top-style:solid;
	border-top-color: #d7d7d7;
	border-top-width:1px;
	border-right-style:solid;
	border-right-color: #d7d7d7;
	border-right-width:1px;
	border-left-style:solid;
	border-left-color: #d7d7d7;
	border-left-width:1px;*/
}


#column
{
width: 120px;
margin-left:4px;
float: left;
margin-top:6px;
}

#column2
{
width: 280px;
margin-left:4px;
float: left;
margin-top:6px;
}


#columnP
{
width: 120px;
margin-left:40px;
float: left;
margin-top:6px;
}

#columnW
{
width: 120px;
margin-left:40px;
float: left;
margin-top:6px;
}

#columnW2
{
width: 120px;
margin-left:16px;
float: left;
margin-top:6px;
}

#thumbBox
{
width: 110px;
border:solid;
border-color: #f2f2f2;
border-width:5px;
text-align:left;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}


#thumbdesc
{
width:114px;
background-color: #f2f2f2;
margin-bottom:16px;
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
text-transform: uppercase;
font-size:10px;
color:#666666;
text-align:left;
padding-left: 6px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 6px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

a.thumb
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:9px;
font-weight: none;
color:#666666;
text-decoration: none;
}

a.thumb:hover
{
font-weight: none;
color:#666666;
text-decoration: underline;
}



#links
{
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top:8px;
	width: 544px;
	height:20px;
	background:#05a4d4;
}

#linksWeb
{
	
	float: left;
	margin-top: 30px;
	margin-left: 14px;
	margin-right: 14px;
	width: 518px;
}

#projectClient
{
	float: left;
	text-align:left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:12px;
	font-weight: none;
	color:#ffffff;
	margin-left:10px;
}



#options
{
	
	float: right;
	text-align:right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:12px;
	margin-top: 0px;
	margin-right:12px;
	
}

a.options
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
font-weight: bold;
color:#ffffff;
text-decoration: none;
}

a.options:hover 
{
color:#ffffff;
text-decoration: underline;
}

#projectDes
{
	text-align:left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:13px;
	line-height: 20px;
	font-weight: none;
	color:#8a8b8e;
	float: left;
	margin-top: 12px;
	margin-left: 15px;
	margin-right: 15px;
	width: 510px;
}

#mainCopy
{
	width: 500px;
	padding-bottom: 30px;
	float: left;
	margin-top: 34px;
	margin-left: 40px;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 20px;
	font-weight: none;
	color:#8a8b8e;
	text-align:left;
}

#mainCopy2
{
	background: url(images/cali2.jpg) no-repeat right top;
	width: 500px;
	padding-bottom: 30px;
	float: left;
	margin-top: 18px;
	margin-left: 40px;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 20px;
	font-weight: none;
	color:#8a8b8e;
	text-align:left;
	
}

#mainCopy3
{

	width: 550px;
	padding-bottom: 10px;
	float: left;
	margin-top: 22px;
	margin-left: 30px;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 20px;
	font-weight: none;
	color:#8a8b8e;
	text-align:left;
	
}

p.contact
{
margin-right:130px;
}


#copyBox
{
width: 494px;
float: left;
border-bottom-style:solid;
border-bottom-width: 2px;
border-bottom-color: #05a4d4;
margin-bottom: 12px;
margin-left: -4px;
padding-bottom: 2px;
padding-top: 4px;
background: #05a4d4;
}

#copyBox2
{
width: 500px;
float: left;
}

#copyBox3
{
width: 183px;
float: right;
border-bottom-style:solid;
border-bottom-width: 2px;
border-bottom-color: #ffcd47;
padding-bottom: 4px;
}

#copyLeft
{
	width: 295px;
	float: left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 21px;
	font-weight: none;
	color:#8a8b8e;
	
	
}

#copyRight
{
	width: 190px;
	float: right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 21px;
	font-weight: none;
	color:#555555;
	padding-top: 0px;
	
}

#sitemapLeft
{
	width: 260px;
	float: left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 21px;
	font-weight: none;
	color:#8a8b8e;
	padding-right: 15px;
	
}

#sitemapRight
{
	width: 223px;
	float: right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 21px;
	font-weight: none;
	color:#8a8b8e;
	padding-top: 0px;
	
}


#testi
{
	text-align:left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:11px;
	line-height: 20px;
	font-weight: none;
	color:#128ece;
	float: left;
	margin-top: 12px;
	margin-left: 14px;
	margin-right: 14px;
	width: 494px;
}


#thumb1
{
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 27px;
	margin-right: 30px;
	/*border-style:solid;
	border-color: #eeeeee;
	border-width:1px;
	background-color:#FFFFFF;*/
}

#thumb2
{
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 18px;
	margin-right: 30px;
	/*border-style:solid;
	border-color: #eeeeee;
	border-width:1px;
	background-color:#FFFFFF;*/
}

#viewSite
{
	
	float: right;
	margin-right: 14px;
	width: 80px;
	text-align:center;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:13px;
	font-weight: bold;
	color:#128ece;
	margin-top: 74px;
}

a.viewSite
{
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:12px;
	font-weight: none;
	color:#8a8b8e;
	text-decoration: none;
}

a.viewSite:hover 
{
color:#8a8b8e;
text-decoration: underline;
}

a.viewProject
{
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:12px;
	font-weight: none;
	color:#05a4d4;
	text-decoration: none;
	text-transform:uppercase;
}

a.viewProject:hover 
{
color:#05a4d4;
text-decoration: underline;
}

a.main
{
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	font-weight: none;
	color:#05a4d4;
	text-decoration: none;
	
}

a.main:hover 
{
color:#05a4d4;
text-decoration: underline;
}

#footerwrap
{
float:right;
width:100%;
/*background-image:url(images/bg_footer2.jpg);*/
background:#16a3d7;
	margin-top:26px;
	padding-top: 15px;
	padding-bottom:20px;
	border-top-style:solid;
	border-top-color: #0b7fad;
	border-top-width:1px;
}

#bigfooter
{
	margin: 0 auto;
	width: 870px;
	text-align:left;
	
	
}

#footersection
{
float: left;
	width: 120px;
	margin-left: 15px;
	text-align:left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:13px;
	color:#fff;
	line-height:19px;
}

#footersection2
{
	float: right;
	width: 210px;
	margin-right:0px;
	text-align:right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:11px;
	color:#0479a5;
	line-height:14px;
}

a.footersection2 {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:11px;
	color:#0479a5;
	line-height:14px;
	text-decoration:none;

}

a.footersection2:hover {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:11px;
	color:#0479a5;
	line-height:14px;
	text-decoration:underline;

}

#footer
{
	
	float: right;
	width: 574px;
	margin-right: 14px;
	text-align:right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:10px;
	color:#bdbdbd;
	padding-top: 12px;
	padding-bottom:15px;
	
	
}

#footer2
{
	
	float: right;
	width: 870px;
	text-align:right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:10px;
	color:#bdbdbd;
	padding-top: 12px;
	padding-bottom:15px;
	border-top-style:solid;
	border-top-color: #ededed;
	border-top-width:2px;
	
}


a.footerbig{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
font-weight: none;
color:#c2ebf7;
text-decoration: none;
}

a.footerbig:hover{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
font-weight: none;
color:#c2ebf7;
text-decoration: underline;
}

a.footer
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:10px;
font-weight: none;
color:#bdbdbd;
text-decoration: underline;
}

a.footer:hover 
{
color:#bdbdbd;
text-decoration: none;
}


.styleBlue
{
color: #05a4d4;
}

.styleBluenews
{
color: #555;
font-size:13px;
}

.style1
{
color: #ffcd47;
font-weight: bold;
}

.styleBlueBold
{
color: #555;
font-weight: bold;
}

.styleHeader
{
font-size: 18px; 
color: #BDBDBD; 
font-family: Arial, Corbel, "Lucida Grande", sans-serif;
}

.styleHeader2
{
font-size: 18px; 
color: #555555; 
font-family: Arial, Corbel, "Lucida Grande", sans-serif;
}

.styleHeader3
{
font-size: 17px; 
color: #ffffff; 
font-family: Arial, Corbel, "Lucida Grande", sans-serif;
padding-left: 10px;
/*text-shadow: #0276a6 -1px -1px 0px;*/
}

.styleList
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:13px;
font-weight: none;
color:#555555;
line-height: 19px;
}

input {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
 background-color: #ffffff;
 border: 1px solid #cccccc; 
 color: #8a8b8e;
 font-size:13px;
}

select {
 background-color: #ffffff;
 border: 1px solid #cccccc;
 color: #8a8b8e;
 font-size:13px;
}

textarea {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
 background-color: #ffffff;
 border: 1px solid #cccccc;
 color: #8a8b8e;
 font-size:13px;
}


.button {  
 font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
 font-size: 12px;
 font-weight:bold;  
 background-color: #ffcd47;  
 color: #FFFFFF;  
 padding-top:6px; 
 padding-bottom:4px;
 padding-left:4px;
 padding-right:4px; 
 -moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px; 
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px; 
border: 1px solid #f4b41c;
}