/*

	Name:			Northwest Drilling
	Description:	CSS for Northwest Drilling
	Author:			Paul Barrett
	Creation Date:	3-Apr-2009
	
	Modifications:
	05-Apr-2009 - Added more styles.
	
*/

/*
	Colour pallette:
	
	Ver 1
	#A58E3B - Base colour
	#382F24
	#454633
	#E7F2AE
	#B5C459
	
	Ver 2
	#c0af90 - light brown 	(menu & footer background)
	#493e2a - dark brown 	(site background)
	#fefefe - almost white 	(body background)
	#203353 - dark blue 	(text)
	
	Ver 3
	#382e28 - very dark brown
		#524641 - dark brown (logo)
		#715f58 - lighter brown #72594f
	
	#466704 - darkest green
		#5f7239 - dark green
		#6b8238 - dark green (header text) #4e6128
	#68980c - medium green #a2be3d
		#c9e242 - light green
	
		#ecede8 - light gray (background)

*/


body{
	background-color:#e5e7e4;
	color: #382e28;
	background-image:url(../images/northwest_drilling_top_rptr.jpg);
	background-repeat: repeat-x;
}


/**************************************************
	Links
***************************************************/
a, a:visited{
	color:#68980c;
	text-decoration:none;
	font-weight: bold;
}

a:hover{
	color:#72594f;
	text-decoration:underline;
}


/**************************************************
	Bullet points
***************************************************/
ul, ol {
	color: #68980c;	
}

ul span, ol span, li span {
	color: #382e28;
} 

/**************************************************
	Containers
***************************************************/
#container_top {
	width:960px;
	background-image:url(../images/northwest_drilling_ct_top.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#container_menu {
	width:960px;
	background-image:url(../images/northwest_drilling_ct_menu.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#container_body {
	width:960px;
	background-image:url(../images/northwest_drilling_body_rpr.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#container_footer {
	width:960px;
	background-image:url(../images/northwest_drilling_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
}


/**************************************************
	Border spacing
***************************************************/
#headroom{height:50px;}


/**************************************************
	Header
***************************************************/
#headroom p{
	text-align:right;
	padding-top: 10px;
	/*font-weight: bold;*/
	font-variant: small-caps;
	letter-spacing: 5px;
}

#header{
	background-image:url(../images/northwest_drilling_header.jpg);
	background-repeat: no-repeat;
	height:200px;
	text-indent:-9999px; 
}


/**************************************************
	Main Menu Navigation
***************************************************/		
#main-menu ul{
	margin: 0;
	padding: 0;
	width:100%;
	float: left;
}

#main-menu ul li{
	display: inline;
}

#main-menu ul li a, #menu ul li a:visited{
	float: left;
	text-decoration: none;
	color: white;
	/*padding: 10px 25px;*/
	padding-top: 10px;
	width: 150px;
	height:30px;
	background-color: #493e2a;
	background-image: url(../images/northwest_drilling_btn_off.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 3px;
}

#main-menu ul li a:hover{
	color: #eeeeee;
	background-color:#c0af90;
	background-image: url(../images/northwest_drilling_btn_hov.jpg);
	background-repeat: no-repeat;
}
		
#main-menu #current a{
	color: #382e28;
	background-color:#fefefe;
	background-image: url(../images/northwest_drilling_btn_on.jpg);
	background-repeat: no-repeat;
}


/**************************************************
	Main Body
***************************************************/
#main,#sidebar {
	background-color: #fefefe;
	font-family: "Trebuchet MS", Arial;
}

#main p, #main h2{
	margin-left:20px;
}

#main h2 {
	color:#466704;
	margin-top:20px;
	margin-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e7e4;
	font-variant: small-caps;
	letter-spacing: 5px;
}

#main h2 span{
	color:#72594f;
}

#main p, #sidebar p {
	margin-top:20px;
	margin-bottom:0px;
}

#main ul{
	margin-top:20px;
}

#main li{
	margin-left:200px;
	margin-bottom:10px;
}


/**************************************************
	Sidebar
***************************************************/
#sidebar ul{
	margin-top:0px;
}

#sidebar li{
	margin-right:20px;
	margin-left:15px;
	margin-bottom:10px;
}

#sidebar h3{
	font-size:15px;
	margin-top:70px;
	margin-bottom:10px;
	color:#466704;
}

#sidebar img, #main img {
	border:3px solid #e5e7e4;
	 margin: 0px 10px 10px 10px;  
}

#sidebar img.float-left, #main img.float-left {
	 margin: 20px 20px 10px 0px;  
}



#sidebar img.float-right, #main img.float-right {
	 margin: 0px 0px 10px 20px;  
}

	
/**************************************************
	Footer 
***************************************************/
#footer-left p, #footer-mid p, #footer-right p{
	font-size:10px;
	margin-top:60px;
}

#footer-left p{
	text-align:left;
	margin-left:20px;
}

#footer-mid p{
	text-align:center;
}

#footer-right p{
	text-align:right;
	margin-right:20px;
}


/**************************************************
	Aligning Classes 
***************************************************/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }