@charset "utf-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
}

a {
text-decoration:none;
color:#000000;
}


.clear{
clear:both;
}

#wrapper{
margin:0 auto; 
width:934px;
}

#top{
margin-bottom:18px; margin-top:18px;
}

/* ------ Header ------- */

#header{
display:block; height:187px; border-bottom:1px solid red;
}

#header-t{
height:101px; display:block;
}

#logo-cont{
float:left;
}

#logo-cont a{
background:url(images/thinkpadd-logo.jpg); width:141px; height:93px; display:block; margin-left:9px; margin-top:5px;
}

#search{
margin-top:40px; float:right; margin-right:30px;
}

#search input{
width:115px; height:14px; border:1px solid #000; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:11px; padding:2px 2px 2px 19px; background:#ffffff url(images/search-bg.jpg) no-repeat left;
}

#navig{
display:block; 
height:34px; 
/*border:1px solid red; */
margin-bottom:10px;
padding:0px 17px;
}

#navig ul{
list-style-type:none; 
margin:0; 
padding-top:10px; 
text-transform:uppercase; 
font-weight:bolder; 
font-size:13px;
}

#navig ul .h{
margin-left:0px;
}

#navig ul li{
display:inline-block;
margin-left:55px;
float:left;
}

#navig-services{
background:url(images/navig2.png) top center no-repeat; display:block; height:43px; padding-left:197px;
}

#navig-services ul{
list-style-type:none; 
margin:0; 
padding-top:8px; 
text-transform:uppercase; 
font-weight:bolder; 
font-size:12px;
height:20px;
}

#navig-services ul li{
display:inline-block;
margin-left:35px;
float:left;
height:15px;
width:auto;
}

#navig-services ul li a{
color:#424242;
}


/* ------ Main-Homepage ------- */


#main .l{
	margin-left:0px !important;
}

#main .box{
width:193px; height:110px; display:block; float:left; border:1px solid #888888; margin-left:9px; padding:112px 13px 0 18px; margin-bottom:14px;
}

.graphics{
background:url(images/graphic-top.jpg) no-repeat top right;
}

.print{
background:url(images/print-top.jpg) no-repeat top right;
}

.web{
background:url(images/web-top.jpg) no-repeat top right;
}

.events{
background:url(images/events-top.jpg) no-repeat top right;
}

.graphics-c{
background:url(images/graphic-top-c.jpg) top right no-repeat;
}

.graphics-c h1{
color:#b4574b; width:550px; border-color:#b4574b !important; font-size:33px;
}

.graphics-c h2{
width:550px;font-size:18px;
}

.print-c{
background:url(images/print-top-c.jpg) top right no-repeat;
}

.print-c h1{
color:#517283; width:550px; border-color:#517283 !important; font-size:33px;
}

.print-c h2{
width:550px;font-size:18px;
}

.web-c{
background:url(images/web-top-c.jpg) top right no-repeat;
}

.web-c h1{
color:#c9b56e; width:550px; border-color:#c9b56e !important; font-size:33px;
}

.web-c h2{
width:550px;font-size:18px;
}

.events-c{
background:url(images/events-top-c.jpg) top right no-repeat;
}

.events-c h1{
color:#829dae; width:550px; border-color:#829dae !important; font-size:33px;
}

.events-c h2{
width:550px;font-size:18px;
}

.service-int{
width:600px;
}

#main .box p{
	font-size:11px;
	line-height:13px;
	height:80px;
	padding-top:4px;
}

#main .box span{
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
	margin-top:5px;
}

#main .box span a{
color:#3a3464;
}

.home h2{
font-size:18px;  
margin-bottom:5px;
}


#home-clients{
width:488px; height:132px; border:1px solid #000000; display:block; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; background:url(images/rounded-bg.jpg) repeat-x top; padding:10px;
}

#home-clients h2{
color:#b15a3c;
}

#home-testi{
width:390px; height:132px; border:1px solid #000000; display:block; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; margin-left:10px; padding:10px;background:url(images/rounded-bg.jpg) repeat-x top;
}

#home-testi h2{
color:#a82216;
}

#home-testi p{
font-size:11px; line-height:12px; padding-bottom:10px;
}

#home-testi span{
float:right;
font-size:12px;
font-weight:bold;
margin-top:5px;
text-transform:uppercase;
}

/* ------ Content ------- */

.sub-page{
	background:url(images/main-bg.png) repeat-y top center; height:auto; display:block; width:auto; padding-bottom:10px;
}

#content{
width:663px; 
height:100%; 
display:block; 
float:left;
padding:18px;
border-top:1px solid #000000;
}

#content h1{
	font-size:29px; padding-bottom:10px; border-bottom:2px solid #000000; margin-bottom:15px;
}

#content h2{
	font-size:24px; padding-bottom:10px;
}

#content h1 .service-h{
	font-size:32px;
}

#content p{
font-size:12px;
line-height:15px;
padding-bottom:10px;
}

.contact-info{
	width:342px; height:auto; display:block; font-size:13px; float:left;
}

.contact-info h3{
font-size:15px; font-weight:bold; margin-bottom:10px; margin-top:15px;
}

.contact-info p{
	padding-left:20px;
	padding-bottom:0px !important;
}

.careers{
	width:896px !important;
	border:1px solid #000000;
	background:#ffffff;
}

.careers p{
	padding-bottom:5px !important;
	padding-left:37px;
	padding-right:56px;
}

.careers h3{
font-weight:bold;
margin-bottom:15px;
}

.careers h2{
text-align:center;
margin-top:30px;
}

.career-box{
width:320px; height:auto; display:block; float: left; 
}

.application{
width:700px; margin:0 auto;
padding-top:20px;
}

.application span{
	margin-bottom:4px;
	font-size:12px;
	width:132px;
	display:inline-block;
	font-weight:bold;
	vertical-align:top;
}

.application input{
margin-bottom:12px;
/*border-bottom:1px solid #ABABAB;
background:#ffffff;
border-left:0px;
border-top:0px;
border-right:0px;*/
border:1px solid #ABABAB;
}

.application textarea{
border:1px solid #ABABAB;
margin-bottom:12px;
}

.application .short{
width:185px;
}

.application .long{
width:521px;
}

.application .submit{
background:#000000;
color:#ffffff;
padding:5px;
-moz-border-radius:5px; -webkit-border-radius:5px;
border:none;
}

.application .submit:hover{
background:#9E2314;
}




/* Validation
@Auth: dione Domingo
 */
 
 input.error{
	background-color:#ffeeee;
	color:#ff0000;
 }
  input:focus{
	background-color:#ffeeee;
	color:#000000;
 }
 label.error{
	margin-top:-15px;
	margin-bottom:15px;
	display:block;
	font-size:11px;
	color:#FF3333;
 } 
 
.cbox1{
margin-right:10px;
}

.career-box .read-more{
	font-size:9px; background:#9e2314; padding:4px; color:#ffffff; display:block; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:5px;
}

.career-box h3{
	font-size:16px;font-weight:bold;margin-bottom:10px;margin-top:15px; margin-left:8px;
}

.career-box p{
	padding-left:15px;
}

.careers .read-more{
	font-size:10px; background:#9e2314; padding:6px 8px; color:#ffffff; display:block; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:5px;
}

.testi-qoute{
	background:#e1e1e1 url(images/testi-bg.jpg) repeat-x top left; margin-bottom:15px;
}

.testi-qoute blockquote{
	font-size:13px; 
	padding:10px 10px 10px 66px; 
	line-height:17px; 
	background:url(images/testi-quote.jpg) top left no-repeat;
}

.testi-qoute span{
	display:block; text-align:right; margin-top:10px; font-weight:bold;
}

h2.featured{
font-size:20px; font-weight:bold; margin-bottom:10px; margin-top:15px;
}

#featured-tn{
display:block;float:left;height:auto;width:385px;
}

#featured-tn p{
padding-bottom:15px; background:url(images/map-shadow.png) no-repeat bottom center; margin-left:0px;
}

#featured-tn img{
padding:10px; border:1px solid #8f8f8f;
}

#featured-cont{
	float:left; width:250px; padding:0 10px 0 15px;
}

#featured-cont h2{
	width:280px;font-size:18px; font-weight:bold; margin-bottom:5px; margin-top:5px;
}

#featured-cont h3{
font-size:15px; font-weight:bold; margin-bottom:10px; margin-top:5px;
}

#featured-cont span{
font-size:14px;
display:block;
margin-bottom:10px;
line-height:20px;

}

#featured-cont .read-more{
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #9E2314;
color:#FFFFFF;
display:block;
float:right;
font-size:9px;
margin-top:5px;
padding:4px;
}

.works-box{
 clear:both; margin-bottom:10px;
}

.works-box img{
padding:5px; border:1px solid #8f8f8f;margin-right:10px;
}

.works-box img.rightmost{
margin-right:0px;
}

.peoplebox{
width:320px; display:block; float:left; height:auto;
}

.pbox-r{
margin-left:10px; width:320px; float:left; display:block;
}

.peoplebox h2{
background:none;font-size:18px;font-weight:bold;margin-bottom:5px;margin-top:5px;padding-left:10px;
}

.peoplebox p{
background:none; padding-left:10px;
}

.people-tn{
padding-bottom:15px; background:url(images/map-shadow.png) no-repeat bottom center; margin-bottom:15px;
}

.people-tn img{
padding:10px; border:1px solid #8f8f8f;
}

.clients-box{
margin-left:25px; margin-top:20px;
}

.clients-box p{
	padding-bottom:9px !important; background:url(images/clients-shadow.png) no-repeat bottom left; margin-bottom:15px; width:171px; float:left; margin-right:35px;
}

.clients-box p img{
padding:5px; border:1px solid #8f8f8f;
}

/* ------ Sidebar ------- */
#sidebar{
display:block;
float:left;
height:100%;
margin-left:9px;
padding:13px;
width:200px;
border-top:1px solid #000000;
}

#sidebar p{
font-size:11px;
line-height:13px;
padding-bottom:10px;
}

.widget{
margin-bottom:15px;
clear:both;
}

.widget h3{
font-size:18px; padding-bottom:5px; border-bottom:2px solid #b5b5b5; margin-bottom:5px;
}

.widget .read-more{
font-size:9px; background:#000000; padding:4px; color:#ffffff; display:block; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:5px;
}

.testimonials p{
padding-bottom:4px !important;
}

.testimonials span{
text-align:right; display:block; font-size:11px; font-weight:bold; margin-bottom:10px;
}

.featured p{
margin-top:10px; display:block; padding-bottom:0px !important;
}

.featured p img{
padding:2px; border:1px solid #B5B5B5; margin-right:8px;
}

.featured p .rtmost{
padding:2px; border:1px solid #B5B5B5; margin-right:0px !important;
}

.clients p{
margin-top:10px;
}

.contact h3{
margin-bottom:15px;
}

.contact span{
font-size:12px; font-weight:bold;
}

.contact input{
width:100%; margin-top:3px; border:1px solid #ababab; margin-bottom:15px; background:url(images/contact-inputs.jpg) top right no-repeat;
padding:4px 0px; font-size:12px;
}

.contact textarea{
width:100%; margin-top:3px; border:1px solid #ababab; margin-bottom:15px; background:url(images/contact-inputs.jpg) top right no-repeat;
}

.about h3{
border:none;
}

.about img{
border:1px solid #c0c0c0; margin-bottom:5px;
}






/* ------ Footer ------- */

#footerwrap-h{
width:auto; display:block; clear:both; padding-top:10px;padding-bottom:10px;
}

#footerwrap{
width:auto; display:block; clear:both; padding-top:10px; background:url(images/footer-bgtop.png) top no-repeat;padding-bottom:10px;
}

#footer{
	height:20px; display:block; margin-top:10px; width:934px;
}

#footer #copy{
	font-size:10px; width:400px; height:20px; display:block; float:left;
}

#footer #navig-f{
	text-align:right; float:right; text-align:right; width:400px; font-size:11px;
}

#footer #navig-f li{
	display:inline-block;margin-left:15px;
	float:right;
}



/*Tooltip*/
#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:11px;
	width:180px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#tooltip b{
font-weight:bold;
}

#tooltip .tipHeader {
	height:8px;
	background:url(images/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(images/tipFooter.gif) no-repeat;
}



