/********************************************

Nishant Construction
Global CSS

Version: 1.0
Author: Poccuo (http://www.poccuo.com)        	


*******************************************/


/******************************************
GLOBAL SETTINGS
*******************************************/

body 			{ color:#777; font-family: Arial, "Bitstream Vera Sans", sans-serif; }

b, strong 		{ font-weight: bold;}
i, em 			{ font-style: italic;}
p 				{ font-size:11px; line-height:16px; margin-bottom:30px; padding:0 4px; }

ul 				{ font-size:11px; padding:0 4px; }

table 			{ float:left; width:100%; font-size:11px; }
table td 		{ vertical-align:top; padding-bottom:11px; }

a:link,
a:visited		{ color:#859CA8; text-decoration:none; }
a:active, 
a:focus 		{ color:#ABB8BF; text-decoration:underline; }
a:hover 		{ color:#ABB8BF; text-decoration:underline; }

h1, 
h2, 
h3, 
h4, 
h5 				{ color:#859CA8; text-transform:uppercase; }

h1 				{ font-size:14px; margin:35px 0 15px 0; padding:0 4px 9px 4px; border-bottom:1px solid #859CAB; }
h2 				{ font-size:10px; padding:0 4px; }


/******************************************
FOUNDATION SETTINGS
*******************************************/

#container						{ width:800px; padding-top:30px; margin: 0 auto; text-align:left; }
#header 						{ float:left; margin-bottom:4px; }	
#footer 						{ float:left; height: 30px; width:800px; padding:4px 0; margin-top:75px; border-top:1px solid #ABB8BF; }
#logo 							{ width:200px; height:75px; float:left; }

#content 						{ float:left; } /* For IE6 */
#content .content-inner 		{ margin-left:204px; width:596px; }

#content .col-left				{ overflow: hidden; height: 1%; float:left; width:396px; }
#content .col-right 			{ overflow: hidden; height: 1%; float:right; width:396px; }

#content .col-left 				{ margin-right:8px; }
#content .col-right 			{ margin-top:66px; padding-top:15px; border-top:1px solid #859CAB;}

#content .col-left-inner,
#content .col-right-inner 		{ float:left; width:197px; }

#content ul.details li 			{ margin-bottom:12px; }

#slideshow 						{ float:left; }



/******************************************
MENUS
*******************************************/

ul#menu 									{ float:left; width:600px; padding:0; }
ul#menu li 									{ display:block; float:left; }
ul#menu li a 								{ display:block; float:left; width:196px; height:30px; margin:40px 2px 0 2px; border-bottom:5px solid #ABB8BF; background:transparent url("../_images/_global/menu.gif") 0 4px no-repeat; overflow:hidden; line-height:1000px; }
ul#menu li#menu_company a 					{ background-position:-200px 4px; }
ul#menu li#menu_contact a 					{ background-position:-400px 4px; width:198px; margin-right:0; }

ul#menu li a:hover,
ul#menu li.active a 						{ background-position: 0 -20px; border-bottom-color:#859CA8; }

ul#menu li#menu_company a:hover, 
#header ul#menu li#menu_company.active a 	{ background-position:-200px -20px; }
ul#menu li#menu_contact a:hover, 
#header ul#menu li#menu_contact.active a 	{ background-position:-400px -20px; }

#browse 									{ float:left; width:784px; padding:8px; margin-bottom:4px; text-align:right; background-color:#eee; }
#browse label,
#browse select 								{ font-size:10px; color:#777; width: 190px; }

#footer p#copyright 						{ font-size:11px; color:#777; }

/******************************************
PROJECT LIST
*******************************************/

.odd 										{ margin-left:4px; }

.project 									{ float:left; width:398px; margin-bottom:14px; }

.project a 									{ display:block; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-decoration:none; color:#FFF; background-color:#FFF; }
.project a .nameWrapper					{ background-color:#ABB8BF; display:block; padding:4px; border-top:1px solid #fff; height: 1%; overflow: hidden; }
.project a:hover .nameWrapper								{ background-color:#859CA8;}
.project a:hover .nameWrapper						{ background-color:#859CA8; color: #FFF;}

.project .imgWrapper					{ height: 250px; }
.project span.name 						{ float: left; }
.project span.status 						{ font-size:9px; color: #EEEEEE; float: right; }


/******************************************
CONTACT US
*******************************************/


#contact_form_container										{ width: 600px; background-color: #FFF; }
#contact_form_container p									{ font-size: 0.88em; line-height: 1.42em; color: #666; margin: 20px;}
#contact_form_container p a									{ color: #859CA8; text-decoration: none;}
#contact_form_container p a:hover							{ text-decoration: underline;}
#contact_form_container h2									{ font-size: 1.13em; color: #859CA8; padding: 0 0 10px 0; margin: 18px 20px 0 20px; border-bottom: 1px #ccc solid; }
#contact_form_container h2.sent								{ text-indent: -10000px; background: url("/_images/contact/sent.gif") 0 0 no-repeat; }
#contact_form_container h2.contact							{ text-indent: -10000px; background: url("/_images/contact/contact.gif") 0 0 no-repeat; }

#contact_form_container form								{ margin: 0 20px 10px 20px;}
#contact_form_container form .button						{ float: right; margin: 20px 7px 0 0; color: #FFF; width: 150px; font-size: 0.75em; background-color: #859CA8; border: none; padding: 4px 0;}
#contact_form_container form .button:hover					{ background-color: #A5C1CE; cursor: pointer; cursor: hand;}

#contact_form_container .form_item 							{ clear: both; height: 45px;}
#contact_form_container .form_item_textarea					{ clear: both; }

#contact_form_container .form_item label,	 
#contact_form_container .form_item_textarea label			{ display: block; float: left; width: 148px; font-size: 0.75em; color: #666; padding: 4px 0 0 0; margin: 0;}

#contact_form_container .form_item input, 
#contact_form_container .form_item_textarea input			{ display: block; float: left; width: 393px; font-size: 0.75em; color: #666; border: 1px #CCC solid; padding: 5px; }

#contact_form_container .form_item_textarea textarea, 
#contact_form_container .form_item textarea					{ display: block; float: left; width: 393px; font-size: 0.75em; color: #666; border: 1px #CCC solid; padding: 5px; }

#contact_form_container	#TB_closeWindow 					{ font-size: 0.76em; position: absolute; top: 20px; left: 540px;}
#contact_form_container	#TB_closeWindow a 					{ color: #859CA8; text-decoration: none; }
#contact_form_container	#TB_closeWindow a:hover 			{ text-decoration: underline; color: #859CA8; }

#contact_form_container .form_item label.error					{ font-size: 0.56em; margin: 0 0 0 150px; padding: 0; color: #F00; width: auto;}
#contact_form_container .form_item input.error					{ border: 1px #F00 solid; }
#contact_form_container .form_item_textarea textarea.error		{ border: 1px #F00 solid; }
#contact_form_container .form_item_textarea label.error			{ font-size: 0.56em; margin: 0 0 0 150px; padding: 0; color: #F00; width: auto;}




/******************************************
SPECIAL
*******************************************/

.hidden										{ display: none; }
img 										{ border: 0; -ms-interpolation-mode:bicubic; }