/*	

	Table Of Contents

 

	1. =GENERAL

	2. =HEADER

		2.1 =LOGO

		2.2 =NAVIGATION

	3. =CONTENT

		3.1 =MAIN CONTENT

		3.2 =SIDEBAR

			3.2.1 =SIDEBAR NAVIGATION

			3.2.2 =CONTACT INFO 

	4. =FOOTER

	5. =MISC

		5.1 =ROUNDED CORNERS

		5.2 =CONTACT FORM	

 

 

-----------------------------------------------------------------------------------*/

 

/* =GENERAL

------------------ */

 

body {

text-align: center;

		padding:0; 

		margin: 0 auto;

		background:#6e6e6e url(); 

	    color:#666666;

	    font:normal 13px Optima, Helvetica, sans-serif; position:relative;  

	}

 

 

a { color:#008000

; font-weight: bold;}

	a:hover { color: red}

 

A:link {text-decoration: none; font-weight: bold; color: red}

A:visited {text-decoration: none; color: red}

A:active {text-decoration: none color: red}

A:hover {text-weight:bold; color: red}

 

 

img{ border:5; }

 

table{ width:100%; margin-bottom:15px; line-height:24px; }

th{ border-top:3px solid #f4f4f4; padding:7px 10px; color:#fff;  background-color:#f4f4f4; text-align:left; }

td{ border-bottom:1px solid #f4f4f4; padding:10px; }

 

code{ display:block; margin-bottom:15px; padding:10px; border-left:5px solid #ddd; }

 

blockquote{ display:block; margin:15px; padding-left:50px; background:#fff url() no-repeat top left; }

blockquote p{ font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; margin:0; height:1%; }

 

/* align images + text */	

 

.img-left{ float:left; margin:10px 15px 15px 5px; }		/* Add this to any image you want to left align  */

.img-right{ float:right; margin:10px 5px 15px 15px; }	/* Add this to any image you want to right align */

 

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

.text-center{ text-align:center; }

 

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */

 

.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

	.fixed{display:block;}

	/*  \*/

	.fixed{min-height:1%;}

	* html .fixed{height:1%;}

 

 

/* =HEADER

------------------ */

 

#header { margin:0 auto; width:730px; }

 

	/* =LOGO

	------------------*/

 

	.logo { padding:0px 0 0px 0px; margin:0;  color:#FFFFFF; }

		.logo a{ outline:none; }

 

	/* =NAVIGATION

	------------------*/

 

	.nav { padding:0px 0px 0 0px; background: #000 url(images/bg-nav.jpg) repeat-x top left;  -moz-border-radius: 5px 5px 0 0; }

	.nav ul { padding:0; margin:0; list-style:none; border:0;}

	.nav ul li { float:left; margin:0; padding:0 2px 0 0; border:0;}

	.nav ul li a { float:left; margin:0; padding: 5px 0px 0px 0px; color:#fff; 

				   font-size: 14px; font-weight:bold; text-transform:uppercase; text-decoration:none; outline:none; }

	.nav ul li a:hover{ text-decoration:none; }

	.nav ul li a.active {  background:url(stageup.jpg) no-repeat bottom left; color:#e5e5e5; }

 

/* =CONTENT 

-------------------*/

 

#content { width:600px; margin:0 auto; background-color:#FFF; padding:35px;}

 

 

	#content h2 { margin:0; padding:10px 5px; font-size: 30px; color:#252525; }

	#content h3 { margin:0; padding:15px 5px; font-size:12px; color:#252525; }

	#content h4 { margin:0; padding:15px 5px; font-size:17px; color:#000000 }

	#content ul { margin:0 40px 0 0; padding:0 10px 15px 20px; list-style:inside; } 

	#content li { margin:0; padding:0;} 

	#content ul li ul{ padding-bottom: 0px; }

	#content p, #content li { line-height:24px; }

	#content p { padding:2px; margin:0;}

 

 

	/* =MAIN CONTENT

	------------------*/

 

	#maincontent { float:left; width:600px; padding:0 0 30px 0; margin:0; text-align:justify; }

 

 

/* =FOOTER 

-------------------*/

 

#footer { background: url(); padding:0; height:58px; margin:0 auto; padding:10px 40px; width:700px; }

 

	#footer p { font-size: 8px; color:#fff; }

	#footer a { color:#fff; text-decoration:none;}

	.copyright{ float:left;}

	.credits{ float:right;}

 

/* =MISC

-------------------*/

 

 

 

	/* =CONTACT FORM

	-------------------*/

 

	form { margin:0; padding:5px 10px;}

 

	form ol { margin:0; padding:0; list-style:none;}

	form li { margin:0; padding:0; background:none; border:none; display:block;}

	form li.buttons { margin:5px 0 5px 110px;}

	form label { margin:2px 10px 2px 0; width:170px; display:block; padding:3px 0;

				 text-transform:capitalize; float:left; text-align:right;}

	form label span { color:#2c2c2c;}

	form input.text { width:250px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; height:16px; background:#FFF; float:left;}

	form textarea { width:250px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; background:#FFF; float:left;}