/* 
  ------------------------------------
  Loading Deck Version 2 DARK
  Dan Hewitt
  www.loadingdeck.com
  ------------------------------------
*/

body {
	margin: 0;
	padding: 0;
	background: #333;
}

body,td,th,input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}

a img {border: none;}

ul {margin: 0;}

.clear {clear: both;}

.highlight {background: #ffffcc;}

.marg {margin: 0 0 20px 0}

h1, h2, h3 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
}

h1 {
	font-size: 1.4em;
	line-height: 20px;
	color: #aeddea;
	margin: 0 0 20px 0;
	padding: 0;
}
h2 {
	font-size: 1.9em;
	text-transform:uppercase;
	line-height: 25px;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #ffb22b;
}
h3 {
	font-size: 1.0em;
	line-height: 20px;
	color: #c8c8c8;
	margin: 0 0 6px 0;
	padding: 0;
	font-weight: bold;
}
h4 {
	margin:0; 
	padding:0px; 
	font-size:9px; 
	line-height:9px;
	color:#999;
}
h5 {
	font-size: 1.6em;
	line-height: 30px;
	color: #a0a0a0;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	border-bottom: 2px solid #4d4d4d;
}
.orange {
	color:#ffb22b;
}
.grey {
	color:#808080;
	text-transform:none;
}
.hborder {
	border-top: 1px solid #ffcc00;
	margin: 10px 0 6px 0;
	padding: 20px 0 0 0;
}


/* Links */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

#content a:link, #content a:visited, #content a:hover {color: #ffcc00;}
#notice a:link, #notice a:visited, #notice a:hover {color: #ffcc00; font-weight: bold;}
#foot a:link, #foot a:visited, #foot a:hover {color: #ffcc00;}
#boxwrap a:link, #boxwrap a:visited, #boxwrap a:hover {color: #fff; font-weight: bold;}

/* All */

.float_left {width: 170px; float: left;}
.float_right {width: 615px; float: right;}
.float_right p {margin: 0 0 20px 0; text-align: justify; word-spacing: 4px;}
.float_right em {color: #fff;}

/* Head */

#head {
	height: 130px;
	color: #fff;
	padding:0px;
	margin:0px;
	background-image:url(../images/head_bg.jpg);
	background-repeat:repeat-x;
}
#head_contain {
	width: 800px;
	height:130px;
	margin: 0 auto;
	padding: 0px;
	background-image:url(../images/head_banner.jpg);
	background-repeat:no-repeat;
}
#notice {
	background: #faf6e1;
	color: #999;
	border-bottom: 4px solid #fff;
	font-size: 11px;
}
#notice_contain {
	width: 800px;
	margin: 0 auto;
	padding: 8px 20px;
	height: 13px;
}
#notice img {margin-right: 10px;}

/* Content */

#entire {
	width: 100%;
	margin: 0;
	padding: 0;
}
#content {
	width: 800px;
	margin: 0 auto;
	padding: 0px 20px;
	background: #333;
	line-height: 20px;
	overflow: hidden;
}

/* Foot */

#foot {
	color: #929292;
	margin: 0;
	overflow: hidden;
	clear: both;
	font-size: 11px;
}

#foot_contain {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 40px 0;
	border-top: 1px solid #4d4d4d;
}

/* Main navigation */

.nav-a	{
	list-style: none;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.nav-a a {
	color: #ddd;
	display: block;	
	padding: 6px 10px 10px 10px;
}
.nav-a a:link {
	background-color: #474747;
	color: #ddd;
	text-decoration: none;
}
.nav-a a:visited {
	background-color: #474747;
	color: #ddd;
	text-decoration: none;
}
.nav-a a:hover {
	color: #ddd;
	background-color: #3b3b3b;
}

/* Recents bar navigation */

#res_nav {
	background-image:url(../images/recentbar_bg.jpg);
	background-repeat:no-repeat;
	width:169px;
	height:300px;
	margin: 0;
	padding: 10px;
}
#res_nav ul {
	margin: 0;
	padding: 0;
}
#res_nav ul li {
	display: block;
	list-style: none;
	margin: 0 0 6px 0;
}
#res_nav ul li a:link, #res_nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#res_nav ul li a:hover {
	color: #333;
}

/* Sub navigation */

#sub_nav {
	margin: 0;
	padding: 0;
}
#sub_nav ul {
	margin: 0;
	padding: 0;
}
#sub_nav ul li {
	display: block;
	list-style: none;
	margin: 0 0 10px 0;
}
#sub_nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 7px;
}
#sub_nav ul li a:hover,#sub_nav ul li a.current {
	color: #fff;
	background: #1f1f1f;
}

/* Projects */

#project_box {
	margin:0px;
	text-align:center;
}
#project_box img {
	border:4px solid #444;
	margin:0 0 5px 0;
}
#project_desc {
	margin: 0 0 20px 0;	padding: 10px 10px 8px 10px; background: #1c1c1c; background-image:url(../images/project_desc_btm.jpg); background-position:bottom; background-repeat:no-repeat;
}

a.projectNaviTab
{
	color: #ffffff;
	padding-left:13px;	
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	width:100%;
	text-decoration:none;
	display:block;
	background-color:#333;
}
a.projectNaviTab:hover 
{
	background-color:#1c1c1c;
	text-decoration:none;
}

a.projectNaviTabSelected:link, a.projectNaviTabSelected:visited
{
	color: #ffffff;
	padding-left:13px;	
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	width:100%;
	text-decoration:none;
	display:block;
	background-color:#1c1c1c;
}

table#project_desc_navi {
	background-color:#1c1c1c;
}

td.tdSearchTabsBack
{
	background-color:#333;	
}

/* Project Comments */
table.cinfo {
	background-color: #3c3c3c;
	margin:0 0 10px 0;
}
.cinfo .img {
	width:100px;
}
.cinfo .name {
	font-size: 35px;
	font-weight:bold;
	color: #fff;
}
.cinfo .name .small {
	font-size: 11px;
	color:#999999;
}
.cinfo .date {
	font-size: 11px;
	color:#808080;
}
div.comment {
	margin:0 0 10px 0;
}

/* Blog */

#blog_title_box {
	margin: 0px; padding: 5px; background: #2c2c2c;
}
#blog_title_box h3 {
	margin:0px; padding:0px;
}
#blog_post {
	margin: 0px; padding: 5px; background: #1c1c1c; border-bottom: 4px solid #ffb22b; margin-bottom:10px;
}

/* Previews */

.preview {
	width: 100%;
	display:block;
	clear:both;
}

.thumb_left {
	width: 260px;
	float: left;
	overflow: hidden;
}
.text_right {
	width: 330px;
	float: right;
	overflow: hidden;
}

.launch {
	background-image: url(../images/icons/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 15px;
}

/* Thumbnails */

.thumbnail {
	width: 295px;
	float: left;
	overflow: hidden;
	margin: 0 0 20px 0;
}
.thumbspace {
	margin: 0 25px 0 0;
}
div.thumbnail a {
	display: block;
	width: 295px;
	height: 100px;
	overflow: hidden;
}
div.thumbnail a:hover img{
	position: relative;
	top: -100px;
}


/* UL list */

.wslist {
	margin: 0 0 20px 0;
	padding: 0;
}
.wslist ul {
	margin: 0;
	padding: 0;
}
.wslist ul li {
	display: block;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #4d4d4d;
}
.wslist ul li a {
	color: #555;
	text-decoration: none;
	padding: 0;
	display: block;
}
.wslist ul li a:hover,.wslist ul li a.current {
	color: #999;
	text-decoration: none;
	background: #444;
	display: block;
}

.serviceslist {
	margin: 0;
	padding: 0;
}
.serviceslist img {
	margin-right:5px;
	margin-bottom:5px;
}
.serviceslist ul {
	margin: -15px 0 0 0;
	padding: 0;
}
.serviceslist ul li {
	display: block;
	list-style: none;
	margin: 0;
}

.pagelist {
	margin: 0;
	padding: 0;
}
.pagelist ul {
	margin: 0;
	padding: 0;
}
.pagelist ul li {
	display: block;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #4d4d4d;
	padding: 0 0 0 20px;
	background-image: url(file:///C|/Documents%20and%20Settings/user/My%20Documents/Szehoe/images/icons/page.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/* Box */

#boxwrap {
	margin: 0 0 20px 0;
	padding:  0;
	border-bottom: 4px solid #ffb22b;
	color: #999;
	font-size: 11px;
	line-height: 11px;
}
.boxthis {
	color: #fff;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 32px;
	background-color: #00ccff;
	background-image: url(file:///C|/Documents%20and%20Settings/user/My%20Documents/Szehoe/images/icons/comment.gif);
	background-repeat: no-repeat;
	background-position: 10px 11px;
}
.boxnext {margin: 0 0 20px 0; padding: 10px; background: #444; text-align: justify;}
.boxsale {color: #fff; margin: 0 0 20px 0; padding: 10px 10px 10px 28px; background: #00cc00; background-image: url(file:///C|/Documents%20and%20Settings/user/My%20Documents/Szehoe/images/icons/alert.gif); background-repeat: no-repeat;	background-position: 10px 11px; font-size: 11px; line-height: 11px;}
.boxsold {color: #fff; margin: 0 0 20px 0; padding: 10px 10px 10px 28px; background: #e70c42; background-image: url(file:///C|/Documents%20and%20Settings/user/My%20Documents/Szehoe/images/icons/alert.gif); background-repeat: no-repeat;	background-position: 10px 11px; font-size: 11px; line-height: 11px;}

.boxcolor {margin: 0 0 20px 0;	padding: 20px 10px 8px 10px; background: #2c2c2c url(file:///C|/Documents%20and%20Settings/user/My%20Documents/Szehoe/images/backgrounds/testimonial.gif) bottom repeat-x;}
.boxcolor h2 {
	padding: 0 0 0 22px;
	background-image: url(file:///C|/Documents%20and%20Settings/user/My%20Documents/Szehoe/images/icons/testimonial.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

.boxprice {width: 300px; float: left; margin: 0 0 20px 0; color:#fff;}
.boxprice em {color: #00ccff; font-style: normal;}

/* Align */

.aright { float: right; font-family: Georgia, Verdana, Arial, Sans-Serif; font-size: 1.9em; color:#8dc63f;}
.bleft { float: left; display: block;}
.bright { float: right; display: block;}

/* Contact form */

#cform input, #cform textarea, #cform select {
	padding: 5px;
	color: #fff;
	background-color: #3c3c3c;
	border: solid 1px #444;
}
#cform p {
	margin:0 0 5px 0;
	color:#555;
}
#cform label,#cform input {
	display: block;
	width: 60%;
}
#cform label {text-align: left;	width: 100%; color: #999;}
#cform textarea {width: 80%;}
#cform select {width: 60%;}
#cform .submit {width: 100px; clear: both;}

.required {color: #ff0000;font-weight: bold;}

.validation {margin: 10px 0; display: block; vertical-align:middle; clear: both;}

#namerequired, #emailrequired, #validationrequired {color: #e80b3a; font-weight: bold; clear:both}

#calculatedprice {clear: both; color: #fff; font-weight: bold; border-top: 1px solid #00ccff; margin: 20px 0 0 0; padding: 20px 0 0 0;}

/* Comment Edit Form */

.cedit {
	background-color: #1c1c1c; margin:0 0 10px 0;
}

.cedit tr, .cedit td {
	color:#fff;
}

.ceditform input, .ceditform textarea, .ceditform select {
	padding: 5px;
	color: #fff;
	background-color: #3c3c3c;
	border: solid 1px #444;
}
.ceditform select {width:200px;}
.ceditform .submit {width: 100px; clear: both;}