/***

 * CSS layout by Jessa Aballe <lightjest@yahoo.com>

 */



/* hidden text */

#header span,#nav h3 span,#nav span {

	display: none;

}



/* side by side list items */

* {

	padding: 0;

	margin: 0;

	font-family: Tahoma;

}

			

span {

	color:#666666;

}

/* fonts */

h1, h2, h3, h4, h5, body, td, th, input,a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #559066;

}

h3{

	font-family:Tahoma;

	font-size:15px;

	color:#ff0000;

}

.spacer{ height:15px; clear:both;}

h4{

	color:#0066cc;

	font-size:12px;

	font-family:Tahoma;	

}



a {

	text-decoration: underline;

	color:#ff0000;

}



/* colors */

body, input, textarea, select {

	color: #000000;

	font-size:11px;

}

input, textarea, select {

	border:thin #999999 groove;

}

/* wrappers */

body, html {

	height: 100%;

	background:#666;

}

* html #wrapper {

	height:100%;

	margin:0 auto;

}



#wrapper {

	position: relative;

	width:800px;

	min-height:100%;

	background:url(../images/bgg.gif) repeat-y;

	margin: -10px auto;

}

#innerwrap {

	position:relative;

	width:750px;

	background: #fff url(../images/bg.jpg) no-repeat;

	margin:0 auto;

	min-height:100%;

	margin-bottom:20px;

}



#innerbox{

	position:relative;

	left:15px;

	top:35px;

	display:block;

}



img.click{

	position:relative;

	margin-left:30px;

	margin-top:40px;

}



#sched{

	position:relative;

	width:239px;

	float:left;

}



#rates{

	position:relative;

	width:257px;

	float:left;

}



.first p{

	width:270px;

	text-align:justify;

}



.about img{

	margin-top:3px;

	margin-right:23px;

}



.about{

	position:relative;

	display:block;

}



.about p{

	margin-left:15px;

}



.red{

	color:#FF0000;

}

.aple{

	color:#339900;

}

#schedblock{

	left:+15px;

	margin-bottom:20px;

	width:186px;

	position:relative;

	border-bottom:dashed thin #666666;	

}



#content {

	width: 750px;

	margin: 0 auto;

	position: relative;

	z-index:2;

	margin-top:-18px;

	clear:both;

}

#rateasia{

	position:relative;

	display:block;

	width:229px;

	height:auto;

	margin-top:15px;

	margin-bottom:30px;	

}

#rateasia .top{

	width:229px;

	height:86px;

	background:url(../images/top-promo.jpg) no-repeat;

}

#rateasia .middle{

	width:229px;

	height:auto;

	background:url(../images/middle-promo.jpg);

}

#rateasia .bottom{

	width:229px;

	height:31px;

	background:url(../images/bottom-promo.jpg);

}



#rateasia span{ color: #666666; margin-left:15px;}

#rateasia h1{ font-size:25px; color:#ff0000; font-weight:bold; margin-left:30px;}

#rateasia h2{ font-size:20px; color:#339900;margin-left:30px;}

#rate1{ margin-left:20px;}

.aple{

	color:#339900;

}

#rateasia img{ margin-left:120px; margin-top:10px;}

.bl{ color:#0066cc;}

.gr{ color:#999999;}



/* fix 100% height in firefox */

/* clear all useless padding and margins */

* {

	margin: 0px;

	padding: 0px;

	border:0px;

}



p {

	margin-bottom: 12px;

	font-size:11px;

	color:#4E4C4C;

}



#nav li {list-style: none; float:left;}



img {

	border-width: 0px;

	border-style: none;

}

/* float bug fix */

/* taken from http://positioniseverything.net/easyclearing.html */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */





/*** site-specifics ***/



#homelink {

	display: block;

	height: 61px;

	width: 179px;

	position:absolute;

	margin-left:24px;

	margin-top:18px;

}

#tagline {

	display: block;

	height: 22px;

	width: 280px;

	position:absolute;

	background:url(../images/tagline.jpg) no-repeat;

	left:450px;

	top:60px;

}



#header {

	height: 95px;

	width: 750px;

	margin: 0 auto;

}

#banner{

	position:relative;

	display:block;

	width:750;

	height:247px;

	background:url(../images/banner.jpg) no-repeat;	

}



#leftpanel{

	position:relative;

	width:204px;

	height:301px;

	background: url(../images/leftbg.jpg) no-repeat;

	float:left;

}



#rightpanel{

	position:relative;

	width:505px;

	display:block;

	float:left;

}

#add{

	width:166px;

	text-align:left;

	position:relative;

	display:block;

	margin-left:20px;

	padding-bottom:20px;

	clear:both;



}

#servicelist{

	width:310px;

	position:relative;

	display:block;

	float:left;

	left:15px;

	margin-right:15px;

}

#service-images{

	width:175px;

	float:left;

}

#service-images img{ 

	margin-bottom:10px;

}



#servicelist ul li{

	list-style:url(../images/graydot.gif);

	margin-bottom:10px;

	width:100%;

	color:#666666;

}

#servicelist li li{

	list-style:none;

	margin-top:10px;

	margin-left:5px;

	width:100%;

}



/* navigation mouseover */

#nav8 a { background: url(../images/nav.jpg) no-repeat 0 -167px;}

#nav7 a { background: url(../images/nav.jpg) no-repeat 0 -144px;}

#nav6 a { background: url(../images/nav.jpg) no-repeat 0 -121px;}

#nav5 a { background: url(../images/nav.jpg) no-repeat 0 -96px; }

#nav4 a { background: url(../images/nav.jpg) no-repeat 0 -72px; }

#nav3 a { background: url(../images/nav.jpg) no-repeat 0 -49px; }

#nav2 a { background: url(../images/nav.jpg) no-repeat 0 -23px; }

#nav1 a { background: url(../images/nav.jpg) no-repeat 0 0; }



/* navigation blocks */

#nav8 a { height: 23px; }

#nav7 a { height: 23px; }

#nav6 a { height: 23px; }

#nav5 a { height: 25px; }

#nav4 a { height: 24px; }

#nav3 a { height: 23px; }

#nav2 a { height: 26px; }

#nav1 a { height: 23px; }



#page8 #nav8 a,

#page7 #nav7 a,

#page6 #nav6 a,

#page5 #nav5 a,

#page4 #nav4 a,

#page3 #nav3 a,

#page2 #nav2 a,

#page1 #nav1 a,

#nav a:hover{background: none;}



#nav a {

	width:181px;

	display:block;

}



#nav {

	width: 181px;

	height:190px;

	background:url(../images/nav.jpg) no-repeat -181px;

	margin: 0 auto;

	display:block;

	position:relative;

	left:-2px;

}

#admin-nav {

	width: 181px;

	margin-left:30px;

	display:block;

	position:relative;

}



#admin-nav span{ font-size:16px; font-weight:bold;}

#admin-nav a { text-decoration:none;}

#admin-nav ul li { list-style:none; margin:10px 0px;}



#footer {

	background: #fff;

	width: 750px;

	height: 31px;

	margin: 0 auto;

	position: relative;

	text-align:center;

	margin-top: -31px; /* move footer up the viewport */

}	



.hr{ width:700px;

	background:#99ccff;

	height:1px;

	overflow:hidden;

	margin:auto;}



table.contact tr td {color:#666666;}



.layout td { padding:5px;}

#add p { color:#666666;}