/* ------ Main Responza Stylesheet --------
---------- Author: Kimberly Zanini -----------
---------- Copyright 2009 ---------------------*/


/* Table of Contents:
    1. Baseline (Default) Styles
    2. Navigation
    3. Column Structure
    4. Main Section
    5. Extras
    6. Header and Footer
*/


/* 1. Baseline (Default) Styles 
------------------------------ */

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
color:#444;
font-family:Verdana, Arial, Sans Serif;
font-size:12px;
position:absolute;
left:50%;
margin-left:-480px;
width:960px;
}

img {
	border:none;
	margin: 0px;
	}
	
#wrapper {
height:100%;
}

body > #wrapper {
height:auto;
min-height:100%;
}

	#main h1{
	font-size:24px;
	margin-top:20px;
	}
h1 {
font-size:18px;
}

h2 {
font-size:16px;
}

h3 {
font-size:14px;
}

a {
color:#ff9933;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#777;
}

/* 2. Navigation
----------------------- */
#menu {
background:url('images/nav-button.png') no-repeat;
width:650px;
height:31px;
font:bold 14px/1.4em Verdana,Arial,sans-serif;
position:absolute;
top:95px;
right: 0px;
padding:4px 8px;
z-index:99;
}

	#menu ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0px;
	width:105px;
	}		
	#menu ul .item {
	display:none;
	}
	#menu ul:hover .item {
	z-index:999;
	background:#fff none repeat scroll 0 0;
	display:block;
	margin:0px;
	position:relative;
	top:5px;
	width:175px;
	padding:5px;
	opacity:0.8;
	filter: alpha(opacity=80); /* for IE 5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* for IE 8 */
	}
	#menu ul:hover .item a {
	color:#444;
	text-decoration:none;
	}
	#menu ul:hover .item a:hover {
	color:#038be3;
	padding:0px;
	}
		#menu ul li 
		{
		display:inline;
		list-style-type:none;
		padding:0px 5px;
		margin:0px;
		}

.clear {
clear:both;
height:10px;
}


/* 3. Column Structure 
---------------------*/

#left {
width: 220px;
font: 11px/16px verdana, arial, sans-serif;
float: left;
margin-left: 20px;
}

		#left ul li {
		border-bottom:dashed #CCC thin;
		padding:10px 0px;
		list-style:none;
		}

/* 4. Main Section
-------------------- */

#main {
width: auto;
max-width: 800px;
margin: 10px 0px;
padding:0px;
}

	#main p {
	line-height:1.8em;
	margin: 0;
	padding-right:55px;
	}


		#main ul li{
		font-size: 14px;
		line-height:1.6em;
		padding:0px 8px;
		}


/* 5. Extras 
------------- */

#buttons{
margin:25px auto;
width: 100%;
float: left;
}

#buttons img{
	padding:25px 10px;
	margin-left: 50px;
}


/* 6. Header and Footer
------------------------------------------------------------ */

#header {
background:url('images/banner.jpg') bottom right no-repeat;
border-bottom:thin #CCC solid;
height:110px;
margin-bottom:20px;
}

	#header img {
	position: relative;
	top:10px;
	border: none;
	}

#footer {
border-top: #ff9940 solid 6px;
clear:both;
font-size:10px;
color: #777;
height:50px;
margin-top:50px;
position:relative;
text-align:right;
}

	#footer img {
	position:relative;
	}