/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body 				{ font: 10pt "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif; text-align: center; color:#000000; background: url(../images/bg_body.gif) repeat-x #BADBEA;}
#page-wrap 			{ margin: 0 auto; text-align: left; width: 960px; position: relative; background:#fff; 	color:#5c5c5c;}

#left-content 		{ float: left; width: 560px; min-height: 400px; margin: 10px 15px 10px 30px;  }
#left-content ul	{ margin: 0 0 10px 0;  }
#left-content li	{ margin: 5px 0 0 10px; color: #555; }

#full-content 		{ float: left; width: 900px; min-height: 400px; margin: 10px 30px 10px 30px;  }
#full-content td	{ padding: 0 0 10px 10px; }
.clientbox 			{ width: 165px; height: 165px; margin: 0 13px 13px 0; border: 1px solid #ccc; float: left;}

.float-right		{ float: right; margin: 0 0 10px 30px; }
.float-right a		{ font: bold 10pt "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif; text-align: center; color:#000000; }

#right-content		{ float: right; width: 290px; margin: 10px 30px 10px 0px ;   }
#right-content td	{ padding: 0 0 10px 10px; }
.topimg 			{ margin: 20px 0 0 0; }
.more 				{ color: #f00; }
.firstpara			{ font-weight: bold; }
#main-content 		{ width: 100%; }

.wrapper			{ clear:both; float:left; padding: 0 30px 30px 30px; position:relative; width:960px !important; }

a					{ text-decoration: none;  color: #333; }
a:active 			{ position: relative; top: 1px; }
a:hover				{ text-decoration: underline; }
#logo 				{ position: absolute; top: 10px; left: 30px; }

#header				{ position: relative; background: url(../images/bg_menu.jpg) repeat-x;  width: 100%; height: 132px; }
#icons				{ position: absolute; bottom: 52px; right: 30px; }
#telephone 			{ color: #888; font: 1em verdana, tahoma, sans-serif; margin-top: 14pt; position: absolute; right: 30px; top: 13px; text-align: right; }
#telephone a		{ color: #888;  }

h1					{ color: #222; font: 14pt "Trebuchet MS", Georgia Arial, Helvetica, sans-serif;  margin-top: 14pt; }
h2					{ color: #222; font: 12pt "Trebuchet MS", Georgia Arial, Helvetica, sans-serif;  margin-top: 12pt; }
h3					{ color: #222; font: 10pt "Trebuchet MS", Georgia Arial, Helvetica, sans-serif;  margin-top: 10pt; font-weight: bold; }

p					{ margin: 0 0 10px 0px; color: #555; }
/* SLIDER */
#slider				{ position: relative; width: 100%;  height: 302px; background: url(../images/bg_slides.jpg) no-repeat #1a669f;  overflow: hidden; }
#mover				{ width: 2880px; position: relative; }

.slide				{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1			{ color: #D3E2ED; font: 14pt "Trebuchet MS", Georgia Arial, Helvetica, sans-serif;   margin-top: 14pt; }
.slide p			{ color: #D3E2ED; }
.slide ul			{ color: #D3E2ED; }
.slide img			{ position: absolute; top: 20px; left: 500px; }
.slide a			{ color: #f00; float: right;}
.slide a:visited	{ color: #f00; }
#slider-stopper		{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
.slide-left			{ width: 450px; }
.specialoffer		{ float: right; width: 162px; height: 69px; background: url(../images/red-tab.gif) no-repeat; margin: 20px 0 15px 20px;  }								  
.specialoffer p		{ margin: 25px; color: #fff; font: bold 1.2em verdana, tahoma, sans-serif; text-transform: uppercase;}
/* Testimonials */

#testimonials		{ position: relative; width: 100%;  overflow: hidden; }
#testimonials h1	{ margin: 20px 0 0 30px; }
.link				{ position: absolute;  top: 25px; right: 0px; }

#widget 			{ overflow: hidden;  height: 440px; position: relative; float: left;    }

#widget li 			{ margin-left: 30px; clear: left; overflow: hidden; position: relative;   height: 440px; font-size: 1.05em; color: #999; }
.author				{ width: 100%; text-align: right; color: #cc0001; font-style: italic; padding-top: 20px;}
.author a  			{ float: right; font-style: italic; color: #cc0001; padding-top: 20px;}

.testimonial		{ width: 100%; background: url(../images/test_mid.gif) repeat-y;  }
.test_top			{ width: 100%; background: url(../images/test_top.gif) no-repeat; height: 148px; }
.test_mid			{ width: 520px; font: 1.4em verdana, tahoma, sans-serif; margin: 32px 0 0 20px; line-height: 41px; }
.test_btm 			{ width: 100%; background: url(../images/test_btm.gif) no-repeat; height: 70px;  }
.test_btm p			{ margin: 20px; }

/* NAVIGATION */ 

#nav				{ width: 100%;  position: absolute; top: 96px; left: 0px; }
#nav ul	 			{ list-style: none;  }
#nav ul li 			{ display: block; float: left; width: 160px; height: 50px; font: 10pt "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif; color: #fff; line-height: 36px; }
#nav a 				{ display: block; width:160px; height:36px; text-align:center; color: #ccc; font-weight: bold; }
#nav a:hover 		{ font-weight: bold; }
#nav a.active 		{ text-decoration: underline; }
#glass_button 		{ position: absolute; bottom: -2px; left: 0; width: 160px; height: 40px; background: url(../images/glass_btn.png) no-repeat; }


/* Sidebar Sub Menu */
.verticalbar		{ border-bottom:1px solid #dddddd; 	margin-bottom:20px;	}
.submenu			{ margin: 0 0 20px 0; }
.submenu ul li		{ border-bottom:1px solid #d0d0d0; border-top:1px solid #fff; }
.submenu ul li a	{ display:block; padding:8px 0px 8px 15px;	text-decoration:none; font:normal 12px/18px  "Trebuchet MS",Arial, sans-serif; }
.submenu ul li a:hover{ color:#000; background:#e0e0e0; display:block; 	}
.submenu ul li a.current { color:#000; background:#e0e0e0; border-left:5px solid #cc0000; display:block;  padding-left: 10px; }

/* SIDEBAR */
.sidebar			{ position: fixed; width: 280px; background:#e5e5e5; border:1px solid #ccc; margin:20px 0 20px 10px; padding:0 0 10px 0; border-radius:5px; -moz-border-radius:5px;	-webkit-border-radius:5px; -khtml-border-radius:5px; }
.sidebar h2			{ padding: 0 15px; border-bottom:1px solid #d0d0d0; }
.sidebar p			{ padding: 15px; }

/*
#sub2 		{ display: none; }

#sub3 		{ display: none; }
#sub4 		{ display: none; }
#sub5 		{ display: none; }
#sub6 		{ display: none; }
#sub7 		{ display: none; }
#sub8 		{ display: none; }
*/

#sub2 ul	{ margin: 10px;  }
#sub9 		{ position: relative; }

.support	{ position: absolute; top: 200px; left: 375px; }

/* FOOTER */
#footer				{ margin-top: 20px; position: relative; width: 100%; height: 120px;  background: url(../images/bg_slides.jpg) repeat-x #246da2;  }
#footer a			{  color: #D3E2ED; }
#footer p			{  color: #D3E2ED; }

#footer-left p		{ color: #D3E2ED; }
#footer-bottom		{ position: absolute; bottom: 5px; left: 30px; color: #fff; }
#smallprint			{ font-size: 6pt;  }


/* contact page */

.rowElem			{ padding-bottom: 10px; }
label				{ width: 190px; display: block; font: 1em verdana, tahoma, sans-serif;  }

.myInput		{ width: 550px; outline: none; }

.quote				{ background: url(../images/sidebar_quote.gif) no-repeat; padding: 0px 10px 30px 80px; margin: 30px 0 0 0 ; }
.error				{ color: #f00; font: 1em verdana, tahoma, sans-serif; }


#commentWrapper 	{ position: absolute;   width: 300px; }
#comment 			{ position: absolute;    /* just used to show how to include the margin in the effect */  }
#comment.fixed 		{ position: fixed;  width: 300px; top: 0;}


#login-wrap			{ position: relative; background-color: #fff; }
#admin-form	input[type=text] { width: 335px; }
#admin-form	td 			{ vertical-align: top; }
