@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; outline: none; border: 0;}
body {background: url(../images/bg3.jpg) no-repeat top; padding: 0; margin: 0; font-family: Tahoma, Arial, sans-serif;}
#maincontainer {width: 909px; margin-left: auto; margin-right: auto; height: 800px; margin-bottom: 0; }
#container {width: 909px; float: left; margin-bottom: 0;}
#logo {width: 308px; height: 146px; float: left; background: url(../images/logo.png) no-repeat; margin-left: 50px; margin-bottom: 15px; margin-top: 30px; display: inline;}
#content {width: 100%; float: left; }
#flashcontainer {width: 422px; height: 162px; float: right; margin-right: 110px;}
#contentcontainer {width: 783px; margin: auto; height: 450px; background: url(../images/con_bg.png) repeat-y; float: left;margin-left: 30px;display: inline;}
#realcontent {width: 743px; padding: 10px 20px 0px 20px; float: left; }
#footer {width: 783px; float: left; margin-left: 30px; display: inline; padding-top: 3px; margin-bottom: 0;}
#toproundbg, #botroundbg {width: 783px; height: 16px; float: left; margin-left: 30px; display: inline;}
	/* i. footer menu */
		
		#footermenu {width: 400px; float: left; margin-left: 5px; color: #FFF; margin-top: 0px;}

		#footermenu a {font-size: 9px; color: #FFF; text-decoration: none;border-right: 1px solid #FFF; padding: 0px 7px 0px 7px;}

		#footermenu a:HOVER {text-decoration: underline;}

		#footermenu .noborder {border: none;}

		/* end footer menu */
		
		
		/* ii. copyright */
		
		#copyright {width: 300px; font-size: 10px; color: #FFF; float: right; text-align: right; padding-right: 10px;}

		/* end copyright */
		
/* 3. MAIN MENU */

#menu ul {list-style:none; width:600px; margin-left: 20px; margin-top: 0px; height: 30px;}

#menu li {float:left; margin-right: 15px;}

#menu a {float:left; height:11px; display:block; overflow:hidden; color: #FFF;}

#menu a#home {background-image:url(../images/home.gif); width:38px; line-height:9; }

#menu a#home:hover,#menu a#home.active {background-image:url(../images/home_hover.gif); height: 10px;}

#menu a#about {background-image:url(../images/about.gif); width: 65px;line-height:9;}

#menu a#about:hover,#menu a#about.active {background-image:url(../images/about_hover.gif);}

#menu a#services {background-image:url(../images/services.gif); width:63px;line-height:9;}

#menu a#services:hover,#menu a#services.active {background-image:url(../images/services_hover.gif);}

#menu a#fun {background-image:url(../images/fun.gif); width:68px;line-height:9;}

#menu a#fun:hover,#menu a#fun.active {background-image:url(../images/fun_hover.gif);}

#menu a#blog {background-image:url(../images/ccblog.gif); width:57px;line-height:9;}

#menu a#blog:hover,#menu a#blog.active {background-image:url(../images/ccblog_hover.gif);}

#menu a#contact {background-image:url(../images/contact.gif); width:81px;line-height:9;}

#menu a#contact:hover,#menu a#contact.active {background-image:url(../images/contact_hover.gif);}
#menu ul li ul {
position : absolute;
left: -999em;
width: 500px;
padding-top: 10px;
margin-top: 8px;
margin-left: -55px;
height: 20px;
}
#menu ul ul li {float: left; display: inline; line-height: 10px; height: 25px;}

#menu ul ul li a {
font-family: Tahoma; font-size: 12px; font-weight: bold; color: #5b5b5b; display: inline; text-decoration: none; 
}
#menu ul ul li a:HOVER {
font-family: Tahoma; font-size: 12px; font-weight: bold; color: #000; display: inline; text-decoration: underline;
}
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li.sfhover ul ul, #menu ul li.sfhover ul ul ul {
left: -999em;
}	
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li.sfhover ul, #menu ul li li.sfhover ul, #menu ul li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/* END MAIN MENU */
p { font-size: 12px; font-family: Tahoma, Arial, sans-serif, Helvetica; color: #000; line-height: 14px; }
.characters {font-size: 13px; width: 300px;}
h1 {font-size: 20px; font-family: Tahoma, Arial, sans-serif, Helvetica; color: #660000; text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
h2 {font-size: 18px; font-family: Tahoma, Arial, sans-serif, Helvetica; color: #000; margin-bottom: 10px;}
ul { margin-left: 12px; margin-top: 10px;}
li { font-size: 12px; line-height: 17px;}

a:LINK {font-size: 13px; color: #660000; text-decoration: underline;}
a:VISITED {font-size: 13px; color: #660000; text-decoration: underline;}
a:HOVER {font-size: 13px; color: #660000; text-decoration: none;}


.pag {font-size: 30px; color: #959494;}
.pag a {color: #000; text-decoration: none; font-size: 30px;}

.subtitle {font-weight: bold; margin-top: -10px; margin-bottom: 15px;}

#overflow {height: 300px; padding-right: 7px; overflow: auto; width: 350px;}

#overflow2 {height: 300px; padding-right: 7px; overflow: auto; width: 720px;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #f6e4bf;
}
.vscrollerbar {
width: 10px;
background-color: #7e7563;
height: 100px;
}