* {
    padding: 0;
    margin: 0;
} 


body {
    background: #fff;
	font: .74em Arial, sans-serif;
	line-height: 1.5em; 
}

html {
scrollbar-face-color:#a87938;
scrollbar-highlight-color:#F5E069;
scrollbar-3dlight-color:#FAF4D8;
scrollbar-darkshadow-color:#F9D073;
scrollbar-shadow-color:#E39A37;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#ffdf5d;
}


a:link { 
	color: #996633;
	text-decoration: none;
	}
a:visited { 
	color: #996633;
	text-decoration: none;
	}
a:hover { 
	color: #000000 ;
	text-decoration: none;
	}
a:active { 
	color: #996633;
	text-decoration: none;
	}

#footer a:link { 
	color: #999999;
	text-decoration: none;
	}
#footer a:visited { 
	color:#999999;
	text-decoration: none;
	}
#footer a:hover { 
	color: #000000 ;
	text-decoration: none;
	}
#footer a:active { 
	color: #999999;
	text-decoration: none;
	}


img { border-style: none; }

p {

margin-bottom: 10px;
}

.strong {
font-weight: bold;
padding-top: 10px;
}


#wrap {
margin: 20px auto;
width: 800px;
background: #fff url('images/midbg.jpg');
background-repeat: repeat-y;
}


#top { 
background: #fff url('images/topbg.jpg');
height: 56px;
}



#topstyle_media {
	float: left;
	width: auto;
	padding-top: 8px;
	margin-right: 18px;
	margin-left: 520px;
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	}


#topstyle_about {
	float: left;
	width: auto;
	padding-top: 8px;
	margin-right: 18px;
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	}


#topstyle_contact {
	width: auto;
	float: left;
	padding-top: 8px;
	margin-right: 18px;	
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	}

#topstyle_pay {
	float: left;
	padding-top: 8px;
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	}
	
	

	

#content {
padding: 0 40px 0 40px;
}



#bottom {
background: #fff url('images/botbg.jpg');
height: 45px;
}


.header {
width: 705px;
height: 125px;
background: #ffffff;
}

.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #000; }
.header h1 a { font-size: 22px; color: #000; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #000; }


.logo {
float: left;
left: 0px;
top: -20px;
width: 243px;
margin: 0;
}


#menubar {
float: right;
width: 424px;
margin-top: 43px;
margin-left: -2px;
}

/* top menu ------------------------------------------------------------------*/


#menu {display:block;
	width: 445px;
	height: 27px;
	border: 0px solid #000000;
	}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {float:left; margin-right:16px;}

/* Step 5 - Adding the initial images */

#menu li.list1 {background:transparent url(images/nav/services.png) no-repeat; width: 110px;}
#menu li.list2 {background:transparent url(images/nav/rates.png) no-repeat; width: 90px;}
#menu li.list3 {background:transparent url(images/nav/testimonials.png) no-repeat; width: 125px;}
#menu li.list4 {background:transparent url(images/nav/blog.png) no-repeat; position: right; width: 50px;}


/* Step 6 - General link styling */

#menu a {display:block; width:auto; height:0; padding-top:27px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:27px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#menu a#item1 {background:transparent url(images/nav/services-over.png) -130px -90px no-repeat;}
#menu a#item2 {background:transparent url(images/nav/rates-over.png) -130px -90px no-repeat;}
#menu a#item3 {background:transparent url(images/nav/testimonials-over.png) -130px -90px no-repeat;}
#menu a#item4 {background:transparent url(images/nav/blog-over.png) -130px -90px no-repeat; position: right;}

/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:27px; he\ight:0;}


.topbar { 
	margin-left: -17px;
	margin-top: 13px;
    background: url('images/top-bar.gif') no-repeat;
	width: 800px;
	height: 31px;
}


.topbar_style {
	font-size: 10px;
	padding-top: 8px;
	}

	
#consultation ul
{
padding:0;
list-style-type: none;
}

#consultation li { 
margin: 0 0 0 547px;
}

#consultation a {
    display: block;
    color: #8e5b29;
    background-color:transparent;
    width: 171px;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;  

}

#consultation a:hover {
background-color: #ffe78e;
}
	
.middle {
	float: left;
	width: 33%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
}



.box { 
	margin-left: 9px;
	margin-top: 62px;
	width: 160px;
	height: 55px;
}

	


.box a {
	display: block;
	width: 160px;
	height: 55px;
	background-image: url(images/box-over.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -999em;
}


.box a:hover {
	background-position: right;
}


.headlines {
	margin-left: 12px;
	margin-top: 25px;
	width: 160px;
	text-align: left;
	}

.right_home {
	float: left;
	width: 56%;
	margin: 0 10px;
	padding: 1% 1%;
}


.right {
	float: left;
	width: 56%;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 1% 1%;
}



.dashes {
display: block;
height: 5px;
width: 412px;
border-bottom: 2px dashed #d8e9f8;
letter-spacing:2px; 
margin-bottom: 0px;
}



.contactline {
	margin-top: 5px;
	font-size: 11px;
	}


.contactlinemiddle {
	overflow: hidden;
	float: left;
	text-align: left;
	width: auto;
	font-size: 115%;
}


.contactlineright {
	overflow: hidden;
	float: left;
	width: 200px;
	left: 270px;
	text-align: right;
	font-size: 110%;
}



.right ul {
	padding: 7px 0 15px 20px;
	margin:0;
}


.right li {
	margin-bottom:5px;
	list-style-type: circle;
}

.list li {
	list-style-type: circle;
	color: #000000;
}

.middle h2 { color: #000000; font-size: 16px; margin-bottom: 25px; margin-top: 10px;}
.right h2 { color: #000000; font-size: 14px; margin-top: 15px; margin-bottom: 10px;}
.right_home h2 { color: #000000; font-size: 14px; margin-top: 15px; margin-bottom: 10px;}


#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}


#footer {
margin-left: auto;
margin-right: auto;
width: 800px;
font-size: 9px;
color:#999999;
}



.footer_style {
	position: relative;
	width: auto;
	height: auto;
	padding-left: 70px;
	padding-right: 50px;
	margin-top: -22px;
	color:#999999;
	}
	


/* inside pages -----------------------------------------------------------------------*/

	
.menuheader {
font-size: 17px;
margin-top: -32px;
margin-left: 18px;
}


.leftmenu ul {
	margin-top:30px; 
	margin-left: 20px;
	padding:0; 
	list-style-type:none;
	line-height: 200%;
	}
	
	
.leftmenu p {
text-align: left;
line-height: 120%;
}
	
	
h2.kicker  {
font-size: 13px; 
margin-bottom: 10px;
margin-top: 0px;
font-weight: bold;
}

	
h1.head  {
font-size: 17px; 
margin-bottom: 10px;
font-weight: bold;
}

.list {
color: #000000;
}


#social table {
width: 150px;
overflow:hidden;
border: 0px solid #000000;
}

#social tr {
border: 0;
}

#social td {
vertical-align: middle;
padding-top: 10px;
padding-bottom: 15px;
padding-right: 5px;
padding-left: 0;
}
#social tbody td a, tbody th a {
 text-decoration:none;
 font-weight:normal; 
 display:block;
 padding-left:0px;
}

/* table -----------------------------------------------------------------------*/

table {
 font-size:0.9em;
 font-family: Arial, Helvetica, verdana sans-serif;
 background-color:#fff;
 border-collapse: collapse;
}

caption {
 font-size: 16px;
 color: #000000;
 font-weight: normal;
 text-align: left;
 padding-left: 0;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-bottom: 2px;
}

thead th {
 border-right: 1px solid #fff;
 color:#fff;
 text-align:center;
 padding-top:2px;
 padding-right: 2px;
 padding-left: 2px; 
 text-transform:uppercase;
 height:25px;
 background-color: #a87938;
 font-weight: normal;
}
tfoot {
 color:#1ba6b2;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weigth: bold;
 margin-top:6px;
 border-top: 6px solid #a87938;
}
tbody tr {
 background-color:#fff;
 border-bottom: 1px solid #cccccc;
}

.last tbody tr{
border-bottom: 0px solid #cccccc;
}

tbody td {
 color:#414141;
 padding:10px;
 text-align:left;
  vertical-align: top;
}
tbody th {
 text-align:left;
 vertical-align: top;
 padding:8px;
}
tbody td a, tbody th a {
 color:#fed74e;
 text-decoration:none;
 font-weight:normal; 
 display:block;
 padding-left:20px;
}
tbody td a:hover, tbody th a:hover {
 color:#009193;
 text-decoration:none;
}
