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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/***** GENERAL STYLING *****/

body{font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff;font-size:13px; line-height:24px;}

p a{color:#000; text-decoration:none; border-bottom:1px solid #000;}
h2 a{color:#000; text-decoration:none;}
p a:hover{border:none;}
.hidden{display:none;}
.clearfix{clear:both;}
h1{font-size:24px; margin-bottom:10px;}
h2{font-size:24px; margin-bottom:10px;}
h3{font-size:18px; margin-bottom:10px;}
h4{font-size:16px; margin-bottom:10px;}
h1 a{color:#000; text-decoration:none;}
.space29{width:29px; height:29px;}
.topPadding12{padding-top:12px;}
.minusMargin20ie6{}
.space1IE{}
/*  Header  */
#headersup2{width:100%;background:url(images/hsup2.jpg) repeat-x;}
#headersup{width:960px; height:130px; background:url(images/logo.png) no-repeat center center; margin:0 auto;}
#headerWrapper{height:315px;  background:url(images/home_feature.jpg) repeat-x; }
#header{width:960px; margin:0 auto;}
#headerRight{}
#logoWrapper{padding:0 0 0 0; float:left;}
#logo a{width:248px; height:72px; background:url(images/logo.png) no-repeat; display:block;}
#search{margin:39px 0 0 0; float:right;}
#searchbox{width:181px; height:25px; background:url(images/search.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b4b4b; padding:6px 0 0 12px; margin-right:-3px; border:none; float:left;}
#btGo{width:36px; height:23px; background:url(images/bt_go.png); margin-top:1px; cursor:pointer; border:none;}
#topNavWrapper{margin-top:-70px;float:right;}
#topNavWrapper1{margin-top:135px;float:right;}
#topNav li{font-size:16px; float:left;}
#topNav li a{margin-top:-1px; color:#343434; margin-left:24px; padding-bottom:5px; text-decoration:none; border:none; line-height:28px;}
#topNav li a:hover, #topNav li a.active{background:url(images/toplinkbg.gif) repeat-x bottom;}

/***** CONTENT *****/
#containerWrapper{ background:url(images/container_bg.png) repeat-x;}
#container{width:960px; margin:0 auto; padding-top:58px;}

/*  Slider  */
#sliderImgBg{margin-top:70px; width:455px; height:315px; background:url(images/slider_img_bg.png); float:left;}
#sliderImg li{width:439px; height:299px; background:#999999;} /* sliding images' size is defined here */
#sliderNavWrapper{width:16px; height:203px; margin:70px 38px 0 38px; float:left;}
#sliderPre{width:16px; height:9px; background:url(images/slider_pre.png) no-repeat; margin-bottom:185px; cursor:pointer;}
#sliderNext{width:16px; height:9px; background:url(images/slider_next.png) no-repeat; cursor:pointer;}
#sliderInfo{width:412px; height:299px; margin-top:60px; padding-top:20px; float:left; color:#cccccc}
#sliderInfo li{list-style:none; margin-bottom:1px; height:239px;}
.more a{width:56px; height:23px; background:url(images/more.png) no-repeat; margin-top:17px; display:block;}

/*  Other Homepage Content  */
.HomeTriColumn{width:150px; margin:22px 20px 0 0; padding-top:8px; border-top:1px solid #ccc; float:left;}
.HomeTriColumn p{font-size:12px; line-height:14px;}
#HomeTriColumnLast{width:280px; margin:22px 0 0 0; padding-top:8px; border-top:1px solid #ccc; float:left;}
/*  Inner Pages' Content  */
#contentInner{width:680px; margin-right:20px; float:left; margin-top:20px;}
#contentInner h1{margin-bottom:15px;}

/*  Sidebar  */
#sidebar{width:245px; color:#535353; margin-bottom:-14px; float:right;}
#sidebar p{font-size:12px;}
.pInfo{font-size:11px; margin-bottom:15px;}
#sidebar h3{margin-bottom:20px;}
.sideBorderlessLink{border:none;}
.sideBorderlessLink:hover{border-bottom:1px solid #535353;}
#clientList{ font-size:13px; line-height:30px;}
#clientList a{color:#535353; text-decoration:none; border:none;}
#clientList a:hover{border-bottom:1px solid #535353;}
#clientList li{margin-bottom:23px;}
#clientList img{margin-right:11px; float:left;}
.sideBorder{border-bottom:1px solid #ccc; height:1px; margin:29px 0;}
.innerMore a{width:56px; height:23px; background:url(images/more.png); margin-top:10px; display:block;}
.tweet{margin:-9px 0 -9px 0;}
.tweetDate{color:#6e6e6e; font-size:12px; font-weight:bold; margin-bottom:-15px;}
#follow a{width:63px; height:23px; background:url(images/follow.png); margin:29px 0 -3px 0; display:block;}
.sideTestimonial{background:url(images/side_testimonial.png) no-repeat; padding:5px 0 0 5px; margin-bottom:-9px;}
.sideTestimonial p{font-style:italic;}
.sideClientName{color:#626262; font-style:italic; font-weight:bold; font-size:12px; margin-top:3px; line-height:40px; margin:-5px 0 -14px 0;}
.sideClientName a{color:#626262; border-bottom:1px solid #626262; }

/*  Design Elements  */
.checkList li{background:url(images/li_check.png) no-repeat; height:20px; font-size:12px; text-indent:20px; line-height:18px;  margin-bottom:12px;}
.customList li{background:url(images/li_img.png) no-repeat; font-size:13px; text-indent:20px; line-height:10px; margin-bottom:18px;}
.checkList a{ color: #666666; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
.border{border-bottom:1px solid #ccc; height:1px; margin:29px 0;}
.border1{border-bottom:1px solid #ccc; height:1px; margin:7px 0;}
.testimonialLeft{width:53px; height:43px; background:url(images/testimonial_left.png) no-repeat; margin:0 10px 78px 0; float:left;}
.testimonialWrapperRight{background:url(images/testimonial_right.png) no-repeat right bottom; padding:0 64px 15px 0; float:left;}
.testimonialText{width:529px; padding-top:10px; margin-left:64px; font-style:italic;}
.testimonialClientName{font-style:italic; font-weight:bold; margin-top:3px; float:right;}
xmp{color:#434343; border-left:6px solid #d1d1d1; line-height:22px; font-size:13px; padding:3px 9px;}
.customTable{font-size:15px; text-align:center;}
.customTable th.bg, .customTable th.col{background:#f0f0f0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:7px 0; font-size:17px; text-align:center;}
.customTable th.row{font-size:17px; text-align:center;}
.customTable th.alt{background:#f0f0f0; font-size:17px; text-align:center;}
.customTable td{text-align:center; padding:8px 4px;}
.customTable td.alt{background:#f0f0f0; text-align:center; padding:8px 4px;}

/* About Page */
#aboutCompanyPicBg{width:217px; height:257px; background:url(images/aboutCompanyPicBg.png); margin-right:25px; float:left;}
.aboutEmpPhotoBg{width:208px; height:187px; margin-right:34px; float:left;}

/* Products Page */
#picBg{width:653px; height:468px; margin-bottom:140px;}
#photos{}
.gallery{position: relative; overflow: hidden; width: 653px; height: 468px;}
.galleryBar{position: absolute; left: 0; margin-top:-30px; padding-right:7px; display:none; }
.galleryBar li{position: relative; margin-right: 7px; overflow: hidden; float: left; list-style: none;}
.galleryScreen, .galleryInfo{position: absolute;}
.galleryInfo{color: #000; padding-top:12px; display:block;}
.galleryTitle{font-size: 18px; line-height:30px;}
.galleryDesc{font-size:14px;}

/* Blog Page */
.entryPic{margin-right:34px; float:left;
background:url(images/tshadowbg_small.jpg) no-repeat scroll center bottom transparent;
margin-bottom:0;
margin-left:0;
padding-bottom:15px;}
.entryPic_big{margin-right:34px; float:left;
background:url(images/tshadowbg_big.jpg) no-repeat scroll center bottom transparent;
margin-bottom:0;
margin-left:0;
padding-bottom:15px;}
.entryInfo{color:#535353; margin:-10px 0 5px 0;}
.entryMore a{width:56px; height:23px; background:url(images/more.png); margin:10px 0 0 260px; display:block;}/*i gave an exact margin-left to this div to use the more button in blog entries. use the ".innerMore" class if you like to use the button with longer entry preview texts. but i recommend you to use the format i used, since it looks better.*/
.sideList li{background:url(images/side_li.png) no-repeat 0 4px; font-size:13px; text-indent:17px; line-height:15px; margin-bottom:14px;}
.sideList li a{color:#535353; text-decoration:none; border:none;}
.sideList li a:hover{border-bottom:1px solid #535353;}

/* Contact Page */
#contactForm{margin:70px 0 -22px 0;}
#contactForm h3{margin:-21px 0 58px 0;}
.textbox{width:226px; height:31px; font-family:Arial, Helvetica, sans-serif; font-size:13px;  background:url(images/textbox.png) no-repeat; padding:8px 5px 0 12px; border:none;}
.contactInput{margin-bottom:20px;}
.contactInput p{width:73px; font-size:13px; font-weight:bold; margin:3px 10px 0 0; float:left;}
textarea{width:390px; height:240px; background:url(images/textarea.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:8px 5px 0 12px; border:none;}
.send{width:56px; height:23px; background:url(images/send.png) no-repeat; margin:18px 0 0 84px; border:none; outline:none; cursor:pointer;}
#map{width:245px; height:302px; border:1px solid #AEAEAE;}
#map a{font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:12px; line-height:55px; text-decoration:none;}
#map a:hover{border-bottom:1px solid #535353;}


/***** FOOTER *****/
#footer{width:100%; height:250px; border-top:1px solid #ccc; margin-top:58px; padding:15px 0 0 0;background:url(images/footer.jpg) repeat-x;}
#footer p{color:#ffffff; font-size:12px;}
#footer a{color:#ccc; border:none;}
#footerNav{font-size:12px; float:left;}
#footerNav li{color:#000; border:none; float:left;}
#footerNav a{color:#ffffff; text-decoration:none;}
#footerNav a.active{font-weight:bold;}
#footer .cufon{color:#ffffff; font-size:15px;}
#footerLeft{float:left;margin-left:30px;}
#footerRight{float:right; margin-bottom:20px; margin-right:30px;}
#footerRight p a{color:#cccccc;} 
#footerRight p a.active{font-weight:bold;}


/*  Safari Fixes  */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#searchbox{padding-top:3px;}
.safariClearfix{clear:both;}
.testimonialLeft{margin-bottom:102px;}
.textbox{padding-top:3px;}
}