@charset "utf-8";

/************************* RESETS **************************/

h1, h2, h3, h4, h5, h6, p, blockquote, div, ul, li, body {margin:0;   padding:0;}

a, a:hover {text-decoration:none;}

a img {border:none;}

/*********************** STRUCTURE *************************/

html {background:url(../img/html-bg.png) center repeat-y;}

body {font-family:Helvetica, Arial, sans-serif;   font-size:12px;   text-align:center;   background:url(../img/body-bg.png) top center no-repeat;}

#container {margin:0 auto;   width:800px;   overflow:hidden;}

	#header {margin-top:20px;   padding:25px;   width:750px; /* 800px - 50px */   height:100px; /* 150px - 50px */   overflow:hidden;   background:#ED971C;}

		#logo {float:left;   width:344px;   height:100px;}
			#logo h1 {position:absolute;   top:-1000px;   left:-1000px;}

		#links {float:right;   font-size:14px;   font-weight:bold;}
			#links a {color:#000;}   #links a:hover {color:#FFF;}
			#links a.active {color:#FFF;}   #links a.active:hover {color:#000;}
			
		#uses {float:right;   width:390px;   margin-top:30px;   text-align:left;}
			#uses div {float:left;   width:300px;}
			#uses h4 {font-size:12px;   font-weight:bold;}
			#uses img {display:block;   float:right;}

/*********** #CONTENT **********/

	#content {margin-top:5px;   padding:25px;   width:750px; /* 800px - 50px */   text-align:left;   overflow:hidden;   background:#CCC url(../img/content.png) top left no-repeat;}

		#content .h {padding:5px;   color:#FFF;}   
			#content .qm {background:#17457D url(../img/qm.gif) top right no-repeat;}
			#content .how {background:#17457D url(../img/123.gif) top right no-repeat;}
			#content .photo {background:#17457D url(../img/photo.gif) top right no-repeat;}
			#content .buy {background:#17457D url(../img/buy.gif) top right no-repeat;}
			#content .faq {background:#17457D url(../img/faq.gif) top right no-repeat;}
			#content .answers {background:#17457D url(../img/answers.gif) top right no-repeat;}
			#content .uses {background:#17457D url(../img/uses.gif) top right no-repeat;}

		#content .section {margin-bottom:15px;   padding:5px;   border-left:1px dashed #17457D;   border-right:1px dashed #17457D;   border-bottom:1px dashed #17457D;}

		#content h2 {margin-bottom:5px;   font-size:18px;   font-weight:bold;}
		#content h3 {font-size:14px;   font-weight:normal;}
		
		#content .num {font-weight:bold;   color:#990000;}

		#content ol {margin-left:30px;   padding-left:0;}
			#content ol h3 {margin-bottom:0;}
			#content li {margin:3px 0;}
			#content ol.answer li {margin:50px 0;   padding-bottom:10px;}

		#content blockquote {margin-top:25px;   padding:5px;   color:#FFF;   background:#333 url(../img/quote.gif) 2px 20px no-repeat;}
			#content blockquote p {margin-bottom:0;   margin-left:30px;}
			#content blockquote .cite {display:block;   margin-left:0;   margin-bottom:5px;   font-weight:bold;}

		#content img, #content a img {border:2px solid #ED971C;}   #content img.no {border:none;}
		#content a {color:#17457D;}   #content a:hover {text-decoration:underline;}

/*********** /#CONTENT *********/

		#full {width:750px;   font-size:13px;   line-height:19px;}
			#full p {margin:13px 0;}
			#full h4 {margin:5px 0;   font-weight:bold;}
			#full td {padding-bottom:50px;}
			#full p.price {color:#CC0000;}
			#full a img {width:170px;   height:170px;   margin:5px;}
			#full a:hover img {width:180px;   height:180px;   margin:0;   border-color:#000;}

		#left {float:left;   width:400px;}   #big {float:left;   width:500px;}
			#left p {margin:13px 0;}
			#left a img {width:80px;   height:80px;   margin:5px;}
			#left a:hover img {width:90px;   height:90px;   margin:0;   border-color:#000;}

		#right {float:left;   margin-left:25px;   width:325px; /* 750px - 400px - 25px */}   #small {float:left;   margin-left:25px;   width:225px;}

	#footer {margin-top:5px;   padding:25px;   width:750px; /* 800px - 50px */   text-align:left;   overflow:hidden;   background:#000;}
		#footer address {float:left;   display:block;   font-size:14px;   font-weight:bold;   color:#FFF;}
		#footer p {float:right;   color:#FFF;}
		#footer a {color:#FFF;}   #footer a:hover {text-decoration:underline;}

#strukture {margin:5px auto;   width:300px;}
	#strukture a {color:#17457D;   text-decoration:underline;}   #strukture a:hover {color:#000;   text-decoration:underline;}