/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	PixelGreen
   TEMPLATE CODE: 	S-0010
   VERSION:          1.2   
	LAST MODIFIED:    June-05-2007       	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
/* reset default css stuff across browsers  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.1;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: #FFF url(images/bg.jpg) repeat-x;
	text-align: center;		
}


/* links */
a { background: inherit; color: #72A545; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #65944A; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}  

/***********************
	  LAYOUT
************************/
#header-content, #content, #footer-content
{
    width: 90%;
}
#header
{
    height: 100px;
    text-align: left;
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}
#header-content h1#logo {
	position: absolute;	
	font: bold 45px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px; 
	color: #FFF;
	margin: 0; padding: 0;		
	/* change the values of left and top to adjust the position of the logo */
	top: 0; left: 0px;
}
#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}
#header-content #slogan {
	position: absolute;	
	font: bold 20px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	top: 55px; left: 40px;
}
/* header menu */
#header-content ul {
	position: absolute;
	right: -5px; top: 15px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #FFF;
	list-style: none;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	border-right: 1px solid #272727;
}
#header-content li a:hover {
	background: #65944A;
	color: #FFF;
}
#header-content li a#current
{
	background: #65944A;
	color: #FFF;
}
.headerphoto
{
    margin: 0 auto;
    width: 800px;
    height: 125px;
    padding: 10px 10px 10px 10px;
    background: #FFF url(images/headerphoto.jpg) no-repeat center;
    vertical-align: baseline;
    text-align: right;
}
#content-wrap
{
    float: left;
    width: 100%;
}
#content
{
    width: 800px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
}

#main
{
    width: 800px;
}
#main h1
{
    margin: 0px;
    border-bottom: 1px solid #f2f2f2;
    font: normal 1.5em 'Trebuchet MS' , Tahoma, Sans-serif;
}
#main ul li
{
	list-style-type: none;
}
#sidebar
{
	float: left;
}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

.clear { clear: both; }
.gray  { color: #BFBFBF; }