/*   
Theme Name: Upper Hand Tehnologies Custom Theme
Theme URI: http://www.upperhandtech.com
Description: A custom theme designed for your website by the team at UHTECH.
Author: Upper Hand Technologies
Author URI: http://www.upperhandtech.com
Version: 1.0
*/

body{margin:0; padding:0; background:url(images/bg.png) repeat-x #f7f7f7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

@font-face {font-family:"Droid Sans"; src:url("fonts/DroidSans.ttf") format("truetype");}
@font-face {font-family:"Droid Sans-Bold"; src:url("fonts/DroidSans-Bold.ttf") format("truetype");}

img { border:none;}
#home-page {margin:0; padding:0; background:url(images/bg_home.png) repeat-x #f7f7f7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
#main{margin:0 auto; width:960px;}
.header{ width:960px; height:115px; padding:25px 0 0 0; float:left; color:#fff;}
.logo{ width:310px; float:left;}
.menu{ width:650px; float:left; font-size:14px; text-align:left; font-family:"Droid Sans"; padding:0 0 0 0; }
.menu ul{display: inline; list-style-type: none; float:left; font-size:15px; text-align:right; font-family:"Droid Sans"; padding:0 0 0 0;}
.menu a{color:#538cb3; text-decoration:none; padding:0 5px; margin:0 10px; font-family:"Droid Sans"; display: inline; list-style:none;}
.menu a:hover{color:#fff;}
.menu .active{color:#fff;}
.menu li {float: left; text-align:left;position: relative; font-family:"Droid Sans"; height:30px; margin-top:10px;}
.menu ul ul {display: none; position: absolute; top: 25px; left: 0; float: left; width: 260px; z-index: 99999; margin-top:5px;}
.menu ul li:hover > ul {display: block; float:left;background: #333; }
.sub-menu ul ul :hover > a {background: #333; color: #fff; }

.banner_holder{width:960px; float:left; height:0px; padding:5px 0 0 0; background:url(images/banner-shadow.png) no-repeat center 0; font-size:13px; color:#bceefc;}
.banner_holder_home{width:960px; float:left; height:280px; padding:70px 0 0 0; background:url(images/banner-shadow.png) no-repeat center 0; font-size:13px; color:#bceefc;}
.banner_holder .img_holder{ width:310px; float:left;}
.banner_holder_home .img_holder{ width:310px; float:left;}
.banner_text{ width:650px; float:left;d}
.banner_text .title{width:650px; float:left; height:91px; font-family:"Myriad Pro", Arial; font-size:27px; color:#fff; text-shadow:1px 1px 1px #333; letter-spacing:-1px;}
.banner_text .title span{ color:#e5a16c; font-weight:bold}
.banner_text .text{width:620px; float:left; line-height:22px; padding:0 30px 0 0;}

.details_holder{ width:960px; float:left; padding:15px 0;}

.tagline_holder{width:960px; float:left; height:50px;}
.tagline_holder .title{width:670px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; padding:5px 0 0 0; color:#fff;}
.tagline_holder .title-home{width:670px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; padding:5px 0 0 0;}
.search_holder{ width:290px; float:left; height:31px; background:url(images/textbox.png) no-repeat 0 0; padding:1px 0 0 0;}
.search_holder .text-box{ width:250px; float:left; padding:5px 0 0 10px;}
.search_holder .text-box input{border:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; width:245px; background:none; font-style:italic; outline:none;}
.search_holder .btn{width:28px; float:left; text-align:right; padding:0 2px 0 0;}

.services_holder{width:960px; float:left;}

.services_details{ width:290px; float:left;}
.services_details .title{ width:290px; float:left; font-family:"Droid Sans"; font-size:18px; font-weight:bold; height:45px; padding:30px 0 0 0; text-transform:uppercase;}
.services_details .text{width:290px; float:left; line-height:20px;}

.whatweoffer{width:290px; float:left; background:url(images/services-bg.png) no-repeat center 0; padding:0 45px;}
.whatweoffer .title{ width:290px; float:left; font-family:"Droid Sans"; font-size:18px; height:45px; padding:30px 0 0 0; color:#dc5d1a; text-transform:uppercase;}
.whatweoffer .text{width:290px; float:left; line-height:20px;}
.whatweoffer .text ul{width:290px; margin:0; padding:0;}
.whatweoffer .text ul li{list-style:none; float:left; background:url(images/symb3.png) no-repeat 2px 7px; padding:0 0 0 15px; width:275px;}

.common_content{ width:960px; float:left; padding:15px 0 5px 0;}
.main_content_holder{ width:620px; float:left; padding:0 50px 0 0;}
.main_content_holder .heading{width:620px; float:left; padding:0 0 15px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#005e98; font-style:italic}
.main_content_holder .heading strong{font-family:"Droid Sans-Bold"; font-size:18px; font-style:normal}
.main_content_holder .text_hodler{width:620px; float:left; line-height:22px; padding:0 0 30px 0;} 

.sidebar{ width:265px; float:left; background: #ebebeb; border:1px solid #d0d0d0; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-size:11px; color:#969696; line-height:16px; padding:10px 9px 10px 14px;}
.sidebar a{color:#000; text-decoration:none;}
.sidebar .title{width:265px; height:40px; float:left; font-family:"Droid Sans-Bold"; font-size:18px;}
.twitter_text{width:265px; float:left; border-bottom:1px dotted #b9b9b9; padding:10px 0;}
.twitter_text .img_holder{ width:30px; float:left; padding:3px 0 0 0;}
.twitter_text .text{width:235px; float:left;}

.footer{ width:100%; height:325px; padding:35px 0 0 0; float:left; background:url(images/footer.png) repeat-x; font-size:11px;}
.footer_holder{width:960px; margin:0 auto;}
.footer_text{width:210px; float:left; padding:0 30px 0 0;}
.footer_text .title{width:210px; height:30px; float:left; font-size:14px; font-family:"Droid Sans-Bold"; color:#626262; text-transform:uppercase;}
.footer_text .text_holder{width:210px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:22px;}
.footer_text .text_holder a{color:#666; text-decoration:none;}
.footer_text .text_holder a:hover{color:#000; text-decoration:none;}
.footer_text .text_holder ul{width:210px; margin:0; padding:0; line-height:22px;}
.footer_text .text_holder ul li{list-style:none; float:left; background:url(images/symb2.png) no-repeat 0 8px; padding:0 0 0 10px; width:200px;}

.footer_form{width:240px; float:left; padding:0 0 0 0;}
.footer_form .title{width:240px; height:30px; float:left; font-size:14px; font-family:"Droid Sans-Bold"; color:#626262; text-transform:uppercase;}
.footer_form .text_holder {width:240px; float:left;}
.footer_form .text_holder .text1{ width:75px; height:25px; float:left; font-weight:bold;}
.footer_form .text_holder .text2{width:165px; float:left; padding:3px 0 5px 0;}
.footer_form .text_holder .text2 input{ background:#d9d9d9; border:1px solid #b3b3b3; font-size:11px; color:#333; padding:2px;}
.footer_form .text_holder .text2 textarea{ background:#d9d9d9; border:1px solid #b3b3b3; font-size:11px; color:#333; padding:2px;}

.footer_text .social_text{width:210px; float:left; padding:0 0 20px 0;}
.footer_text .social_text .img_holder{width:30px; float:left;}
.footer_text .social_text .text{ width:180px; float:left; color:#000}
.footer_text .social_text .text a{color:#666; text-decoration:none;}

.footer_content{width:960px; float:left; padding:60px 0 0 0;}
.footer_content .copyright{ width:860px; float:left; font-size:12px; color:#d8d8d8; padding:5px 0 0 0;}
.footer_content .icons{ width:100px; float:left; text-align:right;}
.footer_content .icons img{padding:0 0 0 2px;}