/* CSS Document */

/* Main */
 * {
margin: 0;
padding: 0;
} 


body {
	margin:auto;
	padding: 0;
	color: #4c4c4c;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../images/body_bg.jpg) repeat-y center 0;
}


p {
	line-height:1.9em;
	padding:15px 0px 0px 0px;
	font-size:0.8em;
	color:#000;
	margin-bottom:10px;
}

img { border: none;}

#content li
{
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(../images/bullet.gif);
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	line-height:1.9em;
	font-size:0.8em;
	color:#000;
}

.img_right {
border: 0px solid #ccc;
padding: 4px;
float:right;
margin-left:8px;
}

.img_border_left {
border: 1px solid #ccc;
padding: 4px;
float:left;
margin-right:8px;
}

.hide {display: none;}

.clear{
clear: left;
}


a{text-decoration:none;color:#369}
a:hover{text-decoration:underline;color:#039}




#wrapper {
	text-align: left;
	margin:auto;
	padding: 0 0 0 20px;
	width: 612px;
	height: 100%;
	border: 0;
	z-index:1;
	position:relative;
}



#banner {
	margin: 0px 0px 0px 0px; /*-27*/
	height: 172px;
	float: none;
	background: url(../images/banner.jpg) no-repeat center 0;
	z-index: -2;
	width: 592px;
}

#content {
	width: 570px;
	float: left;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	}
	
.login {
	margin-top:12px;
	float: right;
	margin-right:5px;
	font-size:0.76em;
	color:#fff;
	font-weight:bold;
	}
	
.go {
	float: right;
	margin-top:5px;
	}		
		
	
#footer { 
	width: 592px; 
	margin: 0px 0px 0px 0px; 
	margin-left: 0px;
	height: 60px;
	background-color:  #666;
}

#wrapper > #footer { 
	
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	clear: both;
	padding-top: 1px;	
	height:60px;		
}

#footer p{ 	
margin: 5px 0px 0px 20px;  
text-align:left;
font: normal 0.7em arial, verdana, helvetica;
color:#fff;
}

#footer .xhtml{ 
margin: -12px 5px 0px 0px; 
float:right; 
display:inline;
}

#footer .css{ 
margin: -12px 0px 0px 0px; 
float:right;
}


#sidebar {
	width: 208px;
	float: left;
	padding-left:25px;
	padding-top:10px;
	}
	
#contactAdvert {
	width: 176px;
	float: left;
	padding-left:25px;
	padding-top:0px;
	background-color:#F4F4F4;
	border-right: 7px solid #4C4C4C;
	height:323px;
	}
	
#contactAdvert img {
	width: 150px;
	}
	
	
#feature { 
width: 592px;
height:155px;
margin-left:0px;
padding-top:0px;
float:left;
background:  url(../images/home_page_yellow.jpg) no-repeat center 0;
}

#feature p {
font: normal 0.7em arial, verdana, helvetica;
padding-top:80px;
padding-left:20px;
width: 250px
	}
	


#perfect { 
width: 592px;
height:74px;
margin-left:0px;
padding-top:0px;
float:left;
background:  url(../images/perfect_for.jpg) no-repeat center 0;
}

	
#navcontainer { 
margin-left:0px;
padding-top:0px;
float:left;
background-color :#000;
}



#mainMenu {
float:left;
width:582px;
background:none;
font: bold 0.8em arial, verdana, helvetica;
line-height:normal;
margin-left: 5px;
}

#navcontainer > #mainMenu { margin-left: 5px;width:587px;}

#mainMenu ul {
margin:0;
padding:0 10px 0 0px;
list-style:none;
}

#mainMenu li {
display:inline;
margin:0;
padding:0;
}

#mainMenu a {
float:left;
background: url(../images/tableft.gif) no-repeat left top;
margin:1px;
padding:0px 2px 0px 2px;
text-decoration:none;
}

#mainMenu a span {
float:left;
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:5px 9px 5px 7px;
color:#fff;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainMenu a span {float:none;}
    /* End IE5-Mac hack */
#mainMenu a:hover span {
      color:#333;
      }
#mainMenu a:hover {
      background-position:0% -27px;
      }
#mainMenu a:hover span {
      background-position:100% -27px;
      }
	  
#mainMenu ul li.active a {
      float:left;
      background: url(../images/tableftactive.gif) no-repeat left top;
      margin:1px;
      padding:0 0 0 4px;
      text-decoration:none;
      }	  
	  
#mainMenu ul li.active a:hover span {
     color:#000
      }	 
	  
#mainMenu ul li.active a span {
      float:left;
      display:block;
	  background: url(../images/tabrightactive.gif) no-repeat right top;
	  padding:5px 9px 5px 5px;
      color:#000;
	  margin:0px 1px 0px 0px;
	  cursor:hand;     
}
.textbox {
	background-color:#F7F7F7;
	border-left:none;
	border-right:none;
	border-top:none;
	border-color:#000000;
}

.textboxlong {
	background-color:#F7F7F7;
	border-left:none;
	border-top:none;
	border-color:#000000;
}

.contacttext {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
}

h1 {
background:url(../images/book.gif) no-repeat;
height:24px;
text-indent: -2000px;
}

h2{
background:url(../images/corporate.gif) no-repeat;
height:24px;
text-indent: -2000px;
}


h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

input.groovybutton
{
	font-size:10px;
	font-family:Arial;
	color:#ffd301;
	background-color:#010101;
	border-style:solid;
	border-color:#ffd301;
	border-width:2px;
}

.p2 {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
	margin-bottom:10px;
}

.legal {
font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: fff;
	}
a.MainLink:link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #FFD20A;
	font-weight : normal;
	text-decoration : none;
}
a.MainLink:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #FFD20A;
	font-weight : normal;
	text-decoration : none;
}
	
	a.MainLink:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #FFD20A;
	font-weight : normal;
	text-decoration : none;
}