/* This CSS file conrols the presentaion of this website
 * Author: Mohodin Rageh
 * Web:    www.codingpoint.co.uk
 * Email:  mohodin@yahoo.com
 * Date:		04/12/10 
 *last edit:	9/01/11
 *
 */

* { padding:0; margin:0;}

body{	      
	line-height:1.4;
	font-weight: normal;
	font-size: 76.1%;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
    text-align: center; 
   }
   
   h1 {
	 font-size: 160%;
	 font-family:  verdana, helvetica, arial, sans-serif;
     padding:0 0 0.4em 0.4em;
	 color:#31310C;
     }
   
  h2 {
	font-size: 145%;
	font-family:  verdana, helvetica, arial, sans-serif;
	padding:0 0 0.2em 0.5em;
	color:#31310C;
    }
   	
  img {
  	 float:right;
     border:0;
     margin:4px;
     overflow: hidden;
   }
   
   #book-now a#bookcleaning-button {
    float:right;
    margin:-4px -1px 0 0; 
    padding: 3px;
	width: 11.6em;
	border: none;
	display: block;
	font-size: 140%;
    font-weight: bold;
    text-align: left;
    border: 1px solid #A6FEFF;
    background: green;
    text-decoration: none;
    color: #fff;
}

#book-now a#bookcleaning-button:hover {
    background: #C2F9FF;
	border: 1px solid #333;
    color: green;
}




ul.ul-style{
	line-height: 1.4em;
	padding: -5px 0 8px 0;
	list-style-image: URL(img/list-arrow.gif);
}	

#header{ 
	position: relative; 
	width: 860px; 
	height: 140px;
	margin: 0 auto; 
	background: #32DCFF  url(img/head3.jpg)  top no-repeat;
  }


#wrap {
	margin: 0 auto;
	width: 860px;
	background: #fff url(img/bg2.jpg) repeat-y right;
	border: 1px solid #4FB450;
	border-top: 4px solid #4FB450;
	text-align:left;
}

/*
  Logo
----------------------------------------------------- */
#logo {
	float:left;
	padding:0;
	width:260px;
	height:100px;
	}

#logo img {
    border:0;
	margin:39px 0 0 4px;
	}
	
/*Top Left Menus*/
#topmenu {
	margin:0;
	padding:10px 10px 5px 0;
	list-style: none;
	float:right;
	height:80px;
	line-height:2.1em;/*make blocks big vertically*/
	font-size: 88%;
	font-weight: bold;
	text-align: right;
	}
	
#topmenu li {
		display: inline;
		}

#topmenu li a{
		color: #fff;
		text-decoration: none;
		margin-right: 1em;
		}
	
#topmenu a:link, #topmenu a:active, #topmenu a:visited {
	color:#fff;
	}
	
#topmenu a:hover {
	color:#F7941D;
	}
.topmenu-spacing { margin:0 0 0 13px; }


#sidenavs ul{
	 float:left;
	 width:100%;
	 padding:0;
	 margin:0;
     list-style-type:none;
}


#sidenavs a { 
		float:left;
  	    width:14.6em;
		font-weight: bold;
        text-decoration:none;
		background-color: transparent;
		border-top: 1px transparent;
		/*border-bottom: 1px solid #8E9EAA;*/
		padding:.5em .5em 0.6em;
		color:#0000EE;
}

				  
#sidenavs a:hover {background-color: #B4F9FF; color:#31310C;}

/*to show the current page.*/	
#sidenavs #currentpage a { background-color: #C2F9FF; color:#31310C;}

#sidenavs li {display:inline;}

		
#content{
	width: 615px; 
	/*background: #fff url(img/top_shadowy_line.gif) no-repeat 0 0;*/
	text-align: left;
	float: right;
    }
	   
#content p { margin: 0 0.7em 0.7em 0.7em;}

#content li { margin: 0 0 0 1.5em;}
   

#sidebar{
	width: 240px;
	text-align: left;
	float:left;
	}
		
#sidebar p { padding: 0 0.5em 0.5em 0.5em;}

#sidebar hr {
      height: 2px;
}

#quote-box{
width:35em;
margin: 5px;
border: 1px solid #CCC;
background: #CDFFFF;
}

#address-box{
width:255px;
padding: 5px;
border-top: 1px solid #CCC;
}

#address-box p{
padding: 5px;
}
		 
#footer{
	clear:both;
	width:860px;
	height:30px;
	text-align: right;
	border-top: 3px solid #B4D0DC;
	background: #4FB450;
	color: #333;
	}
#footer p{padding:10px}
			

.clearing {  height: 0;  clear: both;}

.move-right {padding: 0 0 0 130px;}


  /*Terms and Conditions*/

 #terms{
	width:520px;
	background: #fff;
	text-align: left;
}

 #terms h1 {      
    font-size: 140%;
    margin-bottom:1em;
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #C4B584;
    color:#6D8512;
    }

#terms p {padding: 5px 0 5px 8px;}

#terms li {margin: 0 0 8px 8px;}
/*FORMS*/

label{
float: left;
width: 140px;
_width: 135px;
padding: 0 0 0 .7em;
font-weight: bold;
font-size: 92%;
}

input, select, textarea{
width: 160px;
margin-bottom: 5px;
}

textarea{
width: 200px;
height: 105px;
}

.shortfield {
width:100px;
}

.boxes{
width: 1em;
}

	.pquote {
			float: left;
			margin: 0;
			padding: 0.5em;
			line-height: 1.3em;
			/*background: url(img/openquote.gif) top left no-repeat;*/
			font-style: italic;
		    color: #030;
		}
		
		.pquote p:first-letter {
			font-size: 1.5em;
			font-weight: bold;
		}
.by {
	font-size: .84em;
	font-weight: bold;
	margin-bottom:1em;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #C4B584;
	}

#submitter{
margin-left: 140px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}