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




/* =HEADER
------------------ */

#header { margin:0 auto; width:900px; }
body { 
		padding:0; margin:0;
		
	    font:normal 14px Arial, Helvetica, sans-serif; position:relative;  
	}

a { color:#0091D5; }
	a:hover { }

img{ border:none; }
	

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


/* 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%;}

	/* =NAVIGATION
	------------------*/
		
	.nav { padding:15px 15px 0 15px; 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 10px 20px 10px; color:#fff; 
				   font-size: 14px; font-weight:bold; text-transform:uppercase; text-decoration:none; outline:none; }
	.nav ul li a:hover{ text-decoration:underline; }
	.nav ul li a.active {  background:url(images/bg-nav-active.jpg) no-repeat bottom center; color:#97DDFE; }