/* CSS Document */
@import "content.css";

body {	
	margin:0px;
	padding:0px;
	background-color:#edf4f7;
	font-family: Tahoma;
	font-size:12px;
}
.clear {
	font-size:1px;
	height:0px;
	clear: both;
}

/*** BACKGROUND ***/
table td.bg_main_left {
	background:url(img/bg_main_left.jpg) right top no-repeat;
}

table td.bg_main_center {
	background:url(img/bg_main_center.jpg) left top no-repeat;
}

table td.bg_main_right {
	background:url(img/bg_main_right.jpg) left top no-repeat;
}

/*** CONTAINER ***/
#container {
	width : 980px;
	text-align:left;
}
/*** HEAD ***/
#head {
	height:318px;
}

#head div.logo {
	float: left;
	height: 318px;
	width:279px;
}

/*** MENU TOP ***/
#menuTop {
	float:left;
	padding-top:140px;
}
#menuTop ul {
	margin:0px;
	padding:0px;
	padding-left: 5px;
}

#menuTop  li {
	list-style: none;	
	width:213px;
	padding-top:5px;
	padding-bottom:3px;
}

#menuTop  li.active {
	background-color: #3ab7ff;
}

#menuTop li.hover {
	background-color: #9ddbff;
}

#menuTop li.hover a {
	color: #0075b7;
}

#menuTop  li div {
	padding:0px;
	margin: 0px;
	height: 16px;
	padding-left: 60px;
	background:url(img/bg_menuTop_icon.gif) 35px 2px no-repeat ;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	color: #FFFFFF;
}

#menuTop li div a {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

/*** MENU LEFT ***/
#menuLeft {
    padding-bottom: 200px;
	padding-top: 20px;
/*	width: 275px;*/
	width: 270px;
	border:5px solid white;
	background: url(img/bg_menuLeft.gif) right bottom no-repeat #e1ebf8;
}

#menuLeft  ul {
	margin:0px;
	padding:0px;	
}

#menuLeft  ul li {
	margin:0px;
	list-style:none;	
	width:274px;
	padding-top:5px;
	padding-bottom:3px;	
}

#menuLeft  li.active {
	background-color: #ed1c24;
}

#menuLeft li.hover {
	background-color: #f68d91;
}

#menuLeft li.hover a, #menuLeft  li.active a {
	color: #FFFFFF;
}

#menuLeft  li.active div, #menuLeft li.hover div {
	background:url(img/bg_menuLeft_icon_white.gif) left 3px no-repeat;
}

#menuLeft li div  {
	padding: 0px 0px 0px 25px;
	font-size: 12px;	
	color: #FFFFFF;
	background:url(img/bg_menuLeft_icon.gif) left 3px no-repeat;
}

#menuLeft li div a {
	font-size: 12px;	
	color: #06618a;
	text-decoration:none;
}

/* Basic code - don't modify */
#nav { 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: relative; 
}
#nav li { 
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	position: relative; 
}
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; left: 279px; }

/* Everything else is theming */
 
#nav {  height: 1%; }
#nav ul {
	background:#fbc7c9; 
	top: 0px; 
}
#nav ul li.hover {
	background-color:#fde4e5;
}
#nav ul li  { 
	width: 260px;
	background:url(img/bg_menuLeft_icon_white.gif) left 8px no-repeat #fbc7c9;	
	padding-left: 25px;
	height: 15px;
}

#nav ul li.active {	
	background:url(img/bg_menuLeft_icon.gif) left 8px no-repeat #fbc7c9;		 
	color: #06618a; 
	font-size: 12px;
	line-height: 1; 
}

#nav ul li span  { 
	color: #06618a; 
}

#nav li.hover ul li a,#nav li ul li a  {	
	color: #06618a; 
	font-size: 12px;  
	line-height: 1; 
	text-decoration:none;
}
#nav ul li.hover a {
	color: #06618a; 
}

/*** NAVIGATION LINE ***/
#navigationLine {
	padding	: 10px 0px;
	font-size:11px;
	color: #06618a;	
}

#navigationLine a {
	color: #06618a;
	text-decoration:none;	
}

#navigationLine a:hover{
	color: #FFFFFF;	
}
/*** FOOTER ***/
#footer {
	padding-bottom: 25px;
	line-height: 1.5;
	font-size: 11px;	
}

#footer div.contact {
	margin-top: 10px;
	padding-left: 25px;
}

#footer div.contact a{
	color: #0075b7;
}

#footer div.contact a:hover{
	color: #ed1c24;
}

#footer div.border {	
	margin-left: 280px;
	border:5px solid white;
	height:70px;
	width: 673px;
}

#footer div.OrWeb {
	margin-top: 10px;
	background:transparent url(img/studio_logo.gif) no-repeat scroll left center;
	float:right;
	height: 50px;
	width:215px;
}

#footer div.OrWeb p {
	margin:0px;
	padding-top: 5px;	
	padding-left: 65px;
}

#footer div.OrWeb a {
	color: #6e809d;
	text-decoration: none;
}

#footer div.OrWeb a:hover {
	text-decoration: underline;
}