@charset "UTF-8";
/* CSS Document */

@import url('../css/reset.css');
@import url('../css/thickbox.css');

/* 

Default CSS for Rowan Santos

media: screen

created: Sop 08
creator: Komodo Media Ltd
last edited: 12/09/08
changed: build

*/



body { margin:0 0 10px 0; background:url(../img/bg.jpg) no-repeat center top;

	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#585858;
	font-weight:normal;
	text-decoration:none;
	line-height:1em;
}

#doc { width:866px; margin:auto; background:#ffffff; }

a { color:#ff7e00; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

.ir span { position:relative; left:-9999px; }


/* clearing */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
.clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */



/* ############################
########### HEADER ############
########################## */

#header { height:47px; padding:250px 8px 0 0; background:url(../img/interface/header.jpg) no-repeat left bottom; border-bottom:3px solid #fd7904; }
#header ul { float:right; } 
#header ul li { float:left; margin:0 0 0 12px }


/* ############################
############ MAIN #############
########################## */

/**/
#main { padding:16px; }

#main #slideshow { display:none; }

#main #content { float:right; width:580px; }
#main #content h1 { width:580px; height:32px; margin:0 0 10px 0; }
#main #content h1#home { background:url(../img/main/home/title.jpg) no-repeat left top; }
#main #content h1#whatis { background:url(../img/main/whatis/title.jpg) no-repeat left top; }
#main #content h1#online { background:url(../img/main/online/title.jpg) no-repeat left top; }
#main #content h1#news { background:url(../img/main/news/title.jpg) no-repeat left top; }
#main #content h1 span { float:left; }
#main #content h1 a { float:right; margin:8px 20px 0 0; }
#main #content p { margin:0 0 12px 0; font-size:0.750em; }
#main #content p#brochure { margin:20px 0 0 0; font-size:1.000em; color:#ff8a00; font-weight:bold; }
#main #content p.back { margin:20px 0; text-align:right; }
#main #content p.back a { color:#e25e15; }
#main #content ul { margin:0 0 12px 20px; list-style:disc; font-size:0.750em; }
#main #content img.photo { float:left; display:block; margin:0 15px 15px 0; }

#main #content #news_links { padding:22px 0; background:#e0e0e0 url(../img/main/news/logos/border.gif) repeat-y center top; }
#main #content #news_links div.left { float:left; width:289px; }
#main #content #news_links div.right { float:right; width:289px; }
#main #content #news_links ul { list-style:none; margin:0; }
#main #content #news_links ul li { margin:0 0 20px 0; text-align:center; }
#main #content #news_links ul li img { border:3px solid #ffffff; }

#main #content .panels div { float:left; width:50%; }

#main #content .panels { margin:30px 0 0 0; }
#main #content .panels div h2 { margin:0 0 8px 0; }
#main #content .panels div img { display:block; float:left; margin:0 15px 0 0; }
#main #content .panels div p { margin:0 15px 0 0; font-size:0.689em; }

#main #content .panels div#whatis h2 { height:32px; background:url(../img/main/whatis/panel/title.jpg); }
#main #content .panels div#online h2 { height:32px; background:url(../img/main/online/panel/title.jpg); }

#main #sidebar { float:left; width:228px; background:#f2f2f2; }
#main #sidebar h2 { width:228px; height:40px; background:url(../img/sidebar/latest_news.jpg) no-repeat left top; }
#main #sidebar ul#news { padding:0 10px; }
#main #sidebar ul#news li { padding:10px 0; border-bottom:3px solid #b5b5b5; font-size:0.700em; }
#main #sidebar ul#news li.last { border:none; }
#main #sidebar ul#news li span { font-size:0.950em; color:#e25e15; font-weight:bold; }
#main #sidebar ul#news li a { color:#e25e15; font-weight:bold; }
#main #sidebar ul#links { padding:7px 0 0 0; background:#e3e3e3; border-bottom:6px solid #ffffff; }
#main #sidebar ul#links li { padding:0 7px 7px 7px; }
#main #sidebar ul#links li a { width:202px; display:block; padding:5px; border:1px solid #aeaeae; font-size:0.814em; color:#ffffff; font-weight:bold; text-align:center; }
#main #sidebar ul#links li a:hover { border:1px solid #ffffff; text-decoration:none; }
#main #sidebar ul#links li#link1 a { background:#ff8501 url(../img/sidebar/link_bgs/1.gif) repeat-x top left; }
#main #sidebar ul#links li#link2 a { background:#ff9100 url(../img/sidebar/link_bgs/2.gif) repeat-x top left; }
#main #sidebar ul#links li#link3 a { background:#ff9c00 url(../img/sidebar/link_bgs/3.gif) repeat-x top left; }
#main #sidebar ul#links li#link4 a { background:#ffa800 url(../img/sidebar/link_bgs/4.gif) repeat-x top left; }
#main #sidebar ul#links li#link5 a { background:#ffb500 url(../img/sidebar/link_bgs/5.gif) repeat-x top left; }
#main #sidebar #ad { display:block; border:3px solid #e6ceec; }


/* ############################
########### FOOTER ###########
########################## */

#footer { height:20px; padding:6px 16px; background:url(../img/interface/footer.jpg) no-repeat top left; }
#footer p#ret { float:left; width:60%; padding:0 0 0 20%; margin:auto; font-size:0.875em; text-align:center; }
#footer p#komodo { float:right; font-size:0.689em; color:#ffffff; font-weight:bold; }
#footer a { color:#ffffff; }