/* TECHSMART STYLESHEET
---------------------------------------------------------------*/

/* GENERAL ELEMENTS
---------------------------------------------------------------*/	
body { 
	margin:0; 
	padding:0 0 25px 0; 
	background:#CCC url(../images/bg_body.gif) repeat; 
	color:#000; 
	text-align:center; 
	font:76% "Trebuchet MS", Arial, Tahoma, Sans-serif;
	}	
	
h1 {
	margin:0 0 10px 0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#95806d;}
h6 {
	margin:0 0 10px 0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#C4A78E;}

	
h2 {
	margin-bottom:0;
	font-size:1em;
	}	
p {
	margin-top:0;
	}	

ul, li {
	margin:0; 
	padding:0;
	list-style:none;
	
	}
		
a:link, a:visited { 
	text-decoration:none; 
	color:#EB6F23; 
	}	
	
a:hover, a:active { 
	text-decoration:underline; 
	color:#C4A78E; 
	}	

form, fieldset, legend {
	margin:0; 
	padding:0;
	}
	
fieldset {
	border:none;
	}	
	
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	}

img {
	border:none;
	margin-top: auto;
	margin-bottom: auto;
	}

hr { 
	display:none; 
	}		

/* CORE LAYOUT
---------------------------------------------------------------*/	
#accessibility { 
	display:none;
	}	
		
#container { 
	width:771px; 
	margin:0 auto; 
	padding-bottom:11px;
	text-align:left;
	/*font-size:.9em;*/
	font-size:12px;
	color:#333; 
	}

#main {
	background-color:#FFF;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;

	}
	
#content {
	overflow:hidden;
	width:771px;
	padding:15px 0;
	background:url(../images/bg_content.gif) repeat-x;
	}

#branding h6{
	margin:0px 0px 5px;
	padding:0px;
	}

#branding h6.last{
	margin-top:9px;
	padding:0px;
	}	
	
#main-content {
	float:right;
	width:588px;
	w\idth:538px;
	padding:0 50px 0 0;
	}

#main-content li {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	
	background:url(../images/li_bullet_branding.gif) no-repeat 0 6px;
	font:1.3em Arial, Helvetica, sans-serif;
	font:100% "Trebuchet MS", Arial,Tahoma, Sans-serif;
	}		
	
#sidebar {
	float:left;
	width:161px;
	w\idth:159px;
	padding:0 0 0 1px;
	border-right:1px solid #CCC;
	}

#footer {
	padding:16px 0 0 0;
	background:url(../images/bg_container.gif) no-repeat;
	text-align:center;
	color:#FFF;
	width:771;
	}
	
/* HOMEPAGE LAYOUT */
#homepage-content {
	padding:61px 0 0 0;
	background:url(../images/bg_homepage.gif) no-repeat center top;
	}
	
#homepage-content #main-content {
	width:554px;
	w\idth:536px;
	padding:0 18px 0 0;
	}

#homepage-content #sidebar {
	width:199px;
	w\idth:197px;
	}
	
#branding {
	
	width:771px;
	w\idth:735px;
	height:177px;
	position:relative;
	margin:0 0 18px 0;
	padding:0 18px;
	background:url(../images/bg_branding.png) no-repeat center top;
	}
	
 original, leaves space on the right for the ul styles below
#branding .content {
	float:left;
	width:583px;
	w\idth:330px;
	padding:15px 0 0 253px;
	display:inline;
	color:#FFF;
	font-size:13px;
	line-height:14px;
	}

	
#branding .content {
	float:left;
	width:550px;
	w\idth:450px;
	padding:15px 0 0 253px;
	display:inline;
	color:#FFF;
	font-size:13px;
	line-height:14px;
	}
	
#branding ul {
	float:right;
	width:132px;
	w\idth:115px;
	margin:48px 0 0 0;
	padding:0 0 0 16px;
	border-left:1px solid #FFF;
	}
	
#branding li {
	width:110px;
	w\idth:100px;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	background:url(../images/li_bullet_branding.gif) no-repeat 0 6px;
	font:1.3em Arial, Helvetica, sans-serif;
	}	
	
#branding li a:hover,
#branding li a:active {
	text-decoration:none;
	color:#9B6139;
	}		
	
#branding .random-image {
	position:absolute; 
	left:66px; 
	top:-14px;
	}		

/* HEADER
---------------------------------------------------------------*/	
#header h1 {
	margin:0 0 14px 0;
	position:relative;
	
	left:10px;
	font-size:1.4em;
	color:#EB6F23;
	}

#header h1, #header h1 a {
	width:178px;
	height:40px;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	z-index:1;	
	background:transparent url(../images/logo.gif) no-repeat;
	}
	
#navigation {
	overflow:hidden;
	width:771px;
	background:#5E4D3E url(../images/bg_navbar.gif) no-repeat;
	border-top:1px solid #EB6F23;
	border-bottom:1px solid #B09771;
	}	

#navigation ul {
	overflow:hidden;
	float:left;
	width:320px;
	height:24px;
	font:bold .9em/24px Arial, Helvetica, sans-serif;
	}

#navigation .right-links {
	float:right;
	 width:300px; 
	width:350px;
	color:#FFFFFF;
	}	
	
#navigation li, 
#navigation a  {
	float:left;
	width:80px;
	}

#navigation a {
	display:block;
	text-align:center;
	}

#navigation a:link, 
#navigation a:visited {
	text-decoration:none;
	color:#FFF;
	}
	
#navigation .right-links a:link{
color:#FFFFFF;
} 
#navigation .right-links a:visited {
	color:#ffffff;
	}
	
#navigation a:hover, 
#navigation a:active,
#navigation .right-links a:hover, 
#navigation .right-links a:active {
	text-decoration:none;
	background-color:#B09771;
	color:#5E4D3E;
	}

/* CONTENT
---------------------------------------------------------------*/	
#sidebar div {
	padding:0 18px;
	}		
		
#sub-navigation{
float:left;
width:159px;
padding:0 0 63px 0;
}

#sub-navigation a{
display:block;
width:159px;
w\idth:99px;
height:45px;
he\ight:40px;
padding:5px 15px 0 45px;
background:url(../images/li_bullet.gif) no-repeat 33px 10px;
font:1.1em Arial, Helvetica, sans-serif;
}

#sub-navigation a:link,
#sub-navigation a:visited,
#sub-navigation a:hover,
#sub-navigation a:active {
	text-decoration:none;
	color:#EB6F23; 
	}		

#sub-navigation li:hover,	
#sub-navigation li.current {
	background:#EEE url(../images/bg_sub_navigation.gif) repeat-y;
	}

#company{
	padding:0px;
	margin:0px;
}

#company a{
	height:20px;
	background:none;
}

#company ul{
	background:url(../images/bg_sub_navigation2.gif) repeat-y bottom right;
	list-style:none;
	padding-bottom:3px;
	margin:0px;
	padding:0px;
}

#com_sub_catagory{
	list-style:none;
	font-size:12px;
	padding:0px;
	margin:0px;
}

#com_sub_catagory li a{
	margin:0px 0px 0px 43px;
	padding:0px 0px 0px 15px;
	height:20px;
}

#com_sub_catagory li:hover,
#com_sub_catagory li a:hover,	
#com_sub_catagory li.current {
	background:transparent;
	color:#EB6F23;
	text-decoration:underline;
	}


/* FOOTER
---------------------------------------------------------------*/	
#footer p { 
	margin:0;
	}
	
/* COMMON ELEMENTS
---------------------------------------------------------------*/	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}	
	
/* CUSTOM SECTIONS
---------------------------------------------------------------*/	

#page-title {
	height:45px;
	margin:0 18px 18px;
	padding:0 27px;
	background:#5E4D3E url(../images/bg_page_title.gif) no-repeat;
	color:#DCD8D5;
	font:bold 1.43em/45px Arial, Helvetica, sans-serif;
	}
	

#page_title{
	width:140px;
	position:relative;
	left: -28px;
	top: 0px;
	
}


ul#news li {
	margin:0 0 10px 0;
	}
	
ul#news li span {
	display:block;
	color:#000;
	font-weight:bold;
	}

/* PHASE DIAGRAM ELEMENTS
---------------------------------------------------------------*/

#container #main #content #main-content p {
	width: 520px;
	}

#container #main #content #main-content .advisory_p {
	padding-bottom:10px;
	}
	
#container #main #content #procflow{
	width: 250px;
	height: 307px;
	position: relative;
	}

#flow_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	position:relative;
	width:180px;
	height:50px;
	left: 42px;
	top: 0px;
	color: #6B5B4E;
	}

#flowtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	width:220px;
	left: 20px;
	top: 35px;
	font-weight:100px;
	color:#FFFFFF;
	}

#flowtext li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	position:relative;
	font-weight:350;
	color:#FFFFFF;
	}

#flowcontainer{
	position:relative;
	width: 250px;
	height: 275px;
	background-image:url(../images/process_flow_bg.jpg);
	left: 0px;
	top: 0px;
	color:#FFFFFF;
	z-index: 1;
	}

/* SERVICES OFFERED ELEMENTS
---------------------------------------------------------------*/
#container #main #content #servflow{
	width: 250px;
	height: 307px;
	position: relative;
	}

#servcontainer{
	position:relative;
	width: 250px;
	height: 197px;
	background-image:url(../images/service_bg.jpg);
	}

#serv_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	position:relative;
	width:170px;
	height:40px;
	left: 44px;
	top: 2px;
	}

 #servtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:relative;
	width:180px;
	left: 40px;
	top: 5px;
	font-weight:bold;
	}

#servtext li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	position:relative;
	font-weight:bold;
	color:#FFFFFF;
	}

#sub_header{
	font-size:1.3em;
	}

/* PORTFOLIO PAGE ELEMENTS
---------------------------------------------------------------*/
#portfolio_content{
	width: 720px;
	margin-left:auto;
	margin-right:auto;
	}

#client_container{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-image:none;
	position:relative;
	}

#client_img{
	position:absolute;
	width:175px;
	left: 25px;
	top: 35px;
	}

#client_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	position:relative;
	width:400px;
	font-weight:bold;
	left: 225px;
	color:#4A3C2F;
	margin-left: 25px;
	margin-bottom: 5px;
	}

#client_text {
	font-family:"Trebuchet MS", Arial, Tahoma, Sans-serif;
	font-size:12px;
	position:relative;
	width:400px;
	left: 225px;
	top: 0px;
	color:#4A3C2F;	
	border-left-width: 1px;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #a8a8a8;
	padding-left: 25px;
	}

#client_content{
	width:693px;
	border-right:solid 1px #AAA;
	border-left:solid 1px #AAA;
	margin-left:1px;
	}

.client_top{
	background:url(../images/client_bg_top.jpg) no-repeat top left;
	padding: 0px 697px 0px 0px;
	height:26px;
	margin:0px;
	}

.client_bottom{
	background:url(../images/client_bg_bottom.jpg) no-repeat top left;
	padding: 0px 697px 26px 0px;
	margin:0px;
	}

#dwn_arrow {
	position:absolute;
	left:378px;
	top:263px;
	width:57px;
	height:49px;
	/*z-index:-1;*/
	}

#lt_arrow {
	position:absolute;
	left:235px;
	top:445px;
	width:57px;
	height:49px;
	/*z-index:-1;*/
	}

#rt_arrow {
	position:absolute;
	left:235px;
	top:131px;
	width:57px;
	height:49px;
	/*z-index:-1;*/
	}

/* CONTACT US FORM ELEMENTS
---------------------------------------------------------------*/	

#contact_us{
	font-size:11px;
	}


div.row {
  clear: both;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 225px;
  text-align: left;
  }
  
div.row span.formw input,
div.row span.formw textarea{
  width:225px;
  }
  
#side_info{
	width:159px;
	padding:15px 0px;
	margin:0px;
	background:#E0E0E0;
	float:left;
	border:solid 1px #ddd;
}

#side_info p{
	padding-bottom:5px;
	/*border-bottom:solid 1px #bbb;*/
}

#side_info p strong{
	padding-top:5px;
}

#side_info h3{
	text-align:center;
}

#side_info h4{
	font-size:12px;
	margin:3px 5px 0px;
}

#side_info h5{
	font-size:10px;
	margin:3px 5px 0px;
	text-decoration:underline;
}

#side_info p, #side_info h3{
	margin:3px 5px 0px 5px;
}

#side_info ul{
	margin:3px 5px;
}

#side_info ul li{
	padding:5px 5px 5px 9px;
	margin:0px 0px 5px 5px;
	background:url(../images/li_bullet_branding.gif) no-repeat 0px 10px;
	color:#000;
}

#side_info a img.logo{
	/*border:groove thick #fff;*/
	margin:10px 0px 0px 30px;
}

.client-logos{
	width:135px;
	margin:0px auto;	
}

.client-logos li img{
	width:135px;
 	margin:0px 0px 50px 0px;
 }
 
 #sidebar h1{
	 font-size:15px;
	 width:135px;
	 margin:0px auto 30px;
	 text-align:center;
 }
 
 .required {
 	color:red;
}

.portfolio_thumb{
margin-top:25px;
border-top:solid 1px #D7D7D7;
border-left:solid 2px #D7D7D7;
border-right:solid 1px #D7D7D7;
border-bottom:solid 2px #D7D7D7;
}