@charset "utf-8";

/* CSS Document
///////////////////////////////////////////////////////////////////////////// 
Client: TFW
Developer: Alberto Torres
/////////////////////////////////////////////////////////////////////////////
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }


html,body { height: 100%; }
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #e7e7e7 url(../images/bg.jpg) repeat-x;
	color: #000000;
	margin: 0 auto;
	text-align: center;
}



a {color: #9f4d0b; text-decoration:underline;}
a:hover {color: #f16e04; text-decoration: none;}

#wrap {margin: 0 auto; width: 968px; text-align: left;}
#shadow-left, #shadow-right {background: url(../images/shadow-left.png) no-repeat; width: 9px; height: 663px; float: left; display: inline;}
	#shadow-right {background: url(../images/shadow-right.png) no-repeat;}

#mainblock {width: 950px; float: left;}

#header {width: 100%; float: left; margin-top: 11px; display: inline; }
	#logo {background: url(../images/header-logo.png) no-repeat; width: 231px; height: 80px; float: left; position: relative; z-index: 4;}
		#logo h1 a {display: block; height: 80px; width: 180px;}
	
	/* NAVIGATION AND SUB NAV /////////////////////////////////////////////////////////////////////////////////////////////////*/
	#nav-main {width: 719px; float: left; text-align: right; margin-top: 15px; display: inline; position: relative; z-index: 3; }
		#nav-main ul { text-align: right; background: url(../images/nav-bg.jpg) repeat-x ; height: 36px; padding-left: 10px;}
			#nav-main ul li {display: inline; float: left; font-size: 1.3em; background: url(../images/nav-pipe.gif) no-repeat;}
				#nav-main ul li a {display: block; padding: 8px 18px 6px; color: white; text-decoration: none; }
				#nav-main ul li a:hover, #nav-main ul li.selected a {background: url(../images/nav-selected.jpg) no-repeat 2px 0;}
	#nav-sub {background: url(../images/nav-sub-bg.jpg) repeat-x; width: 790px; height: 31px; float: left; margin: -31px 0 0 160px; display: inline;/*top: 49px; left: 160px; */}
		#nav-sub ul { margin-left: 50px;}
			#nav-sub ul li {display: inline; float: left;}
				#nav-sub ul li a {display: block; padding: 8px 18px; color: #3b608d; text-decoration: none;}
				#nav-sub ul li a:hover {color: #8aa9cf;}
				#nav-sub ul li.selected a {background: url(../images/nav-sub-selected.gif) no-repeat center bottom; }
	
	/* CONTENT /////////////////////////////////////////////////////////////////////////////////////////////////*/
	#content {width: 100%; float: left; background: white url(../images/content-bg.jpg) repeat-x; border-top: 1px solid white; min-height: 550px; line-height: 1.3em; }
		
		#col-left h1, #col-left p, #col-left h2,
		#col-right h1, #col-right p, #col-right h2 { margin-bottom: 20px;}
		
		#col-left {width: 540px; float: left; padding: 40px 30px; display: inline;}
			
			#col-left h1, #col-right h1 {background: url(../images/arrow-yellow.gif) no-repeat left 2px; padding-left: 20px; font-size: 2.5em; font-weight: normal; color: #254676; margin-bottom: 25px;}
			#col-left h2, #col-right h2 {color: #254676; font-size: 1.5em; font-weight: normal;}
	
		#col-right {width: 325px; float: left; padding: 30px 20px 30px 0;}
	
	/* PAGE: HOME /////////////////////////////////////////////////////////////////////////////////////////////////*/
	body#home #content {min-height: 50px; background: none;}
	#flash {position: relative; z-index: 0; top: -33px;}
	#header-address {position: relative; z-index: 10; top: -52px; font-size: 0.8em; color: #444548; text-align: right;}
	
	
	/* PAGE: ABOUT /////////////////////////////////////////////////////////////////////////////////////////////////*/
	body#about #col-left {width: 550px; float: left; padding: 40px 30px;}
	
	body#about #col-right {margin-top: 55px; width: 315px;}
		body#about #col-right img {border: 4px solid #cfcfcf; margin-bottom: 15px;}
		body#about #col-right h3 {color: #3e5475;}
		
	/* PAGE: TYPE /////////////////////////////////////////////////////////////////////////////////////////////////*/
	body#type #col-left {width: 490px;}
	body#type #col-right {margin-top: 15px; width: 375px;}
	
	/* PAGE: PROJECTS /////////////////////////////////////////////////////////////////////////////////////////////////*/
	body#projects #col-left {width: 269px; padding-top: 35px; padding-right: 20px;}
	body#projects #col-left h2 {}
	
		body#projects #col-left  ul {float: left; width: 260px;}
			body#projects #col-left  ul li {float: left;background: url(../images/pod-project-top.gif) no-repeat; padding-top: 12px;}
				body#projects #col-left  ul li a {display: block; background:url(../images/pod-project-bg.gif) repeat-y; float: left; text-decoration: none; padding-bottom: 15px; color: black;}
				body#projects #col-left  ul li a:hover {color: #8aa9cf;}	
					body#projects #col-left ul li a img {float: left; margin-right: 10px; border: 4px solid #d2d5da;}

					body#projects #col-left ul li a b {color: #3f577a; font-size: 1.2em; font-weight: normal; line-height: 1.4em;}
					body#projects #col-left ul li a:hover b {color: #8aa9cf;} 
					
					body#projects #pods li.selected {background: url(../images/pod-project-top-selected.gif) no-repeat;}
					body#projects #pods li.selected a {background: url(../images/pod-project-bg-selected.gif) repeat-y;}
					body#projects #pods li.selected a img {border-color: #ffd553;}
					
	body#projects #col-right {width: 597px;}
		body#projects #col-right p img {border: 4px solid #d2d5da;}
		
		#project-col-wrap {width: 100%; float: left; }
			#projects-description {width: 421px; float: left; margin-right: 20px;}
				#projects-description ul {margin-left: 30px;}
					#projects-description ul li {list-style: circle;  margin: 0 0 3px 15px;}
			#projects-address {width: 153px; float: left; }
				#projects-address h3 {color: #3e5475;}
				#projects-address p {font-size: 0.8em;}
			
		
	/* CONTACT FORM /////////////////////////////////////////////////////////////////////////////////////////////////*/
	#contact-form {padding: 20px 44px 0 34px; border-top: 1px dotted #d6d6d6; }
		
		#contact-form form div {clear: both; float: none; padding-bottom: 20px;}
		#contact-form fieldset {float: left; margin-left: 10px;}
		#contact-form input {padding: 6px; margin: 2px 0 10px; background: #f2f2f2; border: 1px solid #d6d6d6;}
		
		.form-2 input {width: 200px;}
		.form-1 input {width: 425px;}
		.form-3 input {width: 125px;}
		.form-1 textarea {width: 425px; height: 100px; padding: 6px; margin: 2px 0 10px; background: #f2f2f2; border: 1px solid #d6d6d6;}
		#contact-form .form-btns input {padding: 0; margin: 0; border: none; margin-top: 20px;}
		#contact-form .form-btns {text-align: center;}
		
		#contact-info p {margin-bottom: 15px;}
		
	/* FOOTER /////////////////////////////////////////////////////////////////////////////////////////////////*/
	#footer {background: url(../images/footer-bg.png) repeat-x; width: 100%; float: left; text-align: center;}
		#footer p {margin: 20px 0;}
			#footer p img {margin-right: 10px; position: relative; top: 6px;}
	
.clear {line-height: 0; font-size: 0; clear: both; height: 0px;}
.hide {display:none;}