/*
Theme Name: Tuhavi
Description: Developed by Citrus Bunny 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;		
	}
        
        img {
                margin:0;
                padding:0;
                border:none;
        }
	
	#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: 644px;
		margin-left: 40px;
                border-right:2px dotted #ccc; 
	}
	
	#content {
		width: 900px;
		margin-left:50px;
		margin-right:50px;
	}
	
	#rightcolumn {
		z-index: 1;
		float: right;
		width: 200px;
		height: 1px;
		margin: 0px 0px 0px 0px;
                padding: 10px 45px 10px 10px;             
	}

	#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;
	}
	
	#subfooter a {
		font-family: arial;
		font-size: 12px;
		font-weight: normal;
		color: #7b755e;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	#subfooter a:hover {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #7b755e;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
	}

	#homebox.remodel {
		background-image: url('images/homebox_remodel.jpg');
		background-repeat: no-repeat;
                margin:5px;
                padding:35px 5px 5px 2px;
                font-family:arial;
                font-size: 12px;
                height: 150px;
                width: 300px;
	}
	#homebox.homeservices{
		background-image: url('images/homebox_homeservices.jpg');
		background-repeat: no-repeat;
                margin:5px;
                padding:35px 5px 5px 2px;
                font-family:arial;
                font-size: 12px;
                height: 150px;
                width: 300px;
	}
	#homebox.newconn {
		background-image: url('images/homebox_newcon.jpg');
		background-repeat: no-repeat;
                margin:5px;
                padding:35px 5px 5px 2px;
                font-family:arial;
                font-size: 12px;
                height: 150px;
                width: 300px;
	}
	#homebox.comm {
		background-image: url('images/homebox_comm.jpg');
		background-repeat: no-repeat;
                margin:5px;
                padding:35px 5px 5px 2px;
                font-family:arial;
                font-size: 12px;
                height: 150px;
                width: 300px;
	}

#clientcontent {
       padding:25px;
       width:750px;
       margin:auto;
}



ul.clientcontent a {
     color:#000;
     font-family:Georgia;
     font-size:24px;
     text-decoration: none;
}

ul.clientcontent a:hover {
     color:#ccc;
     font-family:Georgia;
     font-size:24px;
     border-bottom: 1px dotted #ccc;
}






/* 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 */

/* Text Styles */

	p {
		font-family: helvetica;
		font-size: 12px;
		line-height: 24px;
		color: #000000;
                margin: 10px 25px 0 20px;
		padding-bottom: 15px;
	}

	h1 {
		font-family: "Arial Round", Arial Black, Arial;
		font-size: 24px;
		font-weight: bold;
		/* background-image: url('images/h1.png'); 
		background-repeat: no-repeat; */
		color: #367982;
		text-align: left;
                margin: 0 25px 10px 10px;
		padding: 10px;
	}
	
	h2 {
		font-family: "Century Gothic";
		font-size: 20px;
		font-weight: bold;
		color: #000000;
                margin: 0 25px 10px 10px;
		border-bottom: 1px dotted #cccccc;
		padding-top:10px;		
	}
	
	h3 {
		font-family: Garamond, Georgia;
		font-size: 24px;
		font-weight: bold;
		color: #682313;
		text-decoration: none;
                margin: 0 25px 10px 10px;
	}
	
	ul {		
		text-decoration: none;
		margin-top: 10px;
		margin-left: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	li {
		font-family: arial;
                list-style: circle;
		color: #777;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		background-position: center left;
		padding-bottom: 5px;
		padding-top: 5px;
	}
        
        a {
		font-family: helvetica;
		font-size: 12px;
		color: #5ba5af;
                text-decoration: none;
                border: none;
        }       

        a:hover {
                color: #20525a;
                border-bottom: 1px solid #777;

        }   

/* Contact Form */

        #contactform {
                background-color:#eee;
                border: 1px solid #ccc;
                width:450px;
        }
 
        p.contactform {
                color:#777;
                font-family:georgia;
                font-weight:bold;
                padding: 10px 0 10px 0;
                font-size: 18px;
        }

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

#image {
    width:630px;
    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;
}