@charset "utf-8";
/* CSS Document */

/* General Items */
body {
	background: #FFFFFF;
	margin: 0 auto 10px;
	width: 910px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}
table {
	border-collapse: collapse;
	width: 100%;
}
table table {
	width: auto;
}
td {
	vertical-align: top;
}
#layout {
	background: #000000 url(../images/mainbg.gif) repeat-y center center;
	height: 600px;
}

/* Menu */
#menu {
	background: url(../images/menubg.gif) repeat-y left;
	padding: 0 0 0 5px;
	width: 50px;
}
#menu table {
	background: none;
	border-left: 1px solid #000000;
	width: 100%;
	heisght: 600px;
}
#menu td {
	padding: 0 5px 0 0;
}
#menu a img {
	border: 0;
}
#menu a:hover img {
	background: #000000;
}

/* Sub Menu */
#submenu {
	border: 1px solid #111111;
	background: #111111;
	color: #FFFFFF;
	text-align: center;
	width: 200px;
}
#submenu a {
	display: block;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	text-trandsform: uppercase;
	letter-spacing: 3px;
	font-size: 7pt;
	color: #FFFFFF;
}
#submenu a:hover {
	background: #000000;
	color: #FFCC00;
}

/* Main */
#main {
	padding: 20px;
	vertical-align: top;
	color: #AAAAAA;
}

/* Right Column */
#rightcol {
	background: #111111 url(../images/coldark.gif) repeat-y left;
	padding: 0;
	width: 250px;
}
#rightcol table {
	width: 100%;
	height: 600px;
}
#rightcol td {
	background: #111111 url(../images/coldark.gif) repeat-y left;
	padding: 20px;
	color: #CCCCCC;
	font-size: 8pt;
}
#rightcol td.even {
	background: #222222 url(../images/collight.gif) repeat-y left;
}
#rightcol .portfolio img {
	margin: 8px;
}
#rightcol .portfolio img:hover {
	border: 5px solid #FFFFFF;
	margin: 3px;
}

/* Right Image */
#rightimg {
	padding: 0 5px 0 0;
	text-align: right;
	width: 50px;
}

/* Footer */
#footer td {
	background: url(../images/footer.gif) no-repeat top center;
	color: #999999;
	padding: 5px 0 0;
	text-align: center;
	font-size: 7pt;
}
#footer a {
	color: #999999;
}

/* General Text Formatting */
h1 {
	color: #FFCC00;
	font-size: 18pt;
	font-weight: normal;
	margin: 0 0 10px;
}
h2 {
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 5px;
}
h3 {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 5px;
}
P {
	margin: 0 0 20px;
	tehxt-align: justify;
}
a {
	color: #a6d428;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	list-style-type: square;
}
span.error {
	display: block;
	color: #FF0000;
	font-size: 7pt;
}
input, textarea {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
}
.checkbox {
	width: auto;
	height: auto;
}
.submit input, input.submit {
	width: auto;
}

/* Login form */
#login {
	border: 10px solid #111111;
	background: #111111;
}
#login td {
	padding: 5px 5px 0;
}
#login .submit {
	padding: 5px !important;
}
#login input {
	width: auto;
}

/* Info Layout */
#infoLayout, #mainInfo {
	border: 1px solid #222222;
}
#mainInfo {
	width: 100%;
}
#infoLayout .heading td, #mainInfo .heading td {
	background: #222222;
	text-transform: uppercase;
	font-size: 7pt;
	letter-spacing: 3px;
}
#infoLayout td, #mainInfo td {
	padding: 5px;
}

/* Home page info layout */
#homelayout {
	background: #000000 url(../images/boxbg.gif) repeat-y left;
	width: 100%;
}
#homelayout td {
	width: 50%;
	padding: 20px 0 20px 20px;
}
#homelayout ul {
	margin: 0 0 0 25px;
}
#homelayout li {
	margin-bottom: 3px;
}

/* Contact Form */
#contact {
	width: auto;
}
#contact td {
	vertical-align: bottom;
}
#contact table {
	background: #222222;
}
#contact table td {
	padding: 10px 10px 0 !important;
	vertical-align: top;
	text-align: left;
}
#contact table td.submit {
	padding: 10px !important;
	text-align: center;
}

/* Portfolio */
#portfolio {
	border-collapse: separate;
	width: 100%;
}
#portfolio #thumbs {
	background: #222222;
	width: 195px;
	padding: 10px !important;
}
#portfolio #thumbs p {
	margin: 8px 0px 1px 7px;
}
#portfolio #thumbs p img {
	border: 0;
	margin: 0 4px 0 0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#portfolio #thumbs p a:hover img {
	border: 0 !important;
	margin: 0 4px 0 0 !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#portfolio #thumbs img {
	display: inline-block;
	margin: 7px;
	cursor: pointer;
}
#portfolio #thumbs a:hover img {
	display: inline-block;
	border: 5px solid #FFFFFF !important;
	margin: 2px !important;
}
#portfolio #info {
	background: #FFFFFF;
	padding: 13px 18px 18px !important;
	color: #333333;
	font-size: 8pt;
}
#portfolio #info h2 {
	font-size: 16pt;
	letter-spacing: 0;
	font-weight: normal;
	color: #333333 !important;
}
#portfolio #info p {
	text-align: left;
}
#portfolio #info a {
	color: #0066FF !important;
}
#portfolio #info #content table {
	width: 100%;
}
#portfolio #info #content table td.pic {
	width: 50%;
	text-align: right;
}



#portfolio .img {
	float: right;
	margin: 5px 0 10px 10px;
}
.portfoliocontent {
	position: absolute;
	visibility: hidden;
}

/* Services */
.hiddencontent {
	position: absolute;
	visibility: hidden;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

/* Captcha styles */
#captcha {
	padding: 0px !important;
}
#captcha table td {
	padding: 0px !important;
}

/* Tabbed panels */
#panel {
	width: 100%;
}
#panel h2 {
	margin-bottom: 0px !important;
}
#panel tr.menu td {
	background: none;
	border: 0;
	padding: 0 !important;
}
#panel tr.menu a {
	display: inline-block;
	position: relative;
	top: 1px;
	background: #000000;
	border: 1px solid #000000;
	border-bottom: 0;
	padding: 2px 12px;
	text-decoration: none;
}
#panel tr.menu a:hover, #panel tr.menu a.active {
	background: #333333;
	padding: 4px 12px;
}
#panel td {
	background: #333333;
	border: 1px solid #000000;
	padding: 10px;
}
#panel tr.content td {
	padding: 0 0 15px;
	height: 200px;
}
#panel tr.content table td {
	height: auto;
}
#panel tr.content #mainInfo {
	border: 0;
}
#panel tr.content #mainInfo tr.heading td {
	background: #000000;
	padding: 5px 10px;
	border: 0;
}
#panel tr.content #mainInfo td {
	padding: 5px 10px;
	border: 0;
}
#panel tr.content #mainInfo tr.submit td {
	border: 1px solid #000000 !important;
	border-width: 1px 0 !important;
}
#panel tr.paging td, #panel tr.search td {
	background: #222222;
	border: 1px solid #000000;
	font-size: 8pt;
	vertical-align: middle;
	padding: 2px 10px;
	color: #CCCCCC;
}
#panel tr.paging #paging td {
	border: 0;
	padding: 0;
}
#panel #search {
	float: right;
	border: 0 !important;
}
#panel #search td {
	border: 0 !important;
	padding: 0;
}
#panel #search input.search {
	border: 1px solid #000000;
	background: #EEEEEE;
	height: 14px;
	margin-bottom: 1px;
}
#panel tr.spacer td {
	padding: 0;
	line-height: 0.7;
}

/* Paging */
#paging {
	width: 100%;
}
#paging td {
	padding: 5px 0;
	vertical-align: middle;
	font-size: 8pt;
}
#paging select {
	font-size: 8pt;
	width: auto;
}