/* 
   CSS Styles 
   Author: 6600 Design llc 
*/
body{font-family:Georgia,serif,Cambria,Helvetica,sans-serif;font-size:12px;line-height:18px;background:url('../images/bg.jpg') repeat;}
div{position:relative;}
ul{}
ul li{}

a{text-decoration:none;color:#a8a8a7;}
a:hover{color:#000;}
a:.current {}
a:visited{text-decoration:none;}
img{}
p{
	padding:5px;
	padding-left:0;
	font-size: 100%; 
}
.floatLeft{float:left;}
h1{font-size:26px;line-height:28px;padding-bottom:5px;}
h2{font-size:18px;line-height:20px;padding-bottom:5px;}
h3{font-size:16px;line-height:18px;padding-bottom:5px;} 
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:10px;line-height:12px;}
.clear{display:block;clear:both;}
.floatleft{display:block;float:left;}
.floatright{display:block;float:right;}
img.floatleft, img.floatright{padding:4px;background:#e0e0de;border:1px solid #d5d5d4;}
img.floatleft{margin:15px 15px 15px 0;}
img.floatright{margin:15px 0 15px 15px;}


/*general*/
#page{}
#wrapper{padding-top:20px;}
.divider{display:block;height:2px;background:url('../images/divider.jpg') repeat-x;margin:15px 0;}

/*header*/
#header{background:url('../images/mountains.jpg') left bottom no-repeat;height:119px;width:960px;margin:0 auto;}
a.logo{display:block;width:287px;height:72px;background:url('../images/logo.png') no-repeat;float:left;}
a.logo span{display:block;position:absolute;left:-99999px;}
ul.mainNavigation{float:right;background:url('../images/navBorder.jpg') repeat-x top left;}
ul.mainNavigation li{display:block;float:left;font-family:Lucida Sans;font-size:13px;margin-right:40px;}
ul.mainNavigation li.last{margin-right:none;}
ul.mainNavigation li a{color:#353530;display:block;float:left;padding-top:15px;}
ul.mainNavigation li a.current,ul.mainNavigation li a:hover{background:url('../images/navActive.jpg') center top no-repeat;}
ul.mainNavigation li a:hover{color:#616159;}

/*main content*/
#mainContent{width:980px;margin:0 auto;background:url('../images/mainContentCenter.jpg') repeat-y;}
#mainContent .content{width:900px;margin:0 auto;line-height:24px;}
#mainContent .contentWrapper{margin-top:25px;width:900px;}
.top{display:block;height:21px;width:980px;background:url('../images/mainContentTop.jpg') no-repeat;}
.bottom{display:block;height:28px;width:980px;background:url('../images/mainContentBottom.jpg') no-repeat;margin:0 auto;margin-bottom:25px;}
.imageTab{width:88px;height:103px;background:url('../images/tabBG.png') no-repeat;position:absolute;left:-87px;top:100px;}
.imageTab a.upArrow{display:block;width:19px;height:16px;background:url('../images/upArrow.png') no-repeat;margin-bottom:15px;}
.imageTab a.downArrow{display:block;width:19px;height:16px;background:url('../images/downArrow.png') no-repeat;}
.imageTab .buttons{width:19px;margin: 28px 0 0 28px;}
p.tagLine{font-size:30px;line-height:32px;text-align:center;padding-bottom:20px;}
#mainContent .col1,#mainContent .col2{display:block;width:290px;float:left;margin-right:15px;}
#mainContent .col3{display:block;width:290px;float:left;}
#mainContent h2.title{font-size:18px;font-weight:bold;font-family:Lucida Sans;padding-left:38px; text-transform: capitalize;}
#mainContent h2.title.clients{background:url('../images/icon1.jpg') no-repeat left top;}
#mainContent h2.title.services{background:url('../images/icon2.jpg') no-repeat left top;}
#mainContent h2.title.about{background:url('../images/icon3.jpg') no-repeat left top;}
a.readmore{display:block;width:88px;height:27px;background:url('../images/readMore.jpg') no-repeat;margin:15px 0 5px 0;}
a.readmore span{display:block;position:absolute;left:-9999px;}


/*portfolio page*/
ul.studyElement{display:block;padding:10px 0 15px 0;}
ul.studyElement li{display:block;padding-left:20px;background:url('../images/liBG.jpg') no-repeat left center;font-size:11px;color:#585757;}
a.liveProject{display:block;width:172px;height:59px;background:url('../images/visitLiveProject.jpg') no-repeat;}
a.liveProject span{display:block;position:absolute;left:-99999px;}
.portfolioItem{padding-bottom:15px;margin-bottom:25px;background:url('../images/divider.jpg') repeat-x bottom;}
.caseStudy{margin-bottom:55px;}
.caseStudy img{padding:4px;background:#e0e0de;border:1px solid #d5d5d4;}
.portfolioItem.last{margin-bottom: 0;background:none;padding-bottom:0;}
#portfolioPage .coll1{width:370px;margin-right:30px;float:left;}
#portfolioPage .coll2{width:500px;float:left;}
#portfolioPage .pItem{display:block;width:920px;}
#portfolioPage .portfolioNav{position:absolute;bottom:-40px;right:-5px;}
#portfolioPage #mainContent .ui-tabs {}	
#portfolioPage #mainContent .ui-tabs .ui-tabs-nav li {display:block;float:left;width:39px;height:27px;margin:0 1px 0 0;}
#portfolioPage #mainContent .ui-tabs .ui-tabs-nav li a {display:block;color:#000;display:block;float:left;clear:both;background:url('../images/paginationBG.jpg') no-repeat;width:39px;height:27px;text-align:center;padding-top:1px;}
#portfolioPage #mainContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#portfolioPage #mainContent .ui-tabs .ui-tabs-nav li a:hover{color:gray!important;}		
#portfolioPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {}
#portfolioPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#000!important;font-weight:bold;}	
#portfolioPage #mainContent .ui-tabs .ui-tabs-panel {} /*content panel*/
#portfolioPage #mainContent .ui-tabs .ui-tabs-hide { display: none !important; }	

/*contact page*/
#contactPage #mainContent .col1{width:550px;margin-right:30px;}
#contactPage #mainContent .col2{width:320px;margin-right:0;}
#contactForm{width:500px;margin:0 auto;}
input{border:none;padding:0;margin:0;}
.input{padding:10px;background:#fff;display:block;color:#000;width:350px;border:1px solid #e1e1e1;float:left;margin-bottom:15px;}	
/*.submit{cursor:pointer;border:none;width:88px;height:27px;background:url('../images/submitBG.jpg') no-repeat;margin-top:10px;}*/
.submit{display:block;padding:10px;background:#f2f2f2;color:#000;width:500px;cursor:pointer;border:1px solid #e2dfdf;font-size:14px;font-weight:bold;}
textarea{background:#fff;color:#000;border:none;padding:7px;width:450px;border:1px solid #e1e1e1;overflow:auto;height:150px;}
legend{border:1px solid #e1e1e1;font-size:120%;padding:12px;text-align:center;margin-left:35px;font-weight:bold;margin-bottom:15px;background:#fff;}
fieldset{border:1px solid #e1e1e1;padding:25px;padding:0;margin:0;margin-bottom:35px;padding:15px;position:relative;}
fieldset.last{margin-bottom:10px;}
label{display:block;color:#000;float:left;width:90px;padding-top:5px;}
input.inputError{border: 1px solid #e1e1e1 !important;}	/*for form validation*/
label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;}
.select{padding:10px;background:#fff;color:#000;width:300px;margin-bottom:15px;border:1px solid #e1e1e1;float:right;margin-right:5px;}
option{padding:2px 0 0 5px;}
.number{background:url('../images/number.jpg') no-repeat;display:block;width:36px;height:36px;position:absolute;left:-25px;top:-95px;text-align:center;padding-top:4px;color:#fff;font-size:20px;}
.number.green{background:url('../images/numberGreen.jpg') no-repeat;}
.findus li{display:block;padding-left:20px;background:url('../images/liBG.jpg') no-repeat left center;font-size:11px;color:#585757;}


/*services page */
#servicesPage .servicesNav{display:block;width:270px;margin-right:30px;float:left;}
#servicesPage #mainContent .col2{width:540px;margin-right:0;background:url('../images/vDivider.jpg') repeat-y left;padding-left:30px;}
#servicesPage #mainContent .ui-tabs {}	
#servicesPage #mainContent .ui-tabs .ui-tabs-nav li {display:block;}
#servicesPage #mainContent .ui-tabs .ui-tabs-nav li a {display:block;color:#000;display:block;float:left;clear:both;font-size:13px;padding:5px 3px;background:#f2f2f2;margin-bottom:3px;}
#servicesPage #mainContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#servicesPage #mainContent .ui-tabs .ui-tabs-nav li a:hover{color:gray!important;}		
#servicesPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {}
#servicesPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#fff!important;background:#40403a;}	
#servicesPage #mainContent .ui-tabs .ui-tabs-panel {} /*content panel*/
#servicesPage #mainContent .ui-tabs .ui-tabs-hide { display: none !important; }
#servicesPage img { padding: 4px; background-color: #e0e0de; margin-right:5px;}

/*clients page*/
#clientsPage #mainContent .col1{width:270px;margin-right:15px;}
#clientsPage #mainContent .col2{width:600px;margin-right:0;background:url('../images/vDivider.jpg') repeat-y left;padding-left:15px;}
#clientsPage #mainContent .col2 img{padding:4px;background:#e0e0de;border:1px solid #d5d5d4;margin:10px 15px 15px 0; margin:4px;}
ul.recentClients{margin-top:15px;}
ul.recentClients li{display:block;padding-left:20px;background:url('../images/liBG.jpg') no-repeat left center;font-size:11px;color:#585757;}


/*footer*/
#footer{width:960px;margin:0 auto 15px auto;font-size:11px;color:#858583;} 
#footer a.logo{background:url('../images/logoFooter.png') no-repeat;position:absolute;right:0;top:-10px;width:142px;height:24px;}   
#footer span{color:#a8a8a7;}
#footer #copyright a{color:#a8a8a7;padding:0 6px;}
#footer #copyright a:hover{color:#000;}


/*jflow Home Page slider*/
.jFlowPrev, .jFlowNext{cursor:pointer;}
.jFlowPrev{display:block;width:19px;height:16px;background:url('../images/upArrow.png') no-repeat;margin-bottom:15px;}
.jFlowNext{display:block;width:19px;height:16px;background:url('../images/downArrow.png') no-repeat;}
#imageSliderController{display:none;}


/*===================Notification CSS=======================*/

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; text-align:center; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; text-align:center;  }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; text-align:center;  }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }