/* CSS Document */


html, body {
background-color: #272323;
	color: #333333;
	font-family: "ITC Avant Garde Gothic BT", Arial, sans-serif;
	padding: 0;
	font-size: 62.5%;
	margin: 0;	
	height: 100%;
}
/* base rules */
div{
	margin: 0;
	padding: 0;
}
form{
	margin: 0;
	padding: 0;
}
p {
	padding: 0;
	margin: 5px 0;
	font-size: 11px;
	line-height: 14px;
}
img {
border: none;
}
a {
}
a:hover {
color: #6d6f65;
}
a:focus {
outline: none
}


div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -250px;
float: left;
}
#container_outer {
float: left;
width: 100%;
height: 560px;
}

#container_inner {
width: 980px;
height: 560px;
margin-left: auto;
margin-right: auto;
background:#FFF url(../gfx/bg.jpg) no-repeat;
}

#header {
width: 960px;
height: 152px;
float: left;
}

#header h2,h1 {
margin:0;
padding:0;
text-indent: -9999px;
}

#logo {
	margin: 40px 0 0 40px;
	width:182px;
	float:left;
	height:35px;
	background: url(../gfx/logo.jpg) no-repeat;
}

#logo a {
	display: block;
	width:182px;
	height:35px;
}

#largeFormat {
margin: 30px 20px 0 0;
width: 233px;
height: 47px;
float: right;
background: url(../gfx/largeFormat.gif) no-repeat;
}
#contactDetails {
margin: 10px 20px 0 0;
width: 107px;
height: 46px;
float: right;
clear:right;
background: url(../gfx/contactDetails.gif) no-repeat;
}



/* =Main Nav
------------------------------------------------------------------- */
#mainNav { margin: 45px 0 0 40px; width: 520px; height: 17px; float:left; clear:left;}
#mainNavList { height:17px; list-style:none; margin:0; padding:0; line-height:1; }
#mainNavList li { float:left; margin:0; padding: 0; line-height:15px;}
#mainNavList li a { color:#000; display:block; padding: 0; height:17px; text-decoration:none; text-indent: -9999px;}
#mainNavList li#home a { background: url(../gfx/mainNavHome.gif) scroll no-repeat; width:61px;}
#mainNavList li#home a:hover { background-position:0 -17px;}
#mainNavList li#home.selected a { background-position:0 -17px; }
#mainNavList li#products a { background: url(../gfx/mainNavProducts.gif) scroll no-repeat; width:206px;}
#mainNavList li#products a:hover { background-position:0 -17px;}
#mainNavList li#products.selected a { background-position:0 -17px; }
#mainNavList li#testimonials a { background: url(../gfx/mainNavTestimonials.gif) scroll no-repeat; width:143px;}
#mainNavList li#testimonials a:hover { background-position:0 -17px;}
#mainNavList li#testimonials.selected a { background-position:0 -17px; }
#mainNavList li#contact a { background: url(../gfx/mainNavContact.gif) scroll no-repeat; width:110px;}
#mainNavList li#contact a:hover { background-position:0 -17px;}
#mainNavList li#contact.selected a { background-position:0 -17px; }


#contentHome {
float: left;
width: 960px;
height: 398px;
background: url(../gfx/homePic.jpg) no-repeat;
margin: 0 0 0 10px;
display:inline;
}

#contentHome h1 {
	text-indent: 0;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	width: 450px;
	margin-left: 30px;
	margin-top: 30px;
}

#contentHome p {
	text-indent: 0;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	width: 520px;
	margin-left: 30px;
	margin-top: 10px;
}

#content {
float: left;
width: 960px;
height: 398px;
margin: 0 0 0 10px;
display:inline;
}

#ssp {
	float:left;
	width:565px;
	height:398px;
}

#productsMenu {
	float:left;
	width:395px;
	height:398px;
	background: url(../gfx/productsBg.gif) no-repeat;
}

#content p {
	margin: 2px 20px 8px 25px;
	padding: 0;
	font: 10px Helvetica,Arial,sans-serif;
	line-height:12.5px;
	color: #3F3F3F;
}

#content h3 {
	margin: 0;
	padding: 0;
	height:20px;
}

#content h3 a {
	margin: 0 0 0 25px;
	padding: 0;
	display:block;
	height:20px;
	width:278px;
	text-indent:-9999px;
	overflow:hidden;
}
h3#header01 {
	margin: 20px 0 0 0;
}

h3#header01 a {
	background: url(../gfx/head01.gif) no-repeat;
}
h3#header01 a:hover { background-position:0 -20px;}
h3#header01.selected a { background-position:0 -20px; }

h3#header02 a {
	background: url(../gfx/head02.gif) no-repeat;
}
h3#header02 a:hover { background-position:0 -20px;}
h3#header02.selected a { background-position:0 -20px; }
h3#header03 a {
	background: url(../gfx/head03.gif) no-repeat;
}
h3#header03 a:hover { background-position:0 -20px;}
h3#header03.selected a { background-position:0 -20px; }
h3#header04 a {
	background: url(../gfx/head04.gif) no-repeat;
}
h3#header04 a:hover { background-position:0 -20px;}
h3#header04.selected a { background-position:0 -20px; }
h3#header05 a {
	background: url(../gfx/head05.gif) no-repeat;
}
h3#header05 a:hover { background-position:0 -20px;}
h3#header05.selected a { background-position:0 -20px; }
h3#header06 a {
	background: url(../gfx/head06.gif) no-repeat;
}
h3#header06 a:hover { background-position:0 -20px;}
h3#header06.selected a { background-position:0 -20px; }
h3#header07 a {
	background: url(../gfx/head07.gif) no-repeat;
}
h3#header07 a:hover { background-position:0 -20px;}
h3#header07.selected a { background-position:0 -20px; }


#contentContact {
float: left;
width: 960px;
height: 398px;
background: url(../gfx/contactBg.gif) no-repeat;
margin: 0 0 0 10px;
display:inline;
}

#contentContact h3 {
	margin: 30px 0 0 31px;
	padding: 0;
	background: url(../gfx/contactSubhead.gif) no-repeat;
	width:402px;
	height:33px;
	text-indent:-9999px;
}

#contentContact img {
	margin: 20px 0 0 28px;
	padding: 0;
float: left;
width:226px;
height:226px;
}

#contactText {
	margin: 20px 0 0 17px;
	padding: 0;
float: left;
}

#ph {
	background: url(../gfx/ph.gif) -1px -2px no-repeat;
	width:232px;
	height:76px;
	text-indent:-9999px;
}

#contactText p {
font: 12px Helvetica,Arial,sans-serif;
	line-height:14px;
	color: #2c292d;
}
#contactText p a {
	color: #2c292d;
	text-decoration:underline;
}
#contactText p a:hover {
	color: #dedc22;
}

/* =Testimonials
------------------------------------------------------------------- */
#testimonialsContainer {
	float: left;
	width: 960px;
	height: 398px;
	background: url(../gfx/contactBg.gif) no-repeat;
	margin: 0 0 0 10px;
	display:inline;
}

#testimonialsContent {
	width:505px;
	height:340px;
	margin-top:30px;
	margin-left:30px;
	overflow:auto;
	padding-right:15px;
}

.clientName {
	font: 13px Helvetica,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	color:#333333;
	line-height:16px;
	}

.testimonialsOpening {
	font: 20px Helvetica,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	line-height:30px;
	color:#333333;
	}