/* ------------------------------------------------------------------------------ */
	/*
		project:				www.bengacreative.com
		file: 					styles.css
		creator:				www.bengacreative.com
		creation date:			06-28-2009
		copyright:				(c) 2009 __ Benga creative.	
	*/
/* ------------------------------------------------------------------------------ */

body {font-family: Georgia,Arial,sans-serif; color: #a1a1a1; margin: 0px; padding: 0px; background-color: #fff}
  #wrapper{width: 1100px; height: auto; margin: 0px 0px 0px 20px; padding: 10px 0px 15px 18px; background-color: #FFF}

/* ------------------------------------------------------------------------------ */

.L{width: 720px; height: auto; margin: 0px 10px 0px 0px; padding: 0px; background-color: #fff; float: left;}
.L ul { display: block; padding: 0px 5px 5px 5px; margin: 0px; list-style-type:none; color:#333; line-height: 14px;}
.L li { display: inline; list-style-type: none; font-size: 11px; text-decoration: none; color:#333 !important;}
.L li a { display: inline; list-style-type: none; font-size: 11px; text-decoration: none; color:#b1b1b1}
.L li a:hover {display: inline; list-style: none; color: orange;}
.L li a.active {display: inline; list-style: none; color: orange;}

/* ------------------------------------------------------------------------------ */
	 
.L .nav-logo-wrap { *width: 265px; height: auto; margin: 0px 10px 160px 0px; _margin: 0px 10px 0px 0px; *float: left; background-color: #000; padding: 5px 0px 0px 0px; float:left; position: fixed; *position: fixed; *right:1365px; background-color: #fff; }

.L .main_nav {width: 170px; height: auto; margin: 13px 0px 0px 0px; padding: 0px; background-color: #fff; float:left}
  .L .logo {width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px; float:left; }
  .L .logo  img{border: none}

.L h2{padding: 3px 0px 1px 0px; margin-bottom: 10px; font-weight: normal; font-size: 18px; font-family: times New Roman; color: #777}	   
  .L p{padding: 0px 0px 0px 13px; margin: 0px 0px 10px 0px ; font-size: 12px}
  .L .info a, .L .info4 a, .L .info2 a, .L .info3 a {color: orange; text-decoration: none !important}
  .L .info a:link, .L .info2 a:link, .L .info3 a:link {color: orange;}
  .L .info a:hover, .L .info2 a:hover, .L .info3 a:hover {color: #000; text-decoration: underline;}
  .L .info img, .info2 img  {border: none;}
  
 /*.L .info {width: 710px; height: auto; margin: 61px auto; padding: 5px 5px 10px 5px; background-color: #fbfbfb; float:left; clear:right; border-top: 1px solid #999; position: fixed; left: 363px; top:80px}*/
.L .company {width: 100%; height: auto; margin: 164px 10px 0px 0px;  padding: 0px 0px 10px 0px;float:left; border-top: 1px solid #999}  	 		   
.L .company2 {width: 100%; height: auto; margin: 0px 10px 0px 0px; padding: 0px 0px 10px 0px;float:left; border-top: 1px solid #999}  	 		   
.L .info {width: 350px; height: auto; margin: 164px 10px 0px 0px; _margin: 144px 10px 0px 0px; padding: 0px 0px 20px 0px;float:left; border-top: 1px solid #999}  	 		   
.L .info2 {width: 345px; height: auto; margin: 164px 0px 0px 0px; _margin: 144px 10px 0px 0px; padding: 0px 0px 20px 0px; float:left; clear:right; border-top: 1px solid #999}
.L .info3 {width: 365px; height: auto; margin: 10px 10px 0px 0px; padding: 0px 0px 20px 0px;float:left; border-top: 1px solid #999}  	 		   

.L .info3 input { width: 345px; height:25px; margin-bottom: 5px; margin-top: 5px; margin-left: 15px; background: url(images/input-bg.png) repeat-x}
.L .info3 input:focus { background: orange; outline: none; border:none}

.L .info3 input.none { width: 130px; height:25; background: orange;color:#fff; border:none; text-align:left}
.L .info3 input:active.none {border:none; background:#555; color:#fff; width: 130px; height:25;}

.L .info3 input.spam { width: 165px; height:25px;}

.L .info3 textarea { width: 345px; height:130px; margin-bottom: 5px; margin-top: 5px; margin-left: 15px;}
.L .info3 textarea:focus { width: 345px; height:130px; margin-bottom: 5px; margin-top: 5px; margin-left: 15px; background-color:orange}

.L .info3 label { font-size: 12px; margin-left: 14px; }

  
/* ------------------------------------------------------------------------------ */
   .work-thumb {width: 339px; height: 150px; background: url(../images/work-bg.png) no-repeat; margin: 0px 0px 10px -3px; padding: 10px 5px 0px 11px !important; float:left;}
	   .work-thumb img {width:338px !important; height: 127px}  
		 

/* ------------------------------------------------------------------------------ */
	   
	   .L .info4 {width: 345px; height: auto; margin: 10px 0px 0px 0px; padding: 0px 0px 20px 0px; float:left; clear:right; border-top: 1px solid #999}

 .L .work {width: 720px !important; height: auto; margin: 0px; padding: 3px 0px 0px 0px; background-color: #fff;clear:both; border-top: 1px solid #999}
 .L .work img { background: #fff url(../images/img-bg.gif) no-repeat bottom center; padding-bottom: 10px;}
/* ------------------------------------------------------------------------------ */
	
.R{width: 200px; height: auto; margin: 0px 0px 40px 0px; padding: 0px; float: left; clear: right; position:fixed; left: 775px; *position:none;}
.R p {padding: 0px; margin: 0px; font-size:12px; *font-size:11px;}
.R ul { display: block; padding: 0px 5px 5px 13px; margin: 0px; text-decoration: none;}
.R li {width: auto; font-size: 13px; display: block; list-style: none; text-decoration: none; color: #333 !important; padding: 3px 0px 5px 0px; border-bottom: 1px dotted #ddd}
.R li a {width: 200px; list-style: none; text-decoration: none; color: #a1a1a1; font-size: 12px}
.R li a:hover {list-style-type: none; color: orange}
.R li a.active {list-style: none; padding: color: orange;}

 .R .work_list {width: 210px; height: auto; margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #999; }
.R .work_list p{padding: 0px 0px 0px 13px; margin: 0px; font-size: 12px}

.work_list h4{padding: 3px 0px 3px 0px; margin-bottom: 5px; font-weight: normal; font-size: 18px; font-family:times New Roman; color: #777}
.footer {width: 210px; height: auto; margin: 0px; padding: 0px; background-color:#f1f1f1; border-top: 1px solid #999;} 
.footer p{padding: 5px 0px 5px 10px; margin: 0px; font-size: 10px; line-height: 15px; color: #a1a1a1}

/* ------------------------------------------------------------------------------ */
	
.L select {width: 347px; margin-top: 5px}
span.plus{display: inline;color: orange}	
span.plus2{display: inline;color: #fff}	
.clear{width:auto; height:2px; clear:both;}
/* img{border-bottom: 1px solid #999}*/
a{outline: none}
:focus{-moz-outline-style: none;}
h1, h2, h3, h4, h5, h6 {padding:0px 0px 10px 13px; margin:0px; font-weight: normal}

.errormsg {
display: block;
width: 325px;
overflow:hidden;
color: #FFFFFF;
font-weight: bold;
background-color: orange;
padding: 4px 10px 8px 10px;
margin: 10px 0px 5px 15px;
border-top: 2px solid red;
}