/* * * * * * * * * * *
	
	tehCompany
	main.css
	
* * * * * * * * * * */


body{
	background: #f9f9f9 url('../img/bg.gif') repeat-x 0px 0px;
	font-family: "Georgia", Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

*{
	margin: 0px;
	padding: 0px;
	border: none;
}
h1,h2,h3,h4{
	font-weight: normal;
}

a{
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

p{
	font-size: 14px;
	line-height: 18px;
	color:#848484;
	padding-bottom: 18px;
}

ul{
	list-style: none;
}






.header{
	height: 104px;
	background: transparent url('../img/logo.gif') 31px 58px no-repeat;
}
.header h1{
	display: none;
}

.wrap{
	width:971px;
	margin: 0px auto;
}
.top{
	margin-top: 0px;
}
.container .left{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	width: 556px;
}
.container .right{
	float: right;
	width: 270px;
	margin-top: 0px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.middle{
	background: #FFFFFF url('../img/middle_bg.gif') repeat-y;
	font-size: 12px;
	line-height: 18px;
	border-top: solid 3px #e8e8e8;
	margin-top: 20px;
	padding-top: 32px;
	padding-left: 39px;
	padding-right: 39px;
}

.tagline{
	margin-left: 40px;
	width: 597px;
	height: 32px;
	background: transparent url('../img/tagline.gif') no-repeat;
}
.tagline span{
	display: none;
}

.login_pad{
	height: 42px;
	background: #6c6c6c url('../img/login_pad_sawtooth.gif') 0px 100% repeat-x;
}

.login{
	line-height:15px;
	padding: 10px;
	background: #ffa604 url('../img/login_bg.jpg') no-repeat;
	border-bottom: solid 4px #626262;
}
.login-active{
	background: transparent url('../img/login-bg.png') no-repeat 0px -208px;
}
.login h3{
	color:white;
	font-size:24px;
	line-height: 24px;
	margin-bottom: 8px;
	color: #FFFFFF;
}
.login input{
	background: #FFFFFF url('../img/login_input_bg.gif') 0px 0px;
	border:0px;
	height:30px;
	display:block;
	width:245px;
	line-height:30px;
	padding-left:5px;
	font-size:18px;
	color:#4f4f4f;
	margin-bottom: 8px;
}
a.forgot{
	float: left;
	margin-top: 8px;
	font-size: 11px;
	line-height: 12px;
	color: #FFFFFF;
	margin-left: 10px;
}
a.forgot:hover{
}
a.login_button{
	float: left;
	display:block;
	background: transparent url('../img/button-bg.png') repeat-x;
	width: 90px;
	padding-top: 6px;
	height: 22px;
	color: white;
	font-size: 14px;
	line-height: 14px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}


.contact_button{
	background: #6c6c6c url('../img/contact_sawtooth.gif') repeat-x;
	font-size: 12px;
	line-height: 17px;
	padding: 10px;
	color: #cdcdcd;
}
.contact_button h3{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 4px;
	border-bottom: solid 2px #747474;
	margin-bottom: 4px;
	
}
.contact_button h3 a{
	font-weight: normal;
	color: #FFFFFF;
}
.contact_button a{
	color: #ffa304;
}



h2.tagline{
  font-size:36px;
 color:#bbb;
  font-family:gotham;
}

div.hr{
	height:1px;
	background:#efefef;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #f7f7f7;
	margin-bottom: 2px;
}








.projects-scroll{
	width: 843px;
	padding: 0px 25px;
	height: 420px;
	position: relative;
	overflow: hidden;
	margin-top: 23px;
}
.projects-scroll a.prev{
	display:block;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	height:390px;
	width:25px;
	background:white url(../img/project-prev.png) no-repeat center 150px;
}
.projects-scroll a.next{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	height:390px;
	width:25px;
	background:white url(../img/project-next.png) no-repeat center 150px;
}
.projects-scroll a span{ display:none; }
.project{
	float: left;
	padding-left: 39px;
	padding-right: 0px;
	width: 247px;
}
.project h3{
	font-size: 18px;
	line-height: 18px;
	color:#898989;
	margin-bottom: 14px;
}
.project h3 a{
	color:#CA0107;
	text-decoration:none;
	font-weight: normal;
}
.project h3 a:hover{
	text-decoration: underline;
}
.project .thumbnail{
	border: 1px solid #ccc;
	width: 246px;
	height: 260px;
}
.project .thumbnail a{
	display: block;
	width: 246px;
	height: 260px;
}
.project .thumbnail a span{ display:none; }
.project span{
	color: #838383;
	display: block;
	width: 246px;
	height: 51px;
}


/*
.project span a.visit_site{
 background: url(../img/visit_site.png) no-repeat right center;
 padding-right:25px;
}
.project a.visit_site{
  padding-right: 30px;
 background:url(../img/visit_site.png) right center no-repeat;
 display:block;
 height:15px;
 width:216px;
 text-align:right;
 text-decoration:none;
 color:#666;
 font-weight:bold;
}
*/

.project-row{
 position:absolute;
 left:0px;
 top:0px;
 width:50000px;
}













.footer{
	background: transparent url('../img/footer-bg.png') repeat-x 0px 0px;
	height: 117px;
	padding-left: 29px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.footer h3{
	color: #5d5d5d;
	padding-top: 12px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
.footer ul{
	font-size: 12px;
	line-height: 18px;
	width: 500px;
	margin-top: 8px;
}
.footer ul a{
	font-weight: normal;
}
.footer ul li{
	float: left;
	width: 135px;
}

.footer p{
	font-family: Lucida Grande;
	color: #5d5d5d;
	font-size: 12px;
	margin: 0px;
	line-height: 13px;
	padding: 18px;
	padding-top: 20px;
}
.footer .left{
 float:left;
 height: 117px;
 width: 673px;
}
.footer .right{
 background: transparent url(../img/footer-right-bg.png) repeat-x 0px 0px;
 height:117px;
 width: 252px;
 float: right;
 margin:0px;
}



.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.float_left{
	float: left;
}