@charset "utf-8";

/*	== RESET ============================== */
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, 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;
}

: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: "" "";}
.last {margin-right: 0 !important;}
.clear {clear: both;}
/*	== END OF RESET ============================== */

/*	== BASIC ===================================== */

body {
	background:#000 url(../images/bg_body.jpg) repeat-x 0 0;
	color:#333;
	font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

#header_wrap {margin:0 auto;width:860px;}

#header {
	background:#000;
	height:79px;
	margin:28px 37px 0 38px;
}

#content {
	background:#c5bcb5;
	margin:0 auto;
	padding:5px;
	width:850px;
}

#content a {color:#00add2;text-decoration:none;}
#content a:hover{text-decoration:underline;}

#sidebar_gallery{float:right; width:250px;}
#sidebar_gallery a {
	background-color:#fff;
	border:solid 1px #aa9d93;
	padding:5px;
	margin:4px;
	width:60px;
	height:60px;
	display:block;
	float:left;
}

#sidebar_gallery a:hover {background-color:#ddd;}

img.illustration{
	float:right;
	margin:0 0 8px 8px;
	border:solid 1px #aa9d93;
	padding:2px;
}

#content_shadow {
	background: url(../images/bg_content_shadow.jpg) no-repeat 0 0;
	margin:0 auto;
	overflow:auto;
	width:940px;
}

#content_shadow_bottom {
	background:#C5BCB5;
	margin:0 auto;
	overflow:auto;
	width:860px;
}

/*	== END OF BASIC ============================== */

/*	== HEADER ==================================== */

#header #logo {
	background:url(../images/logo.jpg) no-repeat;
	display:block;
	float:left;
	height:65px;
	text-indent:-9999px;
	width:185px;
}

#header #phone {color:#b5a75e;float:right;}

/*	== END OF HEADER ============================= */

/* == MENU ======================================= */

#menu {
	clear:left;
	height:31px;
	width:860px;
}

#menu ul li {float:left; text-align:justify;}

#menu ul li a {
	display:block;
	height:31px;
	text-indent:-9999px;
}

#menu ul li#home a {
	background:url(../images/menu/menu.gif) no-repeat 0 0;
	width:90px;
}
#menu ul li#home a:hover,
#menu ul li#home a.current {background:url(../images/menu/menu.gif) no-repeat 0 -31px;}

#menu ul li#gallery a {
	background:url(../images/menu/menu.gif) no-repeat -90px 0;
	width:117px;
}
#menu ul li#gallery a:hover,
#menu ul li#gallery a.current {background:url(../images/menu/menu.gif) no-repeat -90px -31px;}

#menu ul li#semi_custom a {
	background:url(../images/menu/menu.gif) no-repeat -207px 0;
	width:152px;
}
#menu ul li#semi_custom a:hover,
#menu ul li#semi_custom a.current {background:url(../images/menu/menu.gif) no-repeat -207px -31px;}

#menu ul li#quote a {
	background:url(../images/menu/menu.gif) no-repeat -359px 0;
	width:201px;
}
#menu ul li#quote a:hover,
#menu ul li#quote a.current {background:url(../images/menu/menu.gif) no-repeat -359px -31px;}

#menu ul li#contact a {
	background:url(../images/menu/menu.gif) no-repeat -561px 0;
	width:145px;
}
#menu ul li#contact a:hover,
#menu ul li#contact a.current {background:url(../images/menu/menu.gif) no-repeat -561px -31px;}

#menu ul li#information a {
	background:url(../images/menu/menu.gif) no-repeat -706px 0;
	width:155px;
}
#menu ul li#information a:hover,
#menu ul li#information a.current {background:url(../images/menu/menu.gif) no-repeat -706px -31px;}

/* == END OF MENU ================================ */

/* == BIG PHOTO ================================== */

#big_photo {
	background: url(../images/content/bg_big_photo.jpg) no-repeat center center;
	float:left;
	height:405px;
	width:550px;
}

#big_photo img {padding:15px 15px 10px;}
#big_photo p.photo_description {margin-left:15px;}

/* == END OF BIG PHOTO =========================== */

/* == RIGHT SMALL PHOTOS ========================== */

#right_side {float:left;margin-left:5px;}

#top_right_photo {
	background: url(../images/content/bg_top_right_photo.jpg) no-repeat center center;
	float:left;
	height:200px;
	width:295px;
}

#bottom_right_photo {
	background: url(../images/content/bg_top_right_photo.jpg) no-repeat center center;
	clear:left;
	float:left;
	height:200px;
	margin-top:5px;
	width:295px;
}

#top_right_photo img, #bottom_right_photo img {padding:10px 10px 5px;}

#right_side p.photo_description {margin-left:10px;}

/* == END OF RIGHT SMALL PHOTOS =================== */

/* == ARTICLES ==================================== */

#big_wrap_aricles {
	background:url(../images/articles/bg_bottom_articles.jpg) no-repeat left bottom;
	clear:left;
	float:left;
	margin:10px 0;
	width:850px;
}

#big_wrap_aricles h1 {
	background:url(../images/articles/article_headline.jpg) no-repeat center left;
	height:33px;
	text-indent:-9999px;
}

#big_wrap_aricles h1.gallery 			{ background-image:url(../images/headline_gallery.jpg); }
#big_wrap_aricles h1.requestaquote 		{ background-image:url(../images/headline_requestaquote.jpg); }
#big_wrap_aricles h1.contactus 			{ background-image:url(../images/headline_contactus.jpg); }
#big_wrap_aricles h1.information 		{ background-image:url(../images/headline_information.jpg); }
#big_wrap_aricles h1.moreinformation 	{ background-image:url(../images/headline_moreinformation.jpg); }
#big_wrap_aricles h1.semi_custom 		{ background-image:url(../images/headline_semi_custom.jpg); }

#wrap_aricles {background: url(../images/articles/bg_articles.jpg) repeat-y left center;}

#aricles {
	line-height:1.4;
	margin:20px 30px 30px;
	overflow:auto;
	position:relative;
	text-align:justify;
}

#aricles p.article_headline {font-weight:bold; margin-bottom:20px;}
#aricles p.rss_article {float:left; margin-right:10px;}
#aricles p {clear:left; margin-bottom:10px;}

#aricles div.hr { border:1px solid #a78b86; margin:15px 0;}
#aricles div.hr hr {display:none;}

#aricles ul {margin:0 0 10px 40px}
#aricles ul li {list-style:circle;}

/*Information page*/

#aricles p.article_sub_headline {font-weight:bold; margin-left:30px;}
#aricles p.info_paragraf {margin-left:60px;}


/*Semi Custom*/

#aricles ul.no_bullet {
	float:left;
	margin:0 24px 0 0;
}
#aricles ul.no_bullet li {list-style:none;}

#aricles div.frame ul.no_bullet {
	float:left;
	margin:0 17px 0 0;
}

#aricles div.face ul.no_bullet {
	float:left;
	margin:0 30px 0 0;
}

#aricles ul.no_bullet li.image {float:left;}
#aricles ul.no_bullet li.image img {
	background:#fff;
	border:1px solid #333;
	padding:5px;
}

#aricles ul.no_bullet li.comparison {float:left; margin:0 35px 20px 0;}
#aricles ul.no_bullet li.comparison img {
	background:#fff;
	border:1px solid #333;
	float:left;
	padding:5px;
}

#aricles ul.no_bullet li.comparison span {
	float:left;
	margin:3px 0 0 6px;
	width:40px;
}

#aricles ul.no_bullet li.description {
	clear:both;
	margin-bottom:10px;
	text-align:center;
	width:62px;
}

div.wrap {
	clear:both;
	overflow:hidden;
	position:relative;
	width:790px;
}

h4 {font-weight:bold;margin:10px 0;}

div.mounting { 
	float:left;
	margin-right:50px;
	width:170px;
}

div.mounting img {
	background:#fff;
	border:1px solid #333;
	padding:5px;
}

div.frame,
div.semi_gallery{float:left; text-align:left;}

#content div.frame a {color:#333;}

#aricles ul.no_bullet li.description_long {
	clear:both;
	margin-bottom:10px;
	text-align:center;
	width:85px;
}

ul li.description {
	margin-bottom:10px;
	text-align:center;
}

div.size {
	float:left;
	overflow:hidden;
	position:relative;
	width:570px;
}

img.man {
	left:0;
	position:absolute;
	top:73px;
}

#aricles .semi_gallery img {
	background:#fff;
	border:1px solid #333;
	float:left;
	margin:0 26px 15px 0;
	padding:5px;
}

div.accessories {
	clear:both;
	float:left;
	line-height:2;
	position:relative;
	width:790px;
}

#aricles div.accessories ul {margin:0 0 20px 20px;}
#aricles div.accessories ul li {list-style:circle outside none;}

div.accessories ul.accessories_left,
div.accessories ul.accessories_right {
	float:left;
	width:220px;
}

/* == ARTICLES ==================================== */

/* == FOOTER ====================================== */

#wrap_footer {
	background:#C5BCB5;
	color:#413a38;
	margin:0 auto;
	width:860px;
}

#footer {margin:10px 30px;width:800px;}

#footer a {color:#413a38; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer_logo {
	background: url(../images/footer/logo_bottom.jpg) no-repeat center center;
	float:left;
	height:46px;
	margin-bottom:20px;
	width:128px;
}

#footer_menu {
	float:right;
	margin-bottom:20px;
	text-align:right;
}

#footer_menu p#copyright {margin-top:20px; text-align:right;}

/* == ENF OF FOOTER =============================== */

/* == FORMS ====================================== */

table.contact { width:450px; }
table.contact td { padding:3px 1px; vertical-align:top; }

input, textarea, select { 
	border:1px solid #999;
	color:#333;
	font-family:Tahoma,'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:12px;
	padding:2px;
}

textarea { width:250px; }
input.submitbutton { padding:3px; background-color:#aa9d93; border:none;  }
div#messagesent, div#messagefailed { text-align:center; padding:4px; background-color:#66CC66; color:#fff; margin-bottom:10px; }
div#messagefailed { background-color:#CC3333; color:#990000; }

/* == END OF FORMS =============================== */

p.rssheading a { font-size:12px; font-weight:bold; color:#333; }
#rssfeed ul { display:block; clear:both; }
#aricles h2 { font-weight:bold; }
#aricles h2 a { color:#333; }