/* Red Gecko Design Home Page style july 2008*/


/* body*/

body {
	background: #333 url('images/colorado-web-design-bgd.jpg');
	font: normal 63.5% "Lucida Sans Unicode",sans-serif;
	margin: 0% 0;
}


/* misc */

p,ul {
	padding-bottom: 1em;
}


ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url('images/li.gif');}

h1 {font-size: 1.2em;
   color: #DFBD80;
   font-weight: bolder;
	}

h2 {font-size: 1.0em;
    color: #762025;}

h3 {color: #762025;}  


h4 {
	font-size:  .9em;
	color: #2A4B81;
	font-weight : bold;
}  


/* main-body*/

.banner {
	margin-top:0px ;	
	height: 265px;
	width: 100%;
	background : url('images/top_redgecko-banner.jpg') no-repeat center top;

}

.container {
	font-size: 1.2em;
	background: url('images/redgecko-backmain.gif') repeat-y;
	margin: 0 auto;
	width: 840px;
	height: 840px;
	border: 12.2px solid #1B1B1B;

}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #1C1C1C;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 3px 10px;
}
blockquote p {padding: 3px 0;}


.main_right .padded {padding: 5px 2px 5px 16px;}
.main_right .padded a {
	color: #ffffff;
	text-decoration: none;
	font-weight : bold;
}
.main_right .padded a:hover {
	background: #E7C78F;
	color: #000;
}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

.main {
	float: left;
	width: 480px;
}
.main_right {
	float: right;
	width: 200px;
	color: #CCC;
}



/* menus */

.nav {
	float: left;
	width: 160px;
}

.nav h1 {
	background: #1C1C1C;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 20px;
	padding-left: 8px;
}
.nav ul {margin: 0; padding: 0;}
.nav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.nav li a {
	background-image : url('images/nav-2.gif');
	color: #1C1C1C;
	display: block;
	padding: 4px 0 4px 12px;
	width: 148px;
	text-decoration: none;
	
}
.nav li a:hover {
	background: #ffffff;
	color: #000;
}

/* footer */
.footer {
	height: 230px;
	width: 100%;
	background: url('images/redgecko-footer.jpg') no-repeat center;

}

.clearfooter {
	height: 23px;
	clear: both;
}

.footer .text {padding: 0 10px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

/* links */
				 
a {
	color: #762124;
	font-weight: bold;
	
}

a:hover {color: #000000;
background: #ADDEF8;
}