/****************************************** Clear elements fix  ***************************************/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

/****************************************** Global ***************************************/

body {
	background: #b6b6b6 url('../images/global/bg.jpg') repeat-x top;
	padding: 0px 0 0 0	;
	margin: 0;
	font-family: arial;
	
}

.wrap {
	width: 780px;
	margin: 0 auto;
}

/************************* header *********************/

#header {
	width: 780px;
}

#logoLink {
	display: block;
	float: left;
	margin: 0px 0 0 20px;
	padding: 0;
}
#logoLink img {
	border:none;
	margin:0;
}
#headerNav {
	float: right;
	width: 269px;
	text-align: right;
	margin: 25px 21px 0 0;
	padding: 0;
}

#headerNav a {
	font-family: arial;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}


#requestLink {
	margin-left: 12px;
}

#search {
	margin:  0;
	padding: 0;
	height: 23px;
}

#query {
	border: 1px solid #000;
	width: 120px;
	height: 21px;
	margin: 12px 0 0 0px;
	padding: 0;
	display: block;
	float: right;
}
.searchBox #query {
	width:200px;
}

#searchButton {
	margin: 12px 0 0 12px;
	padding: 0;
	height: 23px;
	float: right;
}

/************************* Top Nav *********************/
#navWrap {
	height: 33px;
	width: 100%;
	margin: 2px auto 0;
}

#navWrap ul {
	width:745px;
	list-style: none;
	margin: 0 auto;
	padding: 6px 0;
}

#navWrap ul li {
	display:inline;
	margin: 0;
	padding: 10px 0 10px;
}

#navWrap span {
	display: none;
}

#navWrap a {
	margin: 0 1px 0 0;
	padding: 10px 10px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	color:#C1C1C1;
	font-size:14px;
}
#navWrap a:hover {
	color:#fff;
}
#navHome {
	float: left;
	background: url('../images/global/nav/home.gif') no-repeat;
	background-position: top left;
	height: 33px;
	width: 87px;
}

#navServices {
	float: left;
	background: url('../images/global/nav/services.gif') no-repeat;
	background-position: top left;
	height: 33px;
	width: 117px;
}

#navGallery {
	float: left;
	background: url('../images/global/nav/gallery.gif') no-repeat;
	background-position: top left;
	height: 33px;
	width: 107px;
}

#navContact {
	float: left;
	background: url('../images/global/nav/contact.gif') no-repeat;
	background-position: top left;
	height: 33px;
	width: 109px;
}

#navPress {
	float: left;
	background: url('../images/global/nav/pressAwards.gif') no-repeat;
	background-position: top left;
	height: 33px;
	width: 184px;
}

#navPartners {
	float: left;
	background: url('../images/global/nav/partners.gif') no-repeat;
	background-position: top left;
	height: 33px;
	width: 131px;
}

#navHome:hover {
	background-position: bottom left;
}

#navServices:hover {
	background-position: bottom left;
}

#navPress:hover {
	background-position: bottom left;
}

#navGallery:hover {
	background-position: bottom left;
}

#navContact:hover {
	background-position: bottom left;
}

#navPartners:hover {
	background-position: bottom left;
}


/************************* Bottom Nav *********************/

#bottomNav {
	text-align: center;
	margin: 20px 0 0;
	padding-bottom: 20px;
	font-size:13px;
	
}

#bottomNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#bottomNav ul li {
	display: inline;
	font-family: arial;
	color: #000;
	margin: 0 7px;
}

#bottomNav ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: arial;
	color: #284B9E;
}
.magazine {
	float:left;
	margin:0 10px;
	display:inline;
}

/************************* footer *********************/
#footerWrap {
	background:#0D0D0D;
	padding:20px 0;
}
#footer {
	width: 780px;
	background:#000;
	margin: 0px auto 0;
}
#logos {
	border-bottom:1px solid #fff;
	padding:0 0 20px;
	width:100%;
	margin:0 0 10px;
}
#miniLogo {
	float: left;
	margin: 4px 5px 0 0;
}

#phone {
	float: left;
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
	background: url('../images/global/phone.gif') 15px 5px no-repeat;
	padding: 10px 20px 0 38px;
	margin: 0 11px 0 0;
}

#address {
	float: left;
	font-size: 11px;
	color: #fff;
	line-height: 15px;
	margin: 0 11px 0 0;
	padding: 0px 20px 0;
}

#sale {
	float: left;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	padding: 15px 0 0 23px;
	letter-spacing: 1px;
	background: url('../images/global/letter.gif') 0 16px no-repeat;
}

#sale:hover {
	text-decoration: underline;
}


#powered {
	float: right;
	margin:13px 0 0;
}
.indent {
	padding-left:20px;
}
/****************************************** Home ***************************************/

.threeSections {
	float:left;
	width:33%;
	text-align:left;
}
.gallery .threeSections {
	text-align:center;
}
.threeSections h2 {
	font-size:15px;
	margin:0 0 5px;
}
h3 {
	font-size:13px;
	margin:5px 0;
}
a {
	color:#D48C61;
}
.whiteBox {
	padding:10px 20px;
	background:#fff;
}
.homeAwards.whiteBox {
	padding-right:200px;
	position:relative;
	top:-2px;
	left:-2px;
	border: 1px solid #636363;
	background:#666 url('../images/home/awardBgSmall.jpg') no-repeat 560px 50%;
}
.homeAwards p {
	margin: 3px 0 0 5px;
	font-family: arial;
	font-size: 12px;
	line-height: 180%;
	color: #fff;
}
.shadowBottom {
	margin-top:2px;
	background:#444;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin:10px 27px 20px 15px;
}
#pillars {
	width: auto;
	margin: 15px 0 0 13px;
}

.pillarContent {	
	width: auto;
	padding:210px 20px 10px 10px;
	min-height:540px;
}
.pillarContent h1 {
	margin:5px 10px;
	font-size:15px;
	color:#fff;
}
h1 {
	font-size:15px;
	color:#fff;
	margin:5px 0;
}
p {
	margin:10px 0;
}
#eightYearsWrap {
	width:auto;
	position:relative;
	top:-2px;
	left:-2px;
	border: 1px solid #636363;
	background: #666666 url('../images/home/eightYears-1.jpg') 2px 2px no-repeat;
}
.shadowLeft {
	margin-top:2px;
	margin-left:2px;
	float:left;
	width:482px;
	margin-right:12px;
	background:#444;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#highestWrap {
	width: auto;
	background: #666 url('../images/home/highest.jpg') 2px 2px no-repeat;
	position:relative;
	top:-2px;
	left:-2px;
	border: 1px solid #636363;
}
.shadowRight {
	margin-top:2px;
	margin-left:2px;
	float:left;
	display:inline;
	width:240px;
	margin-right:12px;
	background:#444;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

#highestWrap h1 {
	
}

#enlightenedWrap {
	float: left;
	width: 239px;
	background: #fff url('../images/home/enlightened.jpg') top left no-repeat;
}

#pillars p, #pillars ul {
	margin: 4px 0 0 5px;
	font-family: arial;
	font-size: 12px;
	line-height:180%;
	color: #fff;
	padding: 0 10px 0 12px;
}
#pillars p a {
	color:#fff;
}
#pillars ul {
	padding-left:12px;
	margin-left:0 0 0 5px;
}
#eightYearsWrap p,#eightYearsWrap ul {
	line-height:180%;
	margin:16px 0;
}
#pillars a {
	text-decoration: none;
	font-family: arial;
	color: #2c2c2e;
	font-weight: bold;
}

#pillars a:hover {
	text-decoration: underline;
	
}

#latest {
	text-align: center;
}
#latest h2  {
	text-transform:uppercase;
	font-size:18px;
	margin:25px 0 0;
}

#wrap #latest {
	_height: 240px; 
}

#latest img {
	margin: 0;
	padding: 0;
	width: 743px;
	height: 21px;
}


#latest ul {
	margin: 5px;
	padding: 0;
	list-style: none;
	
}

#latest ul li {
	font-family: arial;
	display: inline;
	font-size: 12px;
	margin: 0 4px;
	letter-spacing: 1px;
	padding: 0 0 0 10px;
}

#dWrap {
	width: 739px;
	height: 86px;
	background: #fff;
	padding-right: 4px;
	margin: 10px auto 0;
}

#dWrap #dd{
	margin: 20px 0 0 15px;	
	padding: 0;
	display: inline;
	float: left;
	
}

#dWrap a {
	display: inline;
	float: right;
	margin: 11px 6px 0 0;
}

#manufactures {
	width: auto;
	border: 1px solid #636363;
	padding: 15px;
	background:#666;
	position:relative;
	top:-2px;
	left:-2px;
}


#manufactures p {
	margin: 0;
	padding: 0 10px 0 15px;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	color:#fff;
	background:url('../images/bullet.gif') no-repeat 0 3px;
}

#manufactures a {
	text-decoration: none;
	color: #fff;
	font-family: arial;
	font-size: 12px;
}

#manufactures a:hover {
	text-decoration:none;
}
#manufactures h3 {
	float:left;
	margin:0;
	text-align:right;
	width:150px;
}

/****************************************** inner ***************************************/
a img {
	border:1px solid #C98D65;
	margin:5px 0;
}
#innerOfferWrap {
	width: 723px;
	margin: 20px auto 20px;
	background: #2e2e2e;
	padding: 10px;
}

#innerOfferWrap h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	font-size: 36px;
	color: #fff;
	font-family: trebuchet,arial;
}

#innerOfferWrap h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	font-family: trebuchet,arial;
}
#innerOfferWrap h3 {
	color:#fff;
}
#innerOfferWrap p {
	font-family: arial;
	color: #fff;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 1px;
}

#blockWrap {
	width: 723px;
	margin: 0 auto 20px;
	border:1px solid #fff;
	padding:10px;
	font-size:12px;
	background:#DDDDDD;
}

.blockContentWrap {
	width: 360px;
	float: left;
	padding: 4px 0 0;
}

.blockContentWrap img {
	display: block;
	margin: 0 auto;
	padding: 0;
}

#blockRight {
	width: 363px;
	float: right;
	background: #c0c0c0;
}

#blockLeft {
	width: 363px;
	float: left;
	background: #fff;
}


#blockLeft p,#blockRight p {
	font-family: arial;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 1px;
	padding: 0 5px 5px;
}
img {
	border: none;
}