html {
	background: #8f3823 url(../images/index_tile.jpg) repeat-x;
}
body {
	padding: 0;
	margin: 0;
	background: url(../images/index_bg.jpg) no-repeat center top;
	color: #666;
	width: 100%;
	display: table;
	font: 11px Verdana,Arial, San-Serif;
	color:#999999;
}

#bar{
width: 100%;
height: 100px;
background:#b8dbf9;
border-bottom: 1px solid #e1f0fd;}

#header {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 670px;
padding-left:30px;
padding-right:30px;
	
}

#message {
	margin-left: auto;
	margin-bottom: 20px;
	margin-right: auto;
	margin-top: 20px;
	width: 670px;
	padding:30px;
	font-family: Helvetica, Verdana;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 24px;
	line-height: 35px;
	text-align: center;
color: white;
text-shadow: 0px -1px 0px #999999;
filter: dropshadow(color=#999999,offX=0,offY=1);

	
}

.quote{
margin-top: 40px;
margin-bottom: 160px;
}

#content {
	width: 730px;
	margin: 0px auto 0;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 30px;
	position: relative;
}

.cornerbottom {
	width: 730px;
	margin: 0px auto 0;

}

.cornertop {
	width: 730px;
	margin: 0px auto 0;

}


#footer {
	width: 670px;
	margin: 0px auto 0;
	padding:30px;
	width: 730px;
	margin: 0px auto 0;
	padding:30px;
	font: 9px Verdana,Arial, San-Serif;
	color: #64b4f4;
	text-align: center;
}


#footerleft {
width: 350px;
float:left;
padding-left:30px;
}
#footerright {
width: 250px;
float:right;
text-align:right;
padding-right:30px;
}
#headerleft {
width: 140px;
float:left;
padding-top: 20px;
}
#headerright {
width: 450px;
float:right;
padding-top: 67px;
text-align: right;
}

a
{
	color: #666666;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
}
 
a:hover
{
	color: #000000;
}

#headerright a{
color: #fff;
font-size: 12px;
font-weight: bold;
-webkit-transition: color 0.3s ease-out;

}

#headerright a:hover{
color: #8f3823;
}

#headerright a.active{
text-decoration:line-through;

}
 
h1{

font-size: 10px;
margin-bottom: 15px;}

p{
margin-bottom: 15px;}

h3 {
	font-family: Helvetica, Verdana;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 100px;
	line-height: 34px;
color: white;
text-shadow: 0px -1px 0px #999999;
filter: dropshadow(color=#999999,offX=0,offY=1);

}

#footer a{
color: #64b4f4;}

.main{
width:670px;
padding-left: 30px;
padding-right: 30px;
position: relative;
margin-bottom: 15px;
height: auto;

}

.mainservices{
position: relative;
height: auto;
color: #666666;
}

.mainabout{
position: relative;
height: auto;
color: #666666;
}

#formname{
float: left;
margin-right: 15px;}
#formemail{
float: left;}
#formmessage{
float: left;
padding-top: 10px;}

.block{

width:670px;
padding-right: 30px;
padding-left: 30px;
background-color: #f3f4e8;
border-top: 1px solid #ebece1;
border-bottom: 1px solid #ebece1;
color: #666666;
margin-top: 40px;
margin-bottom: 15px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 18px;
}

.divide{

width:670px;
padding-right: 30px;
padding-left: 30px;
background-color: #f3f4e8;
border-bottom: 1px solid #ebece1;
color: #666666;
margin-top: 10px;
margin-bottom: 40px;
line-height: 8px;
}

.contact{
width: 335px;
float: right;}

.contactleft{
width: 325px;
float: left;
padding-right: 10px;}

.contactright{
width: 325px;
float: left;
padding-left: 10px;
}

.formleft{
width: 152px;
float: left;margin-bottom: 10px;
}

.formright{
width: 152px;
float: left;
padding-left: 8px;
margin-bottom: 10px;
}

.submit{
margin-left: auto;
text-align: right;
padding-left: 290px;}


ul{
list-style-type: disc;
list-style-position: inside;
display: block;
}
li{
list-style-type: disc;
list-style-position: inside;
margin-bottom:10px;
display: block;

}

.bold{
font-weight: bold;}
.howweworkleft{
float: left;
margin-right: 20px;}
.howweworkright{
position: left;
padding-left: 20px;
padding-top: 5px;
}

.servicesleft{
float: left;
margin-right: 10px;}
.servicesright{
position: left;
padding-left: 0px;
padding-top: 5px;
}

.middle {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
    .quoteright{
    display: block;
    text-align: right;
    font-size: 9px;}
    
div.hr {
  height: 10px;
  border-bottom: 1px solid #ebece1;
  margin-bottom: 10px;
}
div.hr hr {
  display: none;
}

div.clear {
 clear: both;
 }
 
.contactbubble{
font-size: 14px;
padding-left: 40px;
padding-top: 20px;
margin-bottom: -20px;
height: 40px;
float: left;
position: relative;
margin-right: 20px;
}
#email{
background: url(../images/icon_email.jpg) no-repeat left center;
}
#mobile{
background: url(../images/icon_mobile.jpg) no-repeat left center;
}
#landline{
background: url(../images/icon_home.jpg) no-repeat left center;
}

#tabs{

border: 0px;
font: 11px Verdana,Arial, San-Serif;
	color:#999999;
	padding: 0px;
	margin: 0px;
}

#tabs ul{
border: 0px;
background: none;
padding: 0px;
}

#tabs li{
border:0px;
background: none;
padding: 0px;}

#tabs li a{
border:0px;
display: block;
width: 150px;
height: 50px;
margin: 0px;
margin-left: -2px;
padding: 10px;
padding-top: 20px;
color: #b6b6b6;
font-style:italic;
}


#tabs li a:hover{
border:0px;
background: url(../images/tab.jpg) no-repeat bottom center;
display: block;
width: 150px;
height: 50px;
margin: 0px;
margin-left: -2px;
padding: 10px;
padding-top: 20px;
color: #b6b6b6;
font-style:italic;
}

#content .service {
	width: 730px;
	margin: 0px auto 0;
	background: #fff;
	padding-bottom: 30px;
	position: relative;
}

.ui-tabs-nav .ui-tabs-selected a{
   background: url(../images/tab.jpg) no-repeat bottom center;
   color: black;
   font-style: normal;
}


.blockservices{
width:677px;
background-color: #f3f4e8;
border-top: 1px solid #ebece1;
color: #666666;
margin-bottom: 15px;
padding-left: 23px;
padding-right: 30px;
line-height: 18px;
}

.blockservices p{

color: #666666;}

#fragment1{
margin-left: -10px;
}

.tabimage{
margin-bottom: 5px;}


.ui-widget-content{
color: #666666;
padding: 0px;}

.aboutimage{
width: 160px;
float: left;
text-align: right;
}
.aboutinfo{
padding-left: 20px;
float: left;
width: 500px;
}

.clients{
float: left;
width: 335px;
}

.testimonialsmall{
float: left;
width: 325px;
padding-left: 10px;
}

.clients a{
display: block;
background-color: #f2f2f2;
float: left;
padding: 3px;
margin-bottom: 5px;
margin-right: 5px;

}

#contentbox {
	width: 350px;
	margin: 30px auto;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

.intro a{
font-size: 14px;
color: #f5d9a7;
text-decoration: underline;
font-weight: normal;
text-shadow: 0px 0px 0px #999999;
filter: dropshadow(color=#999999,offX=0,offY=0);
letter-spacing: normal;
-webkit-transition: color 0.3s ease-out;}

.intro a:hover{
color: white;
}

html {
	background: #f3e5c4 url(../images/torch_tile.jpg) repeat-x;
}
body {
	padding: 0;
	margin: 0;
	background: url(../images/torch_bg.jpg) no-repeat center top;
	color: #666;
	width: 100%;
	display: table;
	font: 11px Verdana,Arial, San-Serif;
	color:#999999;
}
#bar{
background: #b8dbf9;
border-bottom: 1px solid #e1f0fd;}

#headerright a{
color: #ffffff;
font-size: 12px;
font-weight: bold;
-webkit-transition: color 0.3s ease-out;

}

#headerright a:hover{
color: #246eab;
}

#headerright a.active{
color: #246eab;
text-decoration: none;
}

.servicepoint li{

font-size: 18px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #f3f4e8; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 30px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: 14px Helvetica, Arial;
color: #333333;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 9px 20px 14px 20px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #f3f4e8; /*Red color theme*/
color: #246eab;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #f3f4e8; /*Red color theme*/
color: #246eab;
}
.servicedesc{
text-transform: none;
font-style: italic;
font-weight: normal;
margin-top: 4px;
margin-bottom: 4px;
font-size: 10px;}
.tabline{border-bottom: 1px solid #ebece1;
line-height: 2px;}