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

/* Eric Meyer's CSS Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

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-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 20px;
}
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:Arial, Helvetica, sans-serif;
	background:#fff;
	color: #73746e;
}
p{
	font-size:0.8em;
	line-height:2em;
	margin-bottom: 15px;
	color: #73746e;
}
p a{
	color:#73746e;
	text-decoration:none;
	font-weight: bold;
}
p a:hover{
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73746e;
}
.hidden{display:none;}
.clearfix{clear:both;}
h1{
	font-size:18px;
	margin-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #73746e;
}
h2 {
	font-size: 10px;
}
h3{font-size:18px; margin-bottom:10px;}
h4{
	font-size:14px;
	margin-bottom:20px;
	color: #73746e;
	letter-spacing: 0.04em;
}
h6 {
	margin-bottom: 10px;
	font-size: 18px;
}
h1 a{color:#000; text-decoration:none;}
.space29{width:29px; height:29px;}
.space150 {
	width:150px;
	height:150px;
}
.topPadding12{
	padding-top:6px;
}
.minusMargin20ie6{}
.space1IE{}

/*  Header  */
#headerWrapper{
	height:100px;
	background-color: #95968b;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header{
	width:850px;
	margin:0 auto;
	background:#95968b;
}
#headerRight{}
#logoWrapper{
	float:left;
	width: 485px;
}
#logo a{
	height:99px;
	background:url(../images/logo.png) no-repeat;
	display:block;
	width: 485px;
}
#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{
	float:right;
	margin-top: -30px;
}
#topNav li{
	font-size:11px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}
#topNav li a{
	margin-top:-1px;
	color:#fff;
	margin-left:20px;
	padding-bottom:5px;
	text-decoration:none;
	border:none;
	line-height:28px;
	font-family: Verdana, Geneva, sans-serif;
}
#topNav li a:hover, #topNav li a.active{background:url(../images/toplinkbg.gif) repeat-x bottom;}

/***** CONTENT *****/
#containerWrapper{
	border: 1px solid #95968b;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#container{
	width:900px;
	margin:0 auto;
	padding-top:18px;
}

/*  Slider  */
#sliderImgBg{
	width:455px;
	height:299px;
	float:left;
}
#sliderImg li{width:439px; height:299px; background:#999999;} /* sliding images' size is defined here */
#sliderNavWrapper{width:16px; height:203px; margin:50px 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;
	padding-top:20px;
	float:left;
}
#sliderInfo li{
	list-style:none;
	margin-bottom:1px;
}
.more a{width:56px; height:23px; background:url(../images/more.png) no-repeat; margin-top:17px; display:block;}

/*  Other Homepage Content  */
.HomeTriColumn{
	width:450px;
	padding-top:5px;
	float:left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 25;
	padding-bottom: 29px;
	padding-left: 20px;
	border-top-width: 0px;
}
#HomeTriColumnLast{
	width:350px;
	padding-top:5px;
	border-top:0px solid #95968b;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 25;
	margin-left: 0;
	padding-bottom: 15px;
}
#sliderWrapper {
	border-top-style: solid;
	border-top-color: #95968b;
	padding-top: 20px;
	padding-bottom: 5px;
	border-top-width: 1px;
}

/*  Inner Pages' Content  */
#contentInner{
	width:550px;
	margin-right:40px;
	float:left;
	margin-left: 20px;
}
#contentInner450px-800wide, #1ColText {
	width: 525px;
	padding-left: 125px;
}
#1ColText p {
	margin-right: 25px;
}
#contentInner450px {
	width:580px;
	margin-right:10px;
	float:left;
	margin-left: 20px;
	height: auto;
	margin-bottom: 10px;
}
#contentInner450px-800wide {
	width:800px;
	margin-right:40px;
	float:left;
	margin-left: 20px;
	height: 450px;
	margin-bottom: 10px;
}
#contentInnerLong {
	width:550px;
	margin-right:40px;
	float:left;
	margin-left: 20px;
	height: auto;
	margin-bottom: 10px;
}
#contentInner h1{margin-bottom:15px;}
#contentInner h6 {
	font-size: 1.3em;
	color: #82807A;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #73746e;
	padding-bottom: 6px;
	font-weight: normal;
}

/*  Sidebar  */
#sidebar{
	width:245px;
	color:#73746e;
	margin-bottom:-10px;
	float:right;
	margin-right: 20px;
	padding-top: 50px;
	padding-bottom: 10px;
}
#sidebar p{
	font-size:10px;
	line-height: 12px;
}
#sidebar a:link {
	color: #73746e;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#sidebar a.active {
	color: #464744;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.pInfo{font-size:11px; margin-bottom:15px;}
#sidebar h3{
	margin-bottom:20px;
	color: #73746e;
}
#sidebar h6  {
	color: #73746E;
}
#sidebar .sidebar-sublist{
	font-size: 0.7em;
	font-weight: normal;
	padding-left: 18px;
	color: #73746E;
}
#sidebar .sidebar-sublist a:link {
	text-decoration: none;
}
#sidebar .sidebar-sublist a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#sidebar .sideList li .active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73746E;
}
#sidebar .sideList .sidebar-sublist .active {
	color: #333;
}
.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{
	height:1px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73746e;
}
.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-sm.png) no-repeat;
	padding:5px 0 0 5px;
	margin-bottom:-9px;
	z-index: 99;
}
#sidebar .sideTestimonial p{
	font-style:italic;
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 18px;
}
.sideClientName{
	color:#73746e;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	margin-top:3px;
	line-height:40px;
	margin:-5px 0 -14px 0;
}
.sideClientName a{color:#73746e; border-bottom:1px solid #73746e; }

/*  Design Elements  */
.checkList li{background:url(../images/li_check.png) no-repeat; height:20px; font-size:13px; text-indent:20px; line-height:20px;  margin-bottom:12px;}
.customList li  {
	font-size:13px;
	line-height:17px;
	margin-bottom:18px;
	background-image: url(../images/li_img.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-indent: 0px;
	text-align: left;
	padding-left: 25px;
}
.border{
	border-bottom:1px solid #95968b;
	height:1px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 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:230px;
	margin-right:35px;
	float:left;
	margin-bottom: 150px;
	margin-top: 6px;
	margin-left: 20px;
}
.aboutEmpPhotoBg{width:208px; height:187px; margin-right:34px; float:left;}

/* Products Page */
#picBg{
	width:550px;
	margin-bottom:10px;
	padding-bottom: 15px;
	padding-top: 5px;
}
#photos{}
#picBg2 {
	width:653px;
	height:468px;
	margin-bottom:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #95968b;
	padding-bottom: 15px;
}
#picBgTable table tr td h2 {
	clear: both;
	padding-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #73746e;
}
#containerWrapper #container #contentInner450px #picBgTable table tr td h2 a {
	font-size: 10px;
	color: #73746e;
	text-decoration: none;
}
#picBgTable h2 a:link ,.portfolio li h2 a:active ,.portfolio li h2 a:visited  {
	font-size:10px;
	font-weight:bold;
	color:#73746e;
	text-decoration: none;
}
#picBgTable h2 a:hover  {
	margin-bottom:15px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #535353;
}
#BookDiv {
	width: 140px;
}
#photos2 {
}
.gallery{
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 375px;
}
.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:15px;
	float:left;
}
.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;}
.sideList li a:active {
	border-bottom:1px solid #535353;
	color: #000;
}

/* Contact Page */
#contactForm{
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#contactForm h3{margin:-21px 0 58px 0;}
.textbox{
	width:226px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../images/textbox.png) no-repeat;
	border:none;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 12px;
}
.contactInput{margin-bottom:20px;}
.contactInput p{
	width:73px;
	font-size:13px;
	float:left;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
textarea{
	width:390px;
	height:190px;
	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;
	border:none;
	outline:none;
	cursor:pointer;
	margin-top: 18px;
	margin-right: 0;
	margin-left: 84px;
}
#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;}


/***** Portfolio Styles ****/

.portfolio {
	margin:0;
	list-style:none;
}

.portfolio li {
	width:265px;
	float:left;
	margin-right:14px;
	margin-bottom: 20px;
}

.portfolio li img {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.portfolio li h2 a:link, .portfolio li h2 a:active, .portfolio li h2 a:visited {
	font-size:10px;
	font-weight:bold;
	color:#73746e;
	text-decoration: none;
}
.portfolio li h2 a:hover {
	margin-bottom:15px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #535353;
}


/**** LIGHTBOX GALLERY STYLES ******/
#gallery {
		background-color: #fff;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 0px;
		border-width: 0x;
	}
	#gallery ul a:hover img {
	border: 2px solid #95968b;
	color: #95968b;
	}
#galleryPressPhoto {
	padding-right: 20px;
}
	#gallery ul a:hover { color: #fff; }
.gallery_clickimage {
	font-size: 9px;
	color: #82807A;
}


/***** FOOTER *****/
#footer{
	width:900px;
}
#footer p{
	color:#A6A69D;
	font-size:12px;
}
#footer a{color:#000; border:none;}
#footerNav{
	font-size:9px;
	float:left;
}
#footerNav li{color:#000; border:none; float:left;}
#footerNav a{
	color:#95968b;
	text-decoration:none;
}
#footerNav a.active{font-weight:bold;}
#footer .cufon{color:#484848; font-size:15px;}
#footerLeft{
	float:left;
	margin-top: 10px;
}
#footerRight{
	float:right;
	margin-bottom:20px;
	margin-top: 15px;
}
#footerRight p a{color:#6c6c6c;} 
#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;}
}
#contentInner #FlashID {
	width: 900px;
	margin-left: -20px;
}
table tr td h2 {
	margin-top: 6px;
}
#contentInner h3 {
	margin-left: 10px;
	color: #73746E;
}
#indexSS {
	height: 400px;
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#ImageScrollerDiv {
	height: 138px;
	width: 900px;
	margin-top: -38px;
}
#extraSpaceBottom {
	height: 200px;
	float: left;
	clear: right;
}
#SpacerBottom {
	float: left;
	height: 200px;
}
#1ColText #2 {
	width: 500px;
}
#BioText {
	margin-right: 25px;
}
#pressTableContainer {
	padding-top: 1px;
}
#singleCenterPhoto {
	margin-top: 40px;
	margin-bottom: 70px;
}
.centerHOF {
	text-align: center;
	margin-bottom: 25px;
}