/***
**** REMINDERS
****
**** Padding: top right bottom left
**** Margin: top right bottom left
****
****
****
**** Try colors:  #E7E9D1(lightbeige) #D3D4A(lightolive)  #FCFAE6(tan) #444444(grey) #901808(red)
***/


/**
 * basics
 */
a{
 	color: #000;
}
body{
	margin-left: 0;
	background-color: #FFF;		
	font-family: Verdana, Helvetica, Arial;
	font-size: 90%;
	color: #000;
}
p, .paragraph ul, .paragraph ol, #projects ul, #news ul, .entries ul{
 	margin-right: 10px;
	font-size: 90%;
	line-height: 1.2em;
}
h1{
	font-size: 150%;
	color: #000;
	font-weight: normal;
}
h2{
	font-family: "Times New Roman", Verdana, Helvetica;
	font-size: 190%;
}



/**
 * Layout
 */
#page{
	padding: 0;
	margin: 0 auto;
	width: 942px;
}
#content, #header{
	padding: 20px 0 0 0;
	margin: 0;
}
#additional_info_container{
	margin-top: 50px;
	width: 100%;
	height: 250px;
	background-color: #FCFAE6;
	border-style: solid none none none;
	border-width: 6px;
	border-color: #E7E9D1;
}
#details{
	width: 600px;
	height: 250px;
	padding: 10px 0 0 25px;
}
#loader{
	margin-top: -170px;
	margin-left: 300px;
	width: 40px;
	height: 40px;
}

.ajax-loading{
	background-image:	url("img/ajax-loader.gif");
	background-repeat: no-repeat;
}

#header{
	margin-top: -10px;
	padding: 5px 0 0 0;
	height: 104px;
	width: 100%;
}
#options_list{
	margin-top: -12px;
	width: 150px;
	height: 350px;
	background-color: #F3F3F3;
	border-style: none solid none none;
	border-width: 1px;
	border-color: #C7C7C7;
}
#wrapper{
	margin-left: 200px; margin-top: 20px;
	width: 600px;
	height: 250px;
	background-image: url("img/bg_details.jpg");
	background-repeat: no-repeat;
}
#products_list{
	padding: 0;
	margin-top: 45px;
	width: 200px;
	height: 120px;
	list-style: none;
}
#products_list li{
	padding: 12px 0 10px 0;
}
#products_list a{
	padding: 0 0 0 15px;
	font-size: 120%;
	text-decoration: none;
	color: #C60909;
}
#products_list  a:hover{
	text-decoration: underline;
}
#news, #projects{
	width: 350px;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #C8C8C8;
}
#projects{
	margin-left: 20px;
	padding: 0 0 15px 0;
}
#news{
	margin-right: 20px;
}
#footer{
	height: 150px;
	padding: 10px;
	color: #444444;
	font-size: 90%;
	background-color: #E7E9D1;
	background-image: url("img/bg_footer.gif");
	background-repeat: repeat-x;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #444444;
}
#footer a{
	color: #444444;
}
#footer img{
	border: none;
}
/**
 * Navigation
 */
#navigation{
	width: 100%;
	height: 25px;
	margin: -25px 0 0 0;
	padding: 10px 0 0 0;
	background-image: url("img/bg_navi.gif");
	background-repeat: repeat-x;
	background-color: #444444;
	font-size: 80%;
}
#navigation ul{
	display: inline;
	padding: 0;
	margin: 0 0 0 450px;
}
#navigation ul li{
	display: inline;
	padding: 0 10px 0 10px;
}
#navigation span{
	visibility: hidden;
}
#navigation a{
	text-decoration: none;
	color: #FFF;
}

body#home a#homenav,
body#about a#aboutnav,
body#prod a#prodnav,
body#kbase a#kbasenav,
body#gallery a#gallerynav,
body#contact a#connav,
#navigation a:hover{
	background-image: url("img/bg_navbuttons.gif");
	background-repeat: no-repeat;
	background-position: center -1px;
	padding: 10px 0 0 0;
}

#projects h1, #news h1{
	width: 100%;
	color: #901808;
}

#middle{
	height: 250px;
	background-color: #4D4D4D;
	background-image: url("images/houses.jpg");
	background-repeat: no-repeat;
	background-position: right;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #FFF;
}
#detail p{
	margin: -10px 10px 0 0;
}

#options_list ul{
	padding: 0;
	margin: 20px 0 0 20px;
	list-style: none;
}

/**
 * Classes
 */
.caption{
	font-size: 70%;
}
.center{
	margin: 0 auto;
	text-align: center;
}
.highlight{
	background-color: #F1E900;
}
.error_highlight, .success_highlight{
	padding: 10px 20px 5px 20px;
	font-family: Helvetica, Verdana, Arial;
	background-color: #B40000;
	border-style: solid;
	border-width: 2px;
	border-color: #6B0101;
	color: #FFF;
	font-weight: normal;
	font-size: 150%;
}
.success_highlight{
	background-color: #74A332;
	border-color: #355A00;
}
.left_column{
	float: left;
}
.path, .path a{
	color: #999999;
}
.path{
	font-size: 80%;
	font-family: Helvetica, Verdana, Arial;
}
.paragraph{
	margin: 0 0 0 20px;
	padding: 0 20px 40px 0;
	width: 510px;
}
.dotted_right_line{
	background-image: url("img/bg_dotborder.gif");
	background-repeat: repeat-y;
	background-position: right;
}
.arrow_up{
	padding-left: 18px;
	background-image: url("/library/images/icons/bullet_go_up.png");
	background-repeat: no-repeat;
	background-position: -2px 0;
}
.arrow_right, .arrow_left{
	background-image: url("/library/images/icons/bullet_go_right.png");
	background-repeat: no-repeat;
	padding: 5px 18px;
	background-position: 0 6px;
}
.amazon_ads{
	width: 100%;
}
.an_amazon_ad{
	width: 124px;
	margin-right: 350px;
}
.arrow_left{
	background-image: url("/library/images/icons/bullet_go_left.png");
}
.map_icon{
	padding: 2px 0 5px 18px;
	background-image: url("/library/images/icons/map.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.right_column{
	float: right;
}
.underline{
	text-decoration: underline;
}
.frame_it{
	border-style: solid;
	border-color: #FFF;
	border-width: 5px;
}