body	{
	margin:0; 
	padding:0; 
	font:normal 12px/20px Arial, Tahoma, Verdana, Sans-serif; 
	background:transparent;
/*	background-image:url('../hercules-bkgnd.jpg'); */
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear	{ clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }

.floatleft			{ float:left;}
.floatright			{ float:right;}
.center 			{ text-align:center; }

a {
	border:0; 
	outline: none; 
	}

.divider {
	clear:both;
	margin:20px 0; 
	background:#990000;
	height:4px;
	}

#sidebar .divider {
	background:#777;
	}


small {
	font:normal 14px Tahoma, Arial, Verdana; 
	}
	
span.small {
	display:block;
	font:normal 14px Tahoma, Arial, Verdana; 
	color:#999;
	}


#header 			{ margin:0 auto; height:100px; padding-top:0px; padding-bottom:20px;}
#wrapper 			{ width:960px; margin:0 auto;}
.boxwrap			{ width:960px; margin:0 auto; background:#f1f2f3; }

.logo				{ margin:0 auto; text-align:center; border:none;}
.logo a				{ display:block; border:none; }
.logo img			{ border:none; }

#sidebar			{ float:left; width:150px; }
#main				{ width:780px; margin-left:20px; float:left;  background:#f1f2f3; border: 4px solid black;}

.box				{ padding:20px; position:relative; }

.glowbg		{ width:auto; background-color:#eeeeee; background:rgba(0, 0, 0, 0.05); margin:0 auto 25px auto; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.glowborder	{ background-color:#FFFFFF; border:1px solid #ddd; border-color:rgba(0,0,0,0.16); padding:20px; margin:0 auto;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; overflow:hidden; }


/************************************************
	MENU
************************************************/

h1.heading		{ font-family:times new roman; font-style:italic; color:#fff; padding:10px 0; background:#990000; text-align:center; border-bottom:5px solid #ff0000; border-top:0px solid #ffcc00; }
h1.heading span	{ padding:0 30px; font-size:24px; 	font-weight:bold; letter-spacing:1px;}

ul.menu			{ list-style:none; margin:0; padding:0; }
ul.menu li			{ margin:0 0 15px 0; font-size:13px; font-weight:normal }
ul.menu li a		{ 
	display:block; 
	padding:8px 10px; 
	font-weight:normal;
	text-transform:capitalize; 
	text-decoration:none;
	cursor:pointer;
	background:#990000; 
	color:#fff; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.menu li a:hover,
ul.menu li .current	{ color:#ddd; background:navy; cursor:pointer; text-decoration:none; }



.footer				{ color:#990000; font-size:13px; text-align:center; height:100px; margin-top:20px; padding:20px 0; }
.footer a {color:#ffc424; }
.footer a:hover {color:#ffffff; }

ol li				{ margin-bottom:10px; }

.nums				{ font:normal 30px Georgia, Verdana, Arial, Sans-serif; }

form.box			{ display: block; padding: 10px 10px 10px 55px; margin:20px 5px;	-moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; background:#f8f8f8; font-size:11px !important; }

/************************************************
	HEADINGS
************************************************/

h1					{ font: normal 32px/36px Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h2					{ font: normal 26px/30px Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h3 					{ font: normal 22px/24px Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h4 					{ font: normal 18px/20px Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h5 					{ font: normal 16px/20px Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h6 					{ font: normal 11px/14px Arial, Helvetica, sans-serif; margin:0 0 10px 0; }

.large { font-size:40px; vertical-align:middle; font-weight:bold; margin-left:10px; color:#666}

/************************************************
	Login Box CSS ITEMS
************************************************/

.logintable {
	width:400px;
	margin:20px auto;
	}
.logintable p {
	margin:0 0 25px 0;
	}

.logintable .submit {
	text-align:center;
	}

.logintable	 input.input {
	width:95%;
	}
.logintable .input_field  label  {
	display:block; 
	margin-bottom:10px;
	font-weight:bold;
	float:none;
	width: auto;
	position: relative; 
	text-align:left; 
	}
	
/************************************************
	Alert Boxes
************************************************/

span.error 						{ color: #cc0000; border: 1px solid #fe7b7a; background: #ffd6d6 url(../images/icons/error.png) 20px 50% no-repeat;}
span.info 						{ color: #0055bb; border: 1px solid #95BEEF; background: #EFF6FF url(../images/icons/info.png) 20px 50% no-repeat;	}
span.alert 						{ color: #b79000; border: 1px solid #fde179; background: #fef6d8 url(../images/icons/alert.png) 20px 50% no-repeat;}
span.download 					{ color: #ffffff; border: 1px solid #6a8b2c; background: #7E9F59 url(../images/icons/download.png) 20px 50% no-repeat;}
span.success 					{ color: #57861a; border: 1px solid #c2df88; background: #eef7dd url(../images/icons/check.gif) 20px 50% no-repeat;}

span.error,
span.info,
span.alert,
span.success,
span.download 					{ display: block; padding: 10px 10px 10px 55px; margin:15px 5px;	-moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }


span.error,
span.info,
span.alert,
span.success,
span.download					{ border-width:3px 0 3px 0;}

span.help {
	display: block; 
	padding: 5px 5px 5px 45px; 
	margin:10px 0px;	
	font-size:14px;
	line-height:normal;
	color: #000000;
	border: 1px solid #ddd;
	background: #ffffff url(../images/icons/help.png) 10px 50% no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	}

.input_field 					{ clear:both;}
.input_field label 				{ display:block; text-align:right; width:100px; float:left; position: relative; top:6px; padding-right: 6px; }
.input 							{ border: 1px solid #a5e3f1; padding: 6px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }

.input:focus 					{ border-color: #86ccdc; -webkit-box-shadow: 0px 0px 2px 2px rgba(200, 245, 245, 0.9);
-moz-box-shadow: 0px 0px 2px 2px rgba(200, 245, 245, 0.9);
box-shadow: 0px 0px 2px 2px rgba(200, 245, 245, 0.9); }
.smallfield 					{ width: 120px; }
.mediumfield 					{ width: 250px; }
.largefield 					{ width: 450px; }

.select select 					{ border: 1px solid #cfcfcf; padding: 6px;font:normal 11px/18px Verdana, Arial, Sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;	}

.select select:focus 			{ border-color: #86ccdc;}


.textarea textarea 				{ border: 1px solid #cfcfcf; padding: 6px;font:normal 11px/18px Verdana, Arial, Sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	}

.textarea textarea:focus 		{ border-color: #9b9b9b;}


.button 						{ 
	position: relative;
	display: inline-block;
	margin: 0px 2px; 
	padding:8px 10px; 
	background:#ffc424; 
	border: 1px solid rgba(0,0,0,0.3);
	color: #515151;
	cursor:pointer;
	font-weight: 700;
	text-transform:uppercase; 
	text-decoration: none;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(255,186,0)), color-stop(0.58, rgb(255,209,84)));
	background: -moz-linear-gradient(center bottom, rgb(255,186,0) 21%, rgb(255,209,84) 58%);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.1) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,0.2) /* top highlight */, inset 0 -3px 0 0 rgba(0,0,0,0.2) /* bottom shadow */;
	-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 -3px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 0 3px rgba(255,255,255,0.1), inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 -3px 0 0 rgba(0,0,0,0.2);
	text-shadow: 0 1px rgba(255,255,255,0.6);
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
	}

.button:hover 					{ color:#fff; cursor:pointer; text-decoration:none; background:#f6a800;}

* html .button 					{ background:#ffc424; color:#fff; margin: 0px 2px; padding:8px 10px; text-transform:uppercase; text-decoration:none; cursor:pointer;}


.buttonsmall 					{ background:#ffc424; color:#fff; margin: 0px 2px; padding:3px 8px; text-transform:uppercase; font-size:10px; border:none; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration:none;
	cursor:pointer;
}

.buttonsmall:hover 				{ color:#fff; cursor:pointer; text-decoration:none; background:#f6a800; }

* html .buttonsmall 			{ background:#121f2d; color:#fff; margin: 0px 2px; padding:3px 8px; text-transform:uppercase; text-decoration:none; cursor:pointer; }

/************************************************
	Tables
************************************************/

table.systest		              { width:100%; }

table.systest 			{ border:none; border-collapse:collapse; margin:10px auto; }
table.systest th			{ padding:12px 0; }
table.systest td			{ padding:15px 0; vertical-align:top; font:normal 12px/20px Arial, Verdana, Tahoma, Sans-serif; }

table.systest th			{ background:url(../images/table-head-mid.gif) repeat-x 0 0; text-align:left; padding-left:20px; }
table.systest th.lefthead	{ background:url(../images/table-head-left.gif) no-repeat 0 0; text-align:left; padding-left:20px; }
table.systest th.righthead	{ background:url(../images/table-head-right.gif) no-repeat right top; text-align:left; }

table.systest a 			{ text-decoration:none; }
table.systest a:link 		{ }
table.systest a:visited	{ }

table.nobr td				{ border:none;  }

table.systest	tr			{ background:url(../images/td_bottom.png) bottom left repeat-x; }

label.testimos { display:block; float:left; font-size:11px; font-weight:bold; width:100px; color:#999;}

table.testimos td { background:#fff; border-top:1px solid #ffcc00; padding:20px; }

.clientphoto				{ float:left; margin-right:20px; display:inline; width:80px; text-align:center; }
.clientphoto img				{ display:block; }
.clientdetails				{ margin-left:0px; color:#666; float:left; }
.clientdetails	p			{ margin:0 0 2px 0; border-bottom:1px solid #eee; padding:1px 0; font-size:11px; }
.comment 					{ font:italic 13px/20px Georgia, Times, Serif; padding:20px 0; color:#666; }
/************************************************
	PAGINATION
************************************************/

.pagelink 				{ width:10px; font-size:10px; color:#435d82; background:#ffffff; border:1px solid #435d82; clear:both; line-height:35px; text-decoration:none; }

a.pagelink:active,
a.pagelink:visited,
a.pagelink:link 		{ width:10px; border:1px solid #c8dcf1; background:#fff; color:#435d82; padding:6px; }
a.pagelink:hover 		{ width:10px; background:#dae6f3; border:1px solid #b8d1eb; color:#435d82; padding:6px; }
.pagecurrent 			{ width:10px; background:#dae6f3; border:1px solid #b8d1eb; color:#435d82; padding:6px; font-size:9px; }

.shadowblur{
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;}