/*
Theme Name: Desert Solar Designs
Description: Developed by Citrus based on the Starkers template customized by Josh White from <a href="http://www.citrusbunny.com>Citrus Bunny Studios</a>)
Version: 2 (WP2.8)
Author: Josh White
Author URI: http://www.citrusbunny.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Start Main Page Elements */

	body {
		background-image: url('images/body_bg.jpg');
		background-repeat: repeat-x;
		background-color:#f6eabe;
		/* text-align: center; */
		margin:0px;
		padding:0px;		
	}
	
	#top {
		background-color: #692313;
		height: 20px;
	}	

	#container {
		width: 960px;		
		margin: auto;
	}
	
	#topmenu {
		background-image: url('images/menu_bg.jpg');
		background-repeat: no-repeat;	
		width: 960px;
		height: 37px;
		text-align:center;
	}

	#contentarea {
		background-image: url('images/content_bg.png');
		background-repeat: repeat-y;
		margin: auto;
		width: 960px;
				
	}
	
	#indexcontent {
		width: 650px;
		margin-left:30px;
	}
	
	#content {
		width: 900px;
		margin-left:50px;
		margin-right:50px;
	}
	
	#sub-content {
		width:900px;
		height:175px;
		margin-left:50px;
		margin-right:50px;
	}
	
	.sub-content-item { float:left;width:300px;height:160px; }
	
	#rightcolumn {
		z-index: 1;
		float: right;
		width: 200px;
		height: 1px;
		margin-right: 25px;
		margin-left: 15px;
                padding:20px 10px 0 0;
	}


	#header {
		background-image: url('images/header.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 194px;
		margin:0px;
		padding:0px;
	}

	#footer {
		background-image: url('images/footer_bg.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 62px;
		margin-right: auto;
		margin-left: auto;
		clear: both;
	}
	
	#subfooter {
		margin: auto;
		width:960px;
		text-align:center;
		height: 75px;
                font-family: arial;
                color: #5a5aa2;
                font-size:12px;
                font-weight:bold;
	}
	
	#subfooter a {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #7b755e;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	#subfooter a:hover {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #5a5aa2;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
	}

#upper-home-nav { width:805px; margin:15px auto; height:200px; }

.home-nav-box { width:264px;float:left;height:200px; border:1px solid #fff; }

#upper-home-nav a.home-box-nav { width:264px; height:23px; display:block; background:#808060; text-align:center; color:#fff; line-height:2; border-bottom:1px solid #fff; font-weight:bold; }

#upper-home-nav a.home-box-nav:hover { background:#464636; text-decoration:none; }

/* End Main Page Elements */
/* Start Menu */

#menu {
	background-color:#cccccc;
	width:960px;
}

ul.nav, .nav ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}
ul.nav a {
	color:#000000;
	text-decoration:none;
}
ul.nav a:hover {
	text-decoration:underline;
	color:#cccccc;
}

/* End Menu */

/* New Menu */

	#main-nav {
		margin:11px 10px 0 0;
		width: 900px;
		display:block;
		float:right;
		z-index:9999;
	}
	
	#main-nav .menu-header,
	div.menu {
		font-size: 13px;
		margin-left: 12px;
		z-index:9999;
	}
	
	#main-nav .menu-header ul,
	div.menu ul {
		list-style: none;
		margin: 0;
		z-index:9999;
	
	}
	
	#main-nav .menu-header li,
	div.menu li {
		float:left;
		list-style:none;
		position: relative;
		z-index:9999;
		background-image:none;
	}
	
	/* main menu links */
	#main-nav a {
		font-family:helvetica;
		font-weight:normal;
		font-size:16px;
		margin:0 5px 0 5px;
		display:block;
		height:42px;
		text-decoration:none;
        font-weight:bold;
		color:#ffbc1d;
		padding:0 16px 0 16px;
		line-height:1;
	}
	
	#main-nav a:hover {
		color:#fff;
		text-decoration:none;
	}
	
	#main-nav ul ul {
		display:none;
		position:absolute;
		top:38px;
		left:0;
		float:left;
		width: 180px;
		z-index: 99999;
	}
	
	#main-nav ul ul li {
		min-width: 180px;	
	}
	
	#main-nav ul ul ul {
		left:100%;
		top:0;
	}
	
	/* sub menu links */
	#main-nav ul ul a {
		background:#181818;
		height:25px;
		line-height:1.5;
		padding:5px;
		width: 160px;
		margin:-18px 0 0 18px;
		border:1px solid #000;
		color:#fff;
		font-size:14px;
		text-shadow:none;
	}
	
	/* Top level Hover */
	#main-nav li:hover > a, {
		color:#fff09c;
		text-decoration:none;
	}
	
	/* Sub menu hover */
	#main-nav ul ul :hover > a {
		color:#ffbc1d;
		text-shadow:none;
	}
	
	#main-nav ul li:hover > ul {
		display:block;
	}



/* Text Styles */

	p {
		font-family: helvetica;
		font-size: 14px;
		line-height: 24px;
		color: #000000;
		margin-top: 10px;
		margin-left: 20px;
		padding-bottom: 15px;
                margin-right:20px;
	}

	h1 {
		font-family: "Arial Round", Arial Black, Arial;
		font-size: 26px;
		font-weight: bold;
		background: url('images/h1-bg.gif') left center no-repeat;
		color: #881600;
		text-align: left;
		padding: 10px 5px 5px 250px;
		margin:0px 0px 10px 0px;
	}
	
	h2 {
		font-family: "Arial Round", Arial Black, Arial;
		font-size: 22px;
		font-weight: bold;
		color: #D07916;
		margin:0px 0px 5px 0px;
		padding-top:15px 10px;		
	}
	
	h3 {
		font-family: Garamond, Georgia;
		font-size: 24px;
		font-weight: bold;
		color: #682313;
		text-decoration: none;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
	ul {		
		text-decoration: none;
		margin-top: 0px;
		margin-left: 40px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	li {
		font-family: helvetica;
		color: #2b5980;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
                list-style: square;
		background-position: center left;
		padding-bottom: 5px;
		padding-top: 5px;
	}

/* These are the Main Menu Links */	

	A:Link {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #115e8f;
		text-decoration: none;
	}
	A:Visited {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #3e94cb;
		text-decoration: none;
	}
	A:Active {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #3e94cb;
		text-decoration: none;
	}
	A:Hover {
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #3e94cb;
		background-color: none;
		text-decoration: underline;
	}


/* Contact Form */

	#formbg {
		width:500px;
                background-color:#faf5e5;
                border: 1px solid #d9cc9d;
                margin-left:20px;            
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
        p.formtext {
		font-family: Georgia;
		font-size: 20px;
                margin-left:10px;
		font-weight: normal;
		color: #920000;
	}
        .forminput {
                background-color:#fff;
                width:100px;
                color:#692313;
                text-align:center;
                border: 1px solid #000;
        }

/*** set the width and height to match your images **/

#image {
    width:650px;
    height:150px;
    padding: 15px 0;
}

#slideshow {
    position:relative;
    height:150px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}