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;
}



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



#icons
{
	float: right;
	text-align:right;
	width: 260px;
	padding-right: 49px;
	margin : 0 auto;
	border:0px;	
}

#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: 275px;
	margin : 0 auto;
	border:0px;	
}

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


a.latest
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:11px;
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:10px;
	text-align:left;
	width: 258px;
	border:0px;	
}

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


#introColumnHome
{
float: left;
width: 309px;
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;


}

.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:26px;
color:#999999;
text-decoration:none;
}

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


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


#news
{
	background: url(images/bg_news.gif) repeat;
	width: 235px;
	border:0px;
	border-bottom-style:solid;
	border-bottom-color: #d9effa;
	border-bottom-width:6px;
	-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
margin-bottom:15px;
		
}

.newsText
{
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
font-size:12px;
line-height: 17px;
color:#939598;
padding-left: 27px;
padding-right: 27px;
padding-top: 4px;
padding-bottom: 16px;
}

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

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

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


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


#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: 32px;
}

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

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

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

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

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

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

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

#contentArea
{
	background:#FFFFFF;
	float: right;
	width: 580px;
	margin-right: 14px;
	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;	
}

#contentArea2
{
	
	float: right;
	width: 580px;
	margin-right: 14px;
	margin-top: 10px;
	border-bottom-style:solid;
	border-bottom-color: #ffcd47;
	border-bottom-width:2px;
	
	/*
	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;
}


#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: 24px;
	margin-left: 21px;
	margin-right: 14px;
	margin-bottom: 4px;
	width: 500px;
}

#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:14px;
	font-weight: none;
	color:#05a4d4;
}



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

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

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

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

#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:#939598;
	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:#939598;
	text-align:left;
	
}

#mainCopy3
{

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

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


#copyBox
{
width: 500px;
float: left;
border-bottom-style:solid;
border-bottom-width: 2px;
border-bottom-color: #ffcd47;
margin-bottom: 12px;
padding-bottom: 4px;
}

#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: 300px;
	float: left;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 21px;
	font-weight: none;
	color:#939598;
	padding-right: 15px;
	
}

#copyRight
{
	width: 183px;
	float: right;
	font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
	font-size:14px;
	line-height: 21px;
	font-weight: none;
	color:#939598;
	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:#939598;
	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:#939598;
	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:#939598;
	text-decoration: none;
}

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

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

a.viewProject:hover 
{
color:#939598;
text-decoration: none;
}



#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.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: #05a4d4;
font-size:13px;
}

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

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

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

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

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

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

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

textarea {
font-family: Helvetica, Arial, Corbel, Lucida Grande, sans-serif; 
 background-color: #ffffff;
 border: 1px solid #cccccc;
 color: #939598;
 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;
}