@charset "utf-8";
/* CSS Document */

body 
{
			font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			color: #000;
			
			
}

form input, form textarea
{
			max-width:100%;
}


img
{
			border:0;
			max-width:100%;
			height:auto;
}


/******************* OUTER WRAPPER *******************/
#outer-wrapper
{
			float:left;
			width:100%;
			margin:0;
			background: url(../images/contentbg1.jpg);
			
}



/******************************** CONTAINER ***************************/
#container 
{
			width: 98%;
			max-width:1366px;
			margin: 0 auto;			
}

/****************** CONTENT WRAPPER ****************/
#content-wrapper
{
			float:left;
			width:100%;
			margin:1% 0 2% 0;
			border-radius:8px;
}


#content-wrapper  h2
{
	
			color: #333;
			text-align:center;
			font-size:20px;
}


/*********************************** MAIN CONTENT *********/
#main-content 
{
		
			width:100%;
			float:left;
			margin:1% 0 2% 0;
			padding:0;			
}


#main-content  h1
{
	
			color: #F60;
			font-size:25px;
			padding-left:10px;
			margin:0;
}


#main-content  h2
{
	
			color: #333;
			text-align:center;
			font-size:20px;
}

#main-content  p
{
			text-align:justify;
			line-height:190%;
			padding:0 2% 0 1%;
			font-size:16px;
}

		
/********************* TOP HEADER *************************/
#top_header
{
			float:left;			
			width:100%;
			height:auto;
			background:#FFF;
			margin:0;
			padding:0;
			color:#000;			
}

/**************** HEADER CONTENT *******************/
#header-content
{		
			width:98%;
			max-width:1366px;
			margin:0 auto;
			
}

/****************** LOGO *******************/
#logo
{
			float:left;
			width:40%;
			max-width:100%;
			margin:1% 1% 1% 2%;
			font-size:10px;			
}

/********************* TELEPHONES ****************/
#telephones
{
			float:left;
			width:26%;
			max-width:100%;
			margin:90px 0 0 1%;
			color: #000;
			font-size:27px;						
}

#telephones a
{
		color:#000;
}

#telephones p
{
		margin:10px 0 0 0;
}

p.home-phone
{
			background-image:url(../images/ph.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:50px;
}


p.top-mobile
{
			background-image:url(../images/mob.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:50px;
			color:#000;
			
}

/****************** ONLINE QUOTE *****************/
#online-quote
{
			float:left;
			width:25%;
			max-width:100%;
			margin:90px 0 1% 1%;
						
}


/********************* TOP NAVIGATION ****************************/
#top_nav
{
			float:left;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			background: #F60;
			border-radius:8px 8px 0 0;
			background: -webkit-linear-gradient( #f66606, #f69d62); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f66606, #f69d62); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f66606, #f69d62); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f66606, #f69d62); /* Standard syntax */
					
}

ul.navbar
{
		list-style:none;
    	font-size: 18px;
		padding-left: 1%;
		float:left;
		position:relative;
		font-weight:bold;
		text-align:center;
		margin:13px 0 0 10px;
             
}


ul.navbar li
{
		float:left;
		margin-right:10px;
		position:relative;
}

ul.navbar a
{
		display:block;
		padding: 5px;
		color: #FFF;
		border:1px solid #333;
		border-radius:8px 8px 0 0;
		text-decoration:none;
		font-weight:bold;
		background: #333;
		background: -webkit-linear-gradient(#070707, #f6f3c5); 
		background: -o-linear-gradient(#070707, #f6f3c5); 
		background: -moz-linear-gradient(#070707, #f6f3c5);
		background: linear-gradient(#070707, #f6f3c5);
		
		
		
		
}

ul.navbar a:hover
{
		color: #999;
		background: #FFC;
		text-decoration:none;
}



/*************** MIDDLE CONTAINER ****************/
#middle-container
{
	float:left;
	width:100%;
	margin:0;
	background: #666;
	background: -webkit-linear-gradient( #0a0a0a, #f57503); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0a0a0a, #f57503); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0a0a0a, #f57503); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0a0a0a, #f57503); /* Standard syntax */
					
}

#middle-container img
{
		width:100%;
		max-width:100%;
		height:auto;
}


/*************** MIDDLE CONTENT ********************/
#middle-content
{
						
			width:98%;
			max-width:1366px;
			margin:0 auto;
			
}


/************************** SLIDER CONTAINER **************/
#slider_container
{
			float:left;
			width:95%;
			max-width:100%;
			height:auto;
			margin:2% 0 1.5% 2.5%;
			padding:0;
				
}



/********************** SERVCES BOX **************************/
.services
{
			float:left;
			width:31%;
			max-width:100%;
			height:auto;
			margin:2% 1% 0 1%;
			border-radius:8px;
			padding-top:10px;
			background: #666;
background: -webkit-linear-gradient( #0a0a0a, #f7e79f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0a0a0a, #f7e79f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0a0a0a, #f7e79f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0a0a0a, #f7e79f); /* Standard syntax */			
}


#content-wrapper .services h2
{
		font-size:20px;
		text-align:center;
		width:90%;
		margin:2% 0 0 4.5%;
		padding-top:2px;
		padding-bottom:2px;
		color: #FFF;
		border-radius:8px;
		background: #F60;
			
}

.services p
{
			font-size:13px;
			padding-right:10px;
			padding-left:10px;
			text-align:left;
			line-height:190%;
			color:#FFF
}


.services img
{
			margin:4%;
			border-radius:8px;
			width:93%;
			height:auto;
}

.services a
{
		color:#FFF;
		text-decoration:none;
}

.services a:hover
{
		color:#333;
		text-decoration:underline;
}

img.readmore
{
			width:50%;
			max-width:100%;
}


/********************************* BOTTOM CONTENT ************/
#bottom-content
{
			padding:0;
			width:100%;
			background: #363636 url('../images/page.png') scroll;
			margin:0;
			clear:both;
			float:left;
			
}

/**************** BOTTOM WRAPPER *******************/
#bottom-wrapper
{		
			width:98%;
			max-width:1366px;
			margin:0 auto;
			
}

/*******************CONTACT DETAILS *****************/
#contact-details
{
			float:left;
			width:45%;
			max-width:100%;
			height:auto;
			margin:2% 0 1.5% 2%;
			color:#FFC;
			
}


#contact-details a
{
			color:#FFC;
}

p.fax
{
			background-image:url(../images/fax.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:50px;
}

p.email
{
			background-image:url(../images/email.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:50px;
}

p.mobile
{
			background-image:url(../images/mob.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:50px;
			
			
}

/************************** QUICK CONTACT **************/
#quick-contact
{
	float:left;
	width:40%;
	max-width:100%;
	height:auto;
	margin:2% 0 1.5% 3%;
	padding:0 0 10px 10px;
	border-radius:7px;
	font-weight:bold;
	background:#f66606;
	background: -webkit-linear-gradient( #f66606, #f69d62); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f66606, #f69d62); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f66606, #f69d62); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f66606, #f69d62); /* Standard syntax */		
}

#quick-contact  h2
{
	
			color: #f6f8f6;
			text-align:center;
			font-size:20px;
}

table
{
			color:#FFF;
			font-size:14px;
}


/****************** BOOKING PAGE ************************************/
#booking-form
{
			float:left;
			width:95%;
			margin:10px;
			padding-bottom:20px;
			background:#575656;
			border-radius:8px;
			background: -webkit-linear-gradient( #575656, #141414); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#575656, #141414); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#575656, #141414); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#575656, #141414); /* Standard syntax */
			
}


#booking-form input
{
		
			padding:10px;
			border-radius:8px 8px 0 0;
			border:1px solid #999;
			background: #FFF;
			margin-left:10px;
}

#booking-form textarea
{
		
			padding:10px;
			border-radius:8px;
			border:1px solid #999;
			background: #FFF;
			margin-left:10px;
}



table.contact
{
			padding-left:2%;
			color:#FFF;
			font-size:14px;
			font-weight:bold;
}


table.contact td
{
			padding-top:2%;
		
}

/********************************* FOOTER *****************************/
#footer_content
{
			padding:0;
			width:100%;
			background: #F63;
			margin:0;
			clear:both;
			float:left;			
}

/****************** CONTACT PAGE ********************/
#main-content p.con-address
{
			background-image:url(../images/email1.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:150px;
			height:100px;
			font-size:24px;
			font-weight:bold;
}

#main-content p.con-email
{
			background-image:url(../images/email1.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:150px;
			height:100px;
			font-size:24px;
			font-weight:bold;
}


#main-content p.con-mobile
{
			background-image:url(../images/mobile.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:150px;
			height:100px;
			font-size:24px;
			font-weight:bold;
}


/**************** FOOTER WRAPPER *******************/
#footer-wrapper
{		
			width:98%;
			max-width:1366px;
			margin:0 auto;
			
}




#footer_content h3
{
			color:#000;
			padding-left:2%;
}


#footer_content p
{
			padding-left:2%;
			font-size:12px;
			color:#000;
}


#footer_content a
{
			color:#000;
			text-decoration:none;
}


#footer_content a:hover
{
			color:#CCC;
			text-decoration:underline;
}



/********* MEDIA QUERIES TABLET LAYOUT *********************/
@media only screen and (max-width: 800px) 
{


#telephones
{
			
			font-size:20px;
			color:#000;
			margin:10px 0 10px 10px;
			
}

#telephones a
{
			
			
			color:#000;
			
}

#telephones p.top-mobile
{
			background-image:url(../images/mob.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:50px;
			color:#000;
			
			
}

#content-wrapper .services h2
{
		font-size:16px;
		
		
}



ul.navbar a
{
		display:block;
		padding: 5px;
		color: #FFF;
		background: #333;
		border:1px solid #333;
		border-radius:8px 8px 0 0;
		text-decoration:none;
		font-weight:bold;
		width:90%;
		margin-left:10px;
	
		
		
		
}

.services img
{
			
			width:88%;
			border:0;
}

img.readmore
{
			width:50%;
}

}