*,html {margin: 0px; padding: 0px;}

body {background: #f2f1e9; text-align: center; font: 13px trebuchet ms;  color: #393939; padding-bottom: 50px;}

div#wrapper {width: 980px; margin: 0 auto;}

div#header {width: 970px; height: 131px; background: url('../images/header_bg.png') no-repeat; margin: 0 auto; text-align: left; font: 18px trebuchet ms; color: #323232;}
	div#header p {position: relative; top: -8px; margin-left: 10px; color:#fff;}
	div#header img{border:none; padding:0;}
div#header strong {font-weight: normal; color: #ffffff;}

/*=====================
NAVIGATION
*/

div#navigation {width: 970px; height: 67px; background: url('../images/navigation_bg.png') no-repeat; text-align: left;}
div#navigation ul {height: 63px; width: 942px; margin: 0px; padding: 0px; list-style: none; position: relative; top: 4px; left: 14px;}
div#navigation li {display: inline; margin: 0px; padding: 0px;}
div#navigation a {height: 63px; line-height: 63px; float: left; margin: 0px; padding: 0px 0px 0px 2px; text-decoration: none; cursor: pointer;}

#navigation li.current a {background: url("../images/navigation_left_bg.png") no-repeat left top;}
#navigation li.current a span {background: url("../images/navigation_right_bg.png") no-repeat right top; color: #ffffff;}
#navigation a span {font: 14px trebuchet ms; color: #dddddd; line-height: 63px; float: left; display: block; padding: 0px 30px 0px 30px;}
#navigation a:hover {background: url("../images/navigation_left_bg.png") no-repeat left top;}
#navigation a:hover span {background: url("../images/navigation_right_bg.png") no-repeat right top;}
#navigation li.current a:hover {text-decoration: none;}

/* // NAVIGATION */

#content {width: 970px; background: url('../images/content_bg.png') repeat-y;}
#content-top {width: 970px; background: url('../images/content_top_bg.png') no-repeat;}

#content-inner {margin: 0 auto; text-align: left; width: 900px; padding-top: 20px; padding-bottom: 20px;}
	#content-inner img{padding:5px; border:1px dashed #333;}
	#content-inner img.noborder{border:none;}
#content-left {width: 600px; float: left}
#content-right {width: 260px; float: right;}

div.c-r-content {background: #fafafa; border: 1px solid #e2e2e2; padding: 15px;}
div.panel {width: 270px; float: left; margin-right: 25px;}
div.service {width: 275px; float: left; margin: 25px 25px 25px 0px;}

/*======================
TESTIMONTIAL
*/

div.testimontial {width: 300px;float: left;}
div.bubble {width: 300px;background: url('../images/bubble_bg.png') repeat-y center top;}
div.bubble-top {width: 300px; background: url('../images/bubble_top_bg.png') no-repeat center top;}
div.bubble-buttom {width: 300px; height: 61px; background: url('../images/bubble_bottom_bg.png') no-repeat center top;}
div.bubble span {font-size: 20px; font-weight: bold; position: relative; top: 5px; margin: 0px 5px 0px 5px;}



/* HOMEPAGE SLIDESHOW */

#slider1 {width: 888px; /* important to be same as image width */ height: 200px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ border: 5px solid #ffffff;}
#slider1Content {width: 888px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0;}

li.slider1Image {float: left; position: relative; display: none;}
li.slider1Image span {position: absolute; font: 12px trebuchet ms; padding: 10px; width: 888px; background: url('../images/span_transparent.png'); color: #ffffff; display: none;}
li.slider1Image span strong {font-size: 15px; font-weight: bold;}

span.clear {clear: both;}
span.left {top: 0; left: 0; width: 110px !important; height: 200px;}
span.right {top: 0; right: 0; width: 120px !important; height: 200px;}
span.bottom {left: 0; bottom: 0; width: 870px !important;}

div#slider1 ul {list-style-type: none; margin: 0px; padding: 0px;}
div#slider {width: 942px; height: 344px; margin: 0 auto; background: #515151 url('../images/slider_bg.png') no-repeat center top;}
div#sl-inner {width: 900px; margin: 0 auto; text-align: left;}
div#slider h1 {color: #ffffff; font: 30px trebuchet ms; font-weight: normal; text-align: left; margin: 0px 0px 12px 0px;}

/* FOOTER */

div#line {width: 900px; height: 1px; font-size: 0px; border-top: 1px solid #cccccc; margin: 0 auto;}

div#footer {width: 970px; height: 100px; background: url('../images/footer_bg.png') no-repeat; font: 12px trebuchet ms; color: #7e7e7e;}

div#f-left {width: 450px; height: 74px; float: left; text-align: left; position: relative; left: 35px; top: 15px; color: #afafaf;	}
div#f-right {width: 450px; height: 74px; float: right; text-align: right; position: relative; left: -35px; top: 15px;}

/* TABLES */

table.main-table {width: 100%; border-collapse: collapse;}
table.main-table th {padding: 5px; background: #454545; border: 1px solid #ffffff; color: #ffffff;}
table.main-table td {padding: 5px; text-align: left; border: 1px solid #ffffff; background: #fcfcfc;}
table.main-table td.center {text-align: center;}
table.main-table tr.dark td {background: #f6f6f6;}
table#table-contact {width: 100%; border-collapse: collapse; margin-top: 25px;}
table#table-contact td.left{text-align: right; padding: 10px; background: #f6f6f6; border: 1px solid #ffffff;}
table#table-contact td.right{text-align: left; padding: 10px; background: #f9f9f9; border: 1px solid #ffffff;}

/* OTHER */

ul {list-style-type: square; margin: 10px 0px 10px 25px;}

ol {margin: 10px 0px 10px 40px;}

/* A */

a {color: #4575b8; text-decoration: underline;}
a:hover,active,visited {text-decoration: underline;}
a.book {text-decoration: none; color: #393939;}

div#f-left a {text-decoration: underline; color: #7e7e7e;}
div#f-left a:hover {text-decoration: none;}

ul.right-nav a {color: #585858; text-decoration: none;}
ul.right-nav a:hover,active,visited {color: #2b6c9e;}

/* IMGS */

img {border: none;}
img.latest {background: #ffffff; padding: 5px; border: 1px solid #eeeeee; width: 210px; margin: 0px 0px 5px 0px}
img.large {	background: #ffffff; padding: 5px; border: 1px solid #eeeeee; width: 100%; margin: 0px 0px 5px 0px;}
img.right {background: #ffffff; padding: 5px; border: 1px solid #eeeeee; float: right; margin: 10px 0px 10px 10px;}
img.left {background: #ffffff; padding: 5px; border: 1px solid #eeeeee; float: left; margin: 10px 10px 10px 0px;	}
img.button {margin: 10px 0px 10px 0px; border: none;}

div#content-left img.icon {border: none; margin: 0px 20px 20px 0px; padding: 0px; background: none; float: left;}

div.clear {clear: both;}
.right{float:right; margin:10px 0 10px 20px;}
.left{float:left; margin:0 10px 0 20px;}