@charset "utf-8";
/* CSS Document */


/*Resets*/
* {margin-top:0; text-decoration:none;}
body { background-color:#232323;}
h1 { font-size:22px;}
h2 {font-size:18px ;}
h3 {font-size:16px;}
p { font:14px Tahoma, Geneva, sans-serif; color:#363636; font-weight:100;}
ul, li { font:14px Tahoma, Geneva, sans-serif; color:#232323; font-weight:100;}


/*Links*/
a             { color:#232323; text-decoration:none; font-family: "Times New Roman", Times, serif; font-size:14px; font-weight:bold;}
a:hover       { color:#FFF; text-decoration:none;}
a:hover h2 {color:#faa500;}
img { border-style:none;}

/*Layers*/
#head { background:url(bg.png) 0 0 repeat-x;  padding-top:40px;background-color:#fbd39f; height:105px;}
#wrapper { margin: 0 auto;  padding:0 0 10px 0; background:#232323 ;  }
#main-bg {  background-image: url(main-top-bg.png); background-position:0 0; background-repeat: repeat-x; clear:both; display:block; padding-top:0px; width:100%; margin:0 auto; }
#footer {color:#CCC; font: 16px Arial, Helvetica, sans-serif; text-align:right; float:right; width:400px; font-weight:bold; padding:5px 20px 15px 0; }

#footer-validation {float:left; width:400px; clear:both; display:block; top:5px; padding-left:20px;}

/*other pages*/
#large-col {width:90%; min-height:400px; margin:0 auto;  background-image:url(images/paper.jpg); background-position:0 0; background-repeat:repeat; top:0; padding:0; padding-bottom:20px; overflow:hidden; height:auto;}
#content{ padding:10px 10px; width:960px; margin:0 auto;}
.clients {padding:0 5%; text-align:center; }
.client-text {text-align:left; padding-bottom:20px; width:75%;  }

.contact-numbers {float:right; padding-right:20px; text-align:right; clear:both; display:block; overflow:hidden; width:400px;}
.contact-numbers img {border:1px solid #232323; margin-bottom:10px;}

.section { text-align:left; border-bottom:1px  solid #232323; padding-bottom:10px; overflow:hidden; clear:both;}
.section img { }
.section .item {float:left;  width:220px; padding:0 10px 10px; text-align:center;}
.section .item-narrow {float:left;  width:180px; padding:0 10px 10px; text-align:center;}
/*Index Page*/
#welcome-msg-layer {  width:600px; float:left; margin:10px 0; border-right:1px solid #555555; }
#welcome-msg-layer-content{padding-right:10px; font-size:18px; }
#reasons {float:right; clear:both; margin:10px 0;  width:310px; }
#top-content { margin:0 auto;  text-align:center;  background-image: url(main-top-bg.png); background-position:0 0; background-repeat: repeat-x; clear:both; display:block; padding-top:15px; width:100%; min-height:10px;}
#welcome-msg-layer, #reasons {}

 .services li {display:inline; padding-right:4px;}
 .services ul {list-style-type:none; display:inline; border-bottom:1px solid #232323; padding-bottom:10px; margin-bottom:10px;}
 .services a {color:#03F;}
 
/*Navigation*/
.nav { text-align:right; float:right; padding-right:50px; }
#logo {padding-left:50px;}

#web-clients {width:820px; overflow:hidden; padding:10px; display:block; clear:both;}
.clients-right {width:400px; float:right; padding-bottom:10px; }
.clients-left {width:400px; float:left; padding-bottom:10px;}

/* Content Slider */
#featured{ margin:10px auto; width:800px; padding-right:210px; position:relative; border:1px solid #232323; height:250px; background:#232323; overflow:hidden;}
#featured ul.ui-tabs-nav{ position:absolute; top:0; left:800px; list-style:none; padding:0; margin:0; width:210px; }
#featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:0px; border-bottom:1px solid #434343; font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img{ float:left; margin:0px 0px 0; background:#232323; padding:0px; border:1px solid #434343;}
#featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana;line-height:18px; }
#featured li.ui-tabs-nav-item a{ display:block;	height:60px; color:#333;  background:#232323; line-height:20px;}
#featured li.ui-tabs-nav-item a:hover{ 	background:#f2f2f2; }
#featured li.ui-tabs-selected{ 	background:url('images/selected-item.gif') top left no-repeat;  }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#ccc; }
#featured .ui-tabs-panel{ width:800px; height:250px; background:#999; position:relative;}
#featured .ui-tabs-panel .info{ position:absolute; top:180px; left:0; height:70px; background: url('images/transparent-bg.png'); width:800px; }
#featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0;overflow:hidden; }
#featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;}
#featured .info a{ font-size:22px; text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }


/*Form Layout */
input, textarea, select{ 
	padding: 9px;
	margin:5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
	border: 1px solid #888;
	}
option { background: #FFFFFF url('bg_form.png') left top repeat-x;}
textarea { 
	width: 280px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #555555; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
