charset "UTF-8";

/* -- RESET -- */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset {margin:0; padding:0; border:0;}
input,select {vertical-align: middle;}
img {border: 0px; padding: 0px; margin: 0px; display:block;}

/* -- colors 

light gray -- #c6c6c6
gray/charcoal/text -- #666
blue -- #39aee0

-- */


/* -- BASICS -- */
body {background: #fff url(../media/layout/bg-nav.gif) center 100px repeat-x; color:#666; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 12px; margin:0; padding:0;}
h1{font-size: 17px; color:#39aee0; font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif; margin:20px 0 15px;}
h2{font-size: 14px; color:#39aee0;}
h3{font-size: 18px; text-transform: capitalize; line-height: 1.2em; color:#000;}
h4{font-size: 14px; text-transform: uppercase; line-height: 1.2em; color:#454343;}
h5{font-size: 12px; text-transform: uppercase; line-height: 1.2em; color:#454343;}
p{margin-top: 6px;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}

hr {clear:both; border:0; width:100%; color:#d3d3d3; background-color:#d3d3d3; height:1px; margin:20px 0px;}

a {color:#39aee0; text-decoration:none;}
a:hover {text-decoration:underline;}

/* -- MISC -- */
div.clear {overflow:hidden; height:0px; clear:both;}
img.alignRight {float:right; margin:0 0 15px 15px;}
img.alignLeft {float:left; margin:0 15px 15px 0;}
.error {color: red;}

/* -- LAYOUT -- */ 
#wrapper {width:900px; margin:0 auto 20px; padding:0;}

#nav {position:relative;}
#nav ul {margin:0; padding:0;}
#nav ul li {list-style:none; float:left; margin:0; padding:0;}
#nav ul li a {color:#6c6c6c; text-transform:uppercase; text-decoration:none; font-size:12px; padding:7px 19px 0; border:1px solid #c6c6c6; border-width:0 1px; margin:0 0 0 -1px; height:23px; display:block;}
#nav ul li a:hover {color:#fff; background: url(../media/layout/bg-nav-over.gif) repeat-x; height:23px; display:block;}
			
/* -- CONTENT -- */
#content {margin:20px 0;}
#left-content {width:670px; margin-right:30px; float:left;}
#home-content {background:url(../media/layout/bg-content.gif) center top no-repeat;}
#home-content h1 {color:#fff; padding:2px 13px;}
#home-content p {padding:0 13px;}
	
#right-nav {float:left; width:199px; border-left:1px solid #cecece; padding:15px 0 70px 0; min-height:205px;}
	#right-nav ul {margin:0; padding:0;}
	#right-nav ul li {list-style:none; background: url(../media/layout/nav-divider.gif) left bottom no-repeat; padding:2px 5px;}
	#right-nav ul li a {color:#6c6c6c; text-decoration:none; font-size:11px;}
	#right-nav ul li a:hover {color:#39aee0;}
	
#social-icons {float:right;}
	#social-icons ul {margin:0; padding:0;}
	#social-icons ul li {list-style:none; float:left; margin:3px;}

#footer {width:900px; background:url(../media/layout/bg-footer.gif) center top no-repeat; height:24px; color:#fff; padding:3px 0 0 0; font-size:11px; margin-top:3px;}
	#footer a {color:#fff; text-decoration:none;}
	
	
	
/* -- SLIDESHOW -- */
#slideshow { position: relative; }
#slideshow div.tr, #slideshow div.tl, #slideshow div.br, #slideshow div.bl { position: absolute; z-index: 999; width: 20px; height: 20px; }
#slideshow div.tl { top:0; left: 0; background: url(/media/layout/corner-tl.png) no-repeat; }
#slideshow div.tr { top:0; right: 0;  background: url(/media/layout/corner-tr.png) no-repeat; }
#slideshow div.br { bottom:0; right: 0; background: url(/media/layout/corner-br.png) no-repeat; }
#slideshow div.bl { bottom:0; left: 0; background: url(/media/layout/corner-bl.png) no-repeat; }
#slideshow div { position: relative; width: 670px; height: 290px; }
#slideshow div span { position: absolute; font-size: 14px; font-weight: bold; padding: 10px; bottom: 0; display:block; width: 650px; background-color: #000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; color:#fff; }

/* -- Login form -- */
#loginform label {width:100px; display:block;}
#loginform input {margin-bottom:10px;}