/* CSS DOCUMENT */

/*----------------------- GENERAL -----------------------*/
body{
	padding:0;
	margin:0;
	background:url(images/body-bg.jpg) 50% 0 no-repeat #000;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#4F4E4E;
	height:100%;
	}
td, th, div, img, p, a, ul, h1, h2, h3, h4, h5, h6, form, label, input, select, textarea, object, iframe{
	padding:0;
	margin:0;
	}
img{ display:block;
	 border:none;
	 }
a{ text-decoration:none;
	outline:none;
	}
ul{ list-style-type:none;}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}

/*----------------------- MAIN -----------------------*/
div#main{
	width:905px;
	margin:0 auto;
	}

/*----------------------- MAIN CONTAINER -----------------------*/
div#mainContainer{
	background:url(images/body-container-bg.jpg) 0 0 no-repeat;
	padding:0 15px;
	}

/*----------------------- HEADER -----------------------*/
div#header{
	height:183px;
	position:relative;
	padding:5px 0 0 12px;
	}
div#header a.logo{
	display:block;
	width:302px;
	height:142px;
	}
div#header ul.mainNav{
	font-size:0;
	line-height:0;
	padding:16px 0 0 277px;
	height:16px;
	}
div#header ul.mainNav li{
	width:auto;
	float:left;
	padding-right:13px;
	}
div#header ul.mainNav li a{
	display:block;
	height:16px;
	background:0 0 no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	}
div#header ul.mainNav li a:hover,
div#header ul.mainNav li a.active,
div#header div.membersArea a:hover,
div#bodyContainer div.galleryLink a:hover{
	background-position:0 100%;
	}
div#header ul.mainNav li a.welcomeLink{
	background-image:url(images/welcome-link.gif);
	width:92px;
	float:left;
	}
div#header ul.mainNav li a.aboutLink{
	background-image:url(images/about-link.gif);
	width:83px;
	float:left;
	}
div#header ul.mainNav li a.servicesLink{
	background-image:url(images/services-link.gif);
	width:81px;
	float:left;
	}
div#header ul.mainNav li a.projectsLink{
	background-image:url(images/projects-link.gif);
	width:87px;
	float:left;
	}
div#header ul.mainNav li a.contactLink{
	background-image:url(images/contact-link.gif);
	width:109px;
	float:left;
	}
div#header div.membersArea{
	position:absolute;
	left:668px;
	top:31px;
	z-index:100;
	width:159px;
	height:33px;
	background:url(images/members-area-bg.jpg) 0 0 no-repeat;
	padding:18px 0 0 19px;
	}
div#header div.membersArea a{
	display:block;
	height:11px;
	width:135px;
	background:url(images/members-area-link.jpg) 0 0 no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	}

/*----------------------- BODY CONTAINER -----------------------*/
div#bodyContainer{
	height:387px;
	padding:63px 0 0 507px;
	position:relative;
	}
div#bodyContainer div.galleryLink{
	width:255px;
	height:38px;
	position:absolute;
	right:29px;
	top:360px;
	background:url(images/gallery-bg.jpg) 0 0 no-repeat;
	z-index:200;
	padding:52px 0 0 9px;
	}
div#bodyContainer div.galleryLink a{
	display:block;
	height:12px;
	width:194px;
	background:url(images/gallery-link.jpg) 0 0 no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	}
div#bodyContainer p{
	padding-bottom:16px;
	}
div#bodyContainer p a{
	text-decoration:underline;
	color:#9D6716;
	}
div#bodyContainer p a:hover{
	text-decoration:none;
	}
div#bodyContainer h2{
	height:38px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	}
div#bodyContainer h3{
	color:#537F30;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding-bottom:12px;
	}
div#bodyContainer h4{
	font-size:13px;
	line-height:19px;
	font-weight:normal;
	padding-bottom:2px;
	}

/*----------------------- BODY CONTAINER - HEADINGS -----------------------*/
h2.welcomeHdr{
	background:url(images/welcome-hdr.gif) 0 0 no-repeat;
	}
h2.aboutHdr{
	background:url(images/about-hdr.gif) 0 0 no-repeat;
	}
h2.servicesHdr{
	background:url(images/services-hdr.gif) 0 0 no-repeat;
	}
h2.projectsHdr{
	background:url(images/projects-hdr.gif) 0 0 no-repeat;
	}
h2.myraProjectsHdr{
	background:url(images/myra-projects-hdr.gif) 0 0 no-repeat;
	height:60px !important;
	}
h2.railsProjectsHdr{
	background:url(images/rails-projects-hdr.gif) 0 0 no-repeat;
	height:60px !important;
	}
h2.jcpProjectsHdr{
	background:url(images/jcp-projects-hdr.gif) 0 0 no-repeat;
	height:65px !important;
	}
h2.meetProjectsHdr{
	background:url(images/meet-projects-hdr.gif) 0 0 no-repeat;
	}
h2.tctProjectsHdr{
	background:url(images/tct-projects-hdr.gif) 0 0 no-repeat;
	}
h2.eteamProjectsHdr{
	background:url(images/eteam-projects-hdr.gif) 0 0 no-repeat;
	}
h2.contactHdr{
	background:url(images/contact-hdr.gif) 0 0 no-repeat;
	}
h2.galleryHdr{
	background:url(images/gallery-hdr.gif) 0 0 no-repeat;
	}
h2.topicsHdr{
	background:url(images/topics-hdr.gif) 0 0 no-repeat;
	}
h2.newsHdr{
	background:url(images/news-hdr.gif) 0 0 no-repeat;
	}

/*----------------------- BODY CONTAINER - BANNERS -----------------------*/
div.homeBanner{
	background:url(images/home-banner.gif) 0 0 no-repeat;
	}
div.aboutBanner{
	background:url(images/about-banner.gif) 0 0 no-repeat;
	}
div.servicesBanner{
	background:url(images/services-banner.gif) 0 0 no-repeat;
	}
div.projectsBanner{
	background:url(images/projects-banner.gif) 0 0 no-repeat;
	}
div.subProjectsBanner{
	background:url(images/subprojects-banner.gif) 0 0 no-repeat;
	}
div.contactBanner{
	background:url(images/contact-banner.gif) 0 0 no-repeat;
	}

/*----------------------- FOOTER -----------------------*/
div#footer{
	height:40px;
	background:url(images/footer-bg.jpg) 0 0 no-repeat;
	padding:12px 70px 0;
	font-size:11px;
	line-height:15px;
	color:#E5DDA5;
	}
div#footer p{
	width:260px;
	float:left;
	}
div#footer ul{
	width:425px;
	float:right;
	text-align:right;
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
div#footer ul li{
	display:inline;
	padding:0 3px;
	}
div#footer ul li a{
	color:#E5DDA5;
	}
div#footer ul li a:hover,
div#footer ul li a.active{
	color:#fff;
	}

/*----------------------- CONTACT FORM -----------------------*/
div.contactForm{
	padding:20px 0;
	width:280px;
	}
div.contactForm div.fields{
	padding-bottom:10px;
	height:100%;
	overflow:hidden;
	}
div.contactForm div.fields label{
	width:105px;
	float:left;
	font-size:12px;
	line-height:18px;
	display:block;
	}
div.contactForm div.fields input{
	width:160px;
	height:16px;
	float:right;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#9D6716;
	background-color:#F4F0DC;
	border:1px solid #B4B2A0;
	padding:1px 0 0 3px;
	}
div.contactForm div.fields input.chkbox{
	width:160px;
	height:16px;
	float:right;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#9D6716;
	padding:1px 0 0 3px;
	}
div.contactForm div.fields textarea{
	width:160px;
	height:60px;
	float:right;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#9D6716;
	background-color:#F4F0DC;
	border:1px solid #B4B2A0;
	padding:1px 0 0 3px;
	}
div.contactForm div.submitBtn{
	height:20px;
	padding-right:104px;
	}
div.contactForm div.submitBtn input{
	width:61px;
	height:20px;
	border:none;
	float:right;
	}

/*----------------------- GALLERY CONTAINER -----------------------*/
div.galleryContainer{
	height:355px !important;
	padding:63px 33px 0 !important;
	}
div.galleryContainer ul.galthumbList{
	font-size:0;
	line-height:0;
	height:100%;
	overflow:hidden;
	}
div.galleryContainer ul.galthumbList li{
	width:auto;
	float:left;
	padding:0 8px 10px 0;
	}
div.galleryContainer ul.galthumbList li a{
	width:135px;
	height:76px;
	padding:6px;
	border:1px solid #E7E3CC;
	background-color:#fff;
	float:left;
	}
div.galleryContainer ul.galthumbList li a:hover{
	border-color:#BAB491;
	}

/*----------------------- BLOG - LEFT CONTAINER -----------------------*/
div#blogLeftPanel{
	width:485px;
	float:left;
	}
div#blogLeftPanel div.blogArea{
	padding-bottom:20px;
	}
div#blogLeftPanel div.blogArea div.blogTitles{
	/*height:100%;
	overflow:hidden;*/
	padding-bottom:12px;
	}
div#blogLeftPanel div.blogArea div.blogTitles h4{
	width:420px;
	float:right;
	font-size:18px;
	line-height:30px;
	font-weight:normal;
	color:#537F30;
	}
div#blogLeftPanel div.blogArea div.blogTitles h4 span{
	display:block;
	background:url(images/post-icon.gif) 6px 50% no-repeat #EDE2D2;
	padding-left:28px;
	height:19px;
	font-size:11px;
	line-height:19px;
	font-weight:bold;
	color:#B57335;
	margin-top:6px;
	}
div#blogLeftPanel div.blogArea div.blogTitles h4 span a{
	color:#B57335;
	}
div#blogLeftPanel div.blogArea div.blogTitles h4 span a:hover{
	color:#688E48;
	}
div#blogLeftPanel div.blogArea div.blogTitles h5{
	width:47px;
	float:left;
	text-align:center;
	background-color:#DED8BA;
	color:#000;
	font-size:13px;
	line-height:20px;
	text-transform:uppercase;
	margin-top:3px;
	font-weight:bold;
	}
div#blogLeftPanel div.blogArea div.blogTitles h5 strong{
	display:block;
	background-color:#688E48;
	font-size:11px;
	line-height:13px;
	padding:3px 0;
	color:#fff;
	}
div#blogLeftPanel div.blogArea div.blogTitles h5 strong span{
	display:block;
	}
div#blogLeftPanel div.blogArea img{
	padding:5px;
	border:1px solid #DED8BA;
	margin:0 15px 8px 0;
	float:left;
	}
div#blogLeftPanel div.blogArea p{
	font-size:11px;
	line-height:19px;
	color:#4F4E4E;
	padding-bottom:11px !important;
	}
/*div#blogLeftPanel div.blogArea p a{
	color:#4F4E4E;
	text-decoration:underline;
	}
div#blogLeftPanel div.blogArea p a:hover{
	text-decoration:none;
	}*/
div#blogLeftPanel div.blogArea div.blogComments{
	background:url(images/comments-bg.gif) 0 1px repeat-x;
	height:20px;
	margin-top:12px;
	}
div#blogLeftPanel div.blogArea div.blogComments span.more{
	float:right;
	background:url(images/more-icon.gif) 6px 1px no-repeat #F7F6EE;
	display:block;
	padding:0 0 0 25px;
	height:20px;
	}
div#blogLeftPanel div.blogArea div.blogComments span.more a{
	padding:0 5px;
	font-size:11px;
	line-height:15px;
	color:#fff;
	background-color:#688E48;
	font-weight:bold;
	}
div#blogLeftPanel div.blogArea div.blogComments span.more a:hover{
	color:#fff;
	background-color:#B57335;
	}
div#blogLeftPanel div.blogArea div.blogComments span.comments{
	float:right;
	background:url(images/comments-icon.gif) 10px 1px no-repeat #F7F6EE;
	display:block;
	padding:0 10px 0 30px;
	height:20px;
	}
div#blogLeftPanel div.blogArea div.blogComments span.comments a{
	font-size:11px;
	line-height:15px;
	color:#688E48;
	font-weight:bold;
	}
div#blogLeftPanel div.blogArea div.blogComments span.comments a:hover{
	color:#B57335;
	}
div#blogLeftPanel div.blogPagination{
	height:45px;
	}
div#blogLeftPanel div.blogPagination a{
	display:block;
	width:auto;
	float:left;
	margin-right:20px;
	font-size:12px;
	line-height:16px;
	color:#B57335;
	}
div#blogLeftPanel div.blogPagination a:hover{
	color:#688E48;
	}
div#blogLeftPanel div.blogPagination a.prev{
	padding-left:15px;
	background:url(images/prev-arrow.gif) 0 3px no-repeat;
	_background:url(images/prev-arrow.gif) 0 4px no-repeat;
	}
*+html div#blogLeftPanel div.blogPagination a.prev{
	background:url(images/prev-arrow.gif) 0 4px no-repeat;
	}
div#blogLeftPanel div.blogPagination a.next{
	padding-right:15px;
	background:url(images/next-arrow.gif) 100% 3px no-repeat;
	_background:url(images/next-arrow.gif) 100% 4px no-repeat;
	}
*+html div#blogLeftPanel div.blogPagination a.next{
	background:url(images/next-arrow.gif) 100% 4px no-repeat;
	}

/*----------------------- BLOG - RIGHT CONTAINER -----------------------*/
div#blogRightPanel{
	width:257px;
	float:right;
	}
div#blogRightPanel div.topicPanel{
	background:url(images/topic-end-bg.gif) 0 0 no-repeat #537F30;
	margin-bottom:20px;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop{
	background:url(images/topic-end-bg.gif) 100% 100% no-repeat;
	padding:14px 12px;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop ul{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop ul li{
	padding:0 0 8px 13px;
	background:url(images/bull1.gif) 0 5px no-repeat;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop ul li a{
	color:#fff;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop ul li a:hover{
	color:#C0DCAA;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop p{
	background-color:inherit;
	color:#fff;
	padding:0 !important;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop p span.moreLink{
	display:block;
	text-align:right;
	padding-top:8px;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop p span.moreLink a{
	font-size:10px;
	line-height:14px;
	background-color:inherit;
	color:#fff;
	text-decoration:none;
	}
div#blogRightPanel div.topicPanel div.topicPanelTop p span.moreLink a:hover{
	text-decoration:underline;
	}
div#blogRightPanel a.rssLink{
	display:block;
	width:227px;
	height:30px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(images/rss-link.jpg) 0 0 no-repeat;
	margin:0 auto;
	}
div#blogRightPanel a.rssLink:hover{
	filter:alpha(opacity=75);
    opacity:0.75;
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	}

/*----------------------- EXTRAS -----------------------*/
p.designHouse{
	padding-bottom:12px;
	text-align:center;
	font-size:11px;
	line-height:15px;
	color:#fff;
	}
p.designHouse a{
	color:#fff;
	}
p.designHouse a:hover{
	text-decoration:underline;
	}