@charset "UTF-8";

/*
	CABIN LIVING
	
	COPYRIGHT (C) 2008


	STYLES AND FORMATTING DOCUMENT
*/


/* ###########################################
	COMMON FORMATTING
########################################### */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	
 padding:0px;
	margin:0px;}



/* ###########################################
	COPY
########################################### */

h1 {
	font-size:16px;
	color:#3a3838;
}

h2 {
	font-size:14px;
	color:#3a3838;
	font-weight:bold;
}

h3 {
	font-size:12px;
	color:#000033;
	font-weight:bold;
	font-style: normal;
}

em {
	font-style:normal;
	color:#3a3838;
}


a:link {
	text-decoration:none;
	color:#231f20;

}

a:visited {
	text-decoration:none;
	color:#231f20;
}

a:active {
	text-decoration:none;
	color:#231f20;
}

a:hover {
	text-decoration:none;
	color:#8cc63f;
}


.bulletFix {
	margin-bottom:2px;
}

/* ###########################################
	FORMS
########################################### */

.btn {
	height:30px;
	border:1px solid #5c5a5a;
	background:url(../images/btntile.gif) repeat-x bottom #231f20;
	color: #8cc63f;
	font-weight:bold;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border:2px solid #4f4c4d;
	padding:2px;
	margin-top:10px;
}

input.field {
	border:2px solid #4f4c4d;
	padding:2px;
}

input.fieldD {
	border:2px solid #4f4c4d;
	padding:2px;
	color:#999999;
}

/* ###########################################
	STRIIP FORMATTED PAGES
########################################### */

.steps {
	width:800px; clear:both;
}

.steps-img {
	float:right; margin:0 0 10px 0;
}

.steps-cnt {
	width:400px;
}

/* ###########################################
	BLOCKS
########################################### */

body {
	background:url(base_tile.jpg) repeat-x #fff;
}

#masthead {
	margin: 10px 0 40px 0;
}

#menu {
	margin: -20px 10px 10px 10px;
	width:200px;
	
}

#axa {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	bottom: 1px;
	color: #000000;
	left: 1px;
	overflow: auto;
}

a.menu {
	display:block;
	background:url(bullet1.jpg) no-repeat left;
	padding-left:20px;
	margin:0 0 10px 0;
	text-decoration:none;
	color:#231f20;
	border:hidden;
}

a.menu:link {
	text-decoration:none;
	color:#231f20;
}

a.menu:visited {
	text-decoration:none;
	color:#231f20;
}

a.menu:active {
	text-decoration:none;
	color:#231f20;
}

a.menu:hover {
	background:url(bullet1b.jpg) no-repeat left;
	text-decoration:none;
	color:#8cc63f;
}


a.clean {
	display:block;
	background:none;
	margin:0 0 10px 0;
	text-decoration:none;
	color:#231f20;
	border:hidden;
}

a.clean:link {
	text-decoration:none;
	color:#231f20;
}

a.clean:visited {
	text-decoration:none;
	color:#231f20;
}

a.clean:active {
	text-decoration:none;
	color:#231f20;
}


a.directory {
	display:block;
	background:url(bullet1.jpg) no-repeat left;
	padding-left:20px;
	margin:0 0 10px 0;
	text-decoration:none;
	color:#231f20;
	border:hidden;
}

a.directory:link {
	text-decoration:none;
	color:#231f20;
}

a.directory:visited {
	text-decoration:none;
	color:#231f20;
}

a.directory:active {
	text-decoration:none;
	color:#231f20;
}

a.directory:hover {
	background:url(.bullet1b.jpg) no-repeat left;
	text-decoration:none;
	color:#999900;
}


#textpanel {
	width:380px;
	margin-left:30px;
	
}


#footer {
	
}

#content {
	margin-top:0;
	margin-left:20px;
	width:940px;
	padding:10px;
}

#column {
	position:absolute;
	width:400px;
	left: 469px;
	top: -8px;
	background:#cfe2ea;
	height:100%;
}

#column-wide {
	position:absolute;
	width:450px;
	left: 469px;
	top: -9px;
	background:#cfe2ea;
	
	padding:10px;
}

#column-expanded {
	position:absolute;
	width:400px;
	left: 520px;
	top: 0;
	background:#cfe2ea;
}

/* ###########################################
	PRODUCTS
########################################### */

.block {
	width:380px;
	margin:10px 0 0 10px;
}

.productBlock {
	margin-top:70px;
	width:380px;
	margin-left:10px;
}

.productBlockTitle {
	background:#231f20;
	color:#CCCCCC;
	padding:2px 0 2px 10px;
}

.productBlockImg {
	margin:0 0 20px 0;
	border-bottom:2px solid #231f20;
}

.cabinTitle {
	background:#231f20;
	color:#CCCCCC;
	padding:2px 2px 2px 10px;
	margin-right:4px;
}

.cabin {
	width:154px;
	position:relative;
	margin:10px;
	background:#231f20;
}


/* ###########################################
	PANELS
########################################### */


.uses {
	margin:100px 0 0 0;
	padding:0;
}

.uses-img {
	margin:10px;
}

.titleImg {
	margin:4px;
}

.animPanel {
	position:absolute;
	margin-left:10px;
	width:380px;
	height:250px;
	border-top: 10px solid #8cc63f;
	background:#231f20;
	top: 70px;
}

.pricePanel {
	margin:10px 0 10px 10px;
	padding:0 0 10px 0;
	width:380px;
	background:#231f20;
	top: 70px;
	color:#cccccc;
}

.pricePanelTitle {
	background:#8cc63f;
	padding:2px 2px 2px 10px;
	color:#231f20;
}

.pricePanelInner {
	margin:10px;
}

.contactPanel {
	position:absolute;
	width:400px;
	border-top: 10px solid #8cc63f;
	background:#231f20;
	top: 70px;
	color:#999999;
}

.contactPanelInner {
	margin:10px;
}

.newsPanel {
	position:absolute;
	width:380px;
	border-top: 10px solid #8cc63f;
	top: 450px;
	margin-left:10px;
	background:#231f20;
}

.usesPanel {
	position:absolute;
	width:380px;
	border-top: 10px solid #8cc63f;
	top: 340px;
	margin-left:10px;
	background:#231f20;
}

.newsInt {
	margin:10px;
	color:#e7f5fb;
}

.newsItem {
 	cursor:pointer;
}

.newsTitle {
	padding:0 0 0 10px;
}

.newsDate {
	color:#231f20;
	background:#8cc63f;
	padding:2px;
	font-size:10px;
}

.newsContent {
	margin:10px;
}
.botTable {
	position: relative;
	bottom: -100px;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: lighter;
	margin-left: 70px;
	
}
.search_form {
	position: absolute;
	top: 107px;
	right: 16px;
}
