/**************************************************************************

Copyright©2010-2100 DP Advanced Engineering, Inc.

*The rights to this style reside solely with DP Advanced Engineering, Inc.
Anyone found using and or copying this style will be held liable.

Author: Ignite A Byte (http://www.igniteabyte.com)

**************************************************************************/

/******************************Whole Document*****************************/
html, body {
height:100%;
margin:0;
padding:0;
position:relative;
background:url(../images/split_bg.jpg) repeat-y top center;
font-family:"Times New Roman", Times, serif;
}

a img {
border:0;
}

#background {
width:100%;
height:396px;
background:url(../images/bg_small.jpg) repeat-x top left;
z-index:0;
position:absolute;
}
#wrapper {
width:100%;
min-width:960px;
height:100%;
margin: 0px;
padding:0px;
position:relative;
z-index:1;
}

#background_container {
float:right;
z-index:1;
width:50%;
height:100%;
position:relative;
overflow:visible;
}
#background_right_top {
width:100%;
background:#FFFFFF;
height:116px;
float:right;
top:0;
margin-bottom:2px;
z-index:1;
clear:both;
}

#background_right_middle {
width:100%;
background:#FFFFFF;
height:250px;
float:right;
margin-bottom:2px;
z-index:2;
clear:both;
}

#background_right_bottom {
width:100%;
background:url(../images/content_bg.jpg) repeat-x top left;
min-height: 60px;
height: auto !important;
height: 100%;
float:right;
z-index:3; 
clear:both;
}

#background_right_bottom_gallery {
width:100%;
background:url(../images/content_bg_gallery.jpg) repeat-x top left #CCCCCC;
min-height: 300px;
float:right;
z-index:3; 
clear:both;
}

#main {
width:100%;
z-index:100;
position:absolute;
top:0;
clear:both;
}

#content_container {
width:960px;
height:100%;
min-height:750px;
z-index:101;
}

#header {
height:118px;
width:960px;
background:url(../images/header.jpg) no-repeat top left;
z-index:102;
margin:0;
padding:0;
}

#header_left {
width:242px;
height:118px;
float:left;
}

#header_right {
width:718px;
height:118px;
float:left;
}

#header_right a.company_link {
width:335px;
height:118px;
display:block;
}

#header_right_content {
width:703px;
height:116px;
background-color:#FFFFFF;
float:right;
}

#menu_bar {
width:100%;
height:250px;
margin-bottom:2px;
padding:0px;
z-index:103;
}

#nav_menu {
width:242px;
height:250px;
padding:0px;
float:left;
}

#nav_menu_gallery {
width:242px;
height:250px;
padding:0px;
float:left;
display:block;
}

#flash_menu {
width:716px;
height:250px;
margin:0px;
padding:0px;
float:right;
border-right:2px solid #999999;
}

#BannerDiv {
width:100%;
float:left;
}

#message {
height:33px;
width:640px;
padding:10px;
background:url(../images/flash_tab_bg.png) repeat top left;
color:#CCCCCC;
border-bottom:2px solid #999999;
border-left:2px solid #999999;
border-right:2px solid #999999;
}

#message span {
text-transform:uppercase;
border-bottom:2px solid #999999;
margin-left:10px;
margin-top:5px;
float:left;
}

#message a {
background:url(../images/buttons/get_flash_player.gif) repeat top left;
width:112px;
height:33px;
margin-left:0px;
display:block;
float:right;
}

#nav { width: 242px; margin:0; }

#nav li {
	margin:0;
	padding:0;
	margin-left:-40px;
 	list-style-type:none;
	font-size:2em;
}

#nav li a {
	background-image:url(../images/buttons.gif);
	background-repeat:no-repeat;
	padding: 0;
	display: block;
	height: 36px;
}

#nav li a.nav_home {background-position:0px 0px;}
#nav li a:hover.nav_home {background-position:0px -36px;}
#nav li a.nav_home_active {background-position:0px -36px;}
#nav li a.nav_about {background-position:0px -72px;}
#nav li a:hover.nav_about {background-position:0px -108px;}
#nav li a.nav_about_active {background-position:0px -108px;}
#nav li a.nav_services {background-position:0px -144px;}
#nav li a:hover.nav_services {background-position:0px -180px;}
#nav li a.nav_services_active {background-position:0px -180px;}
#nav li a.nav_projects {background-position:0px -216px;}
#nav li a:hover.nav_projects {background-position:0px -252px;}
#nav li a.nav_projects_active {background-position:0px -252px;}
#nav li a.nav_gallery {background-position:0px -288px;}
#nav li a:hover.nav_gallery {background-position:0px -324px;}
#nav li a.nav_gallery_active {background-position:0px -324px;}
#nav li a.nav_title_24 {background-position:0px -360px;}
#nav li a:hover.nav_title_24 {background-position:0px -396px;}
#nav li a.nav_title_24_active {background-position:0px -396px;}
#nav li a.nav_contact {background-position:0px -432px;}
#nav li a:hover.nav_contact {background-position:0px -468px;}
#nav li a.nav_contact_active {background-position:0px -468px;}

#content_main {
width:100%;
height:100%;
padding:0px;
margin:0px;
z-index:104;
clear:both;
}

/*#content_left {
width:240px;
height:100%;
min-height:320px;
margin-top:20px;
float:left;
}

#content_left_gallery {
width:240px;
height:100%;
min-height:320px;
margin-top:0px;
float:left;
z-index:200;
}

#box {
display:block;
width:210px;
height:246px;
margin-top:30px;
padding:15px;
color:#333333;
background:url(../images/left_content.jpg) no-repeat top center;
}*/

#content_left {
width:240px;
height:100%;
min-height:320px;
margin-top:20px;
float:left;
}

#content_left_gallery {
width:240px;
height:100%;
min-height:320px;
margin-top:0px;
float:left;
z-index:200;
}

#box {
display:block;
width:220px;
height:256px;
margin-top:30px;
padding-top:10px;
padding-right:5px;
padding-left:13px;
color:#333333;
background:url(../images/left_content.jpg) no-repeat top center;
}

#facebook {
display:block;
width:180px;
height:56px;
padding-right:15px;
margin:0px;
}

#facebook a {
background:url(../images/facebook.gif) no-repeat;
padding:0;
display:block;
height:56px;
cursor:pointer;
text-decoration:none;
}

#facebook a.face {background-position:0px 0px;}
#facebook a:hover.face {background-position:0px -56px;}

#credit_cards {
height:50px;
width:180px;
background:url(../images/credit_cards.gif) no-repeat;
position:absolute;
bottom:252px;
margin-left:48px;
padding:10px;
}

#content_right {
width:718px;
height:100%;
min-height:500px;
border-left:2px #999999 solid;
background:url(../images/content_bg.jpg) repeat-x top left #CCCCCC;
float:right;
margin:0px;
padding:0px;
}

#content_right_gallery {
width:718px;
height:100%;
min-height:752px;
border-left:2px #999999 solid;
background:url(../images/content_bg_gallery.jpg) repeat-x top left #CCCCCC;
float:right;
margin:0px;
padding:0px;
}

#content_right_main, #content_right_main_2 {
width:703px;
height:100%;
min-height:400px;
color:#666666;
font-size:14px;
text-align:justify;
margin:0px;
padding:0px;
padding-left:15px;
padding-bottom:15px;
}

#content_right_main, #content_right_main_2 img {
/*padding:10px;
background-color:#999999;
width:250px;*/
}

#content_right_main a, #content_right_main_2 a {
color:#666666;
border-bottom:1px solid #6699cc;
text-decoration:none;
cursor:pointer;
}

#content_right_main a:hover, #content_right_main_2 a:hover {
color:#333333;
border-bottom:2px solid #6699cc;
}

#content_right_main h3 {
text-transform:uppercase;
height:15px;
color:#666666;
border-top:2px solid #6699cc;
clear:both;
padding-top:5px;
}

#content_right_main .contact_details h3, #content_right_main_2 h3 {
text-transform:uppercase;
height:15px;
color:#666666;
border-bottom:2px solid #6699cc;
border-top:0px;
clear:both;
padding-bottom:5px;
}

#content_right_main h3 span.title {
float:left;
}

#content_right_main h3 span.title a {
text-decoration:none;
border-bottom:0px;
cursor:pointer;
}

#content_right_main h3 span.title a:hover {
color:#333333;
}

#content_right_main h3 span.link {
font-size:12px;
float:right;
}

#content_right_main h3 span.link a {
margin:0;
padding:0;
padding:4px;
border-bottom:0px;
}

#content_right_main h3 span.link a:hover {
color:#333333;
border-bottom:0px;
}

#content_right_main p a img, #content_right_main_2 p a img {
float:left;
padding:5px;
margin-right:10px;
margin-bottom:10px;
vertical-align:top;
border:1px solid #666666;
background-color:#999999;
/*width:100px;*/
}

#content_right_main p a img:hover, #content_right_main_2 p a img:hover {
cursor:pointer;
background-color:#CCCCCC;
}

#content_right_main_2 table {
width:100%;
color:#666666;
background-color:#999999;
}

#content_right_main_2 table thead tr{
color:#CCCCCC;
background-color:#666666;
}

#content_right_main_2 table tbody tr{
background-color:#CCCCCC;
}

#content_right_main_2 form {
float:left;
width:300px;
padding-left:15px;
}

#content_right_main_2 form label {
font-size:16px;
border-bottom:1px solid #6699cc;
margin-bottom:5px;
height:25px;
}

#content_right_main_2 input {
width:275px;
background:#CCCCCC;
border:0px;
border-bottom:1px solid #666666;
margin:0px;
padding:5px;
margin-left:25px;
margin-top:10px;
font-size:12px;
color:#333333;
text-transform:uppercase;
margin-bottom:3px;
font-family:"Times New Roman", Times, serif;
}

#content_right_main_2 input:hover {
cursor:text;
background:#999999;
width:275px;
}

#content_right_main_2 select {
cursor:pointer;
width:275px;
background:#CCCCCC;
border:0px;
border-bottom:0px solid #666666;
margin:0px;
margin-left:25px;
margin-top:10px;
padding:5px;
font-size:12px;
color:#333333;
text-transform:uppercase;
margin-bottom:3px;
font-family:"Times New Roman", Times, serif;
}

#content_right_main_2 select:hover {
cursor:text;
background:#999999;
width:275px;
}

#content_right_main_2 .submit input, #content_right_main_2 .submit a {
margin:0px;
margin-top:5px;
padding:0px;
width:100px;
background:#CCCCCC;
padding:5px;
border:1px solid #333333;
display:block;
}

#content_right_main_2 .submit input:hover, #content_right_main_2 .submit a:hover {
cursor:pointer;
color:#333333;
background:#999999;
}

#content_right_main_2 textarea {
margin:0px;
padding:0px;
width:305px;
max-width:305px;
max-height:200px;
height:200px;
overflow:hidden;
background:#CCCCCC;
border:0px;
border-bottom:1px solid #666666;
color:#333333;
font-size:12px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
padding-left:5px;
padding-top:5px;
}

#content_right_main_2 textarea:hover {
cursor:text;
background:#999999;
}

/*************Quote Request Form*****************/

#quote {
margin-left:38px;
}

#quote input {
width:162px;
background:none;
border:0px;
border-bottom:1px solid #666666;
margin:0px;
padding:5px;
font-size:12px;
color:#333333;
text-transform:uppercase;
margin-bottom:3px;
font-family:"Times New Roman", Times, serif;
}

#quote input:hover {
cursor:text;
background:#CCCCCC;
}

#quote p {
margin:0px;
padding:0px;
}

#quote .captcha {
margin-top:5px;
}
#quote .captcha input {
width:30px;
background:none;
border:0px;
border-bottom:1px solid #666666;
margin:0px;
padding:2px;
padding-bottom:0px;
font-size:18px;
color:#333333;
text-transform:uppercase;
margin-bottom:3px;
font-family:"Times New Roman", Times, serif;
}

#quote .captcha input:hover {
cursor:pointer;
background:#CCCCCC;
}

#quote .submit input {
margin:0px;
margin-top:7px;
padding:0px;
width:172px;
background:#CCCCCC;
padding:5px;
}

#quote .submit input:hover {
cursor:pointer;
color:#333333;
background:#999999;
}

#quote textarea {
margin:0;
padding:0;
margin-top:5px;
width:167px;
max-width:167px;
max-height:75px;
height:75px;
overflow:auto;
background:none;
border:0px;
border-bottom:1px solid #666666;
color:#333333;
font-size:12px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
padding-left:5px
}

#quote textarea:hover {
cursor:text;
background:#CCCCCC;
}

/*************Contact Form*****************/
#contact {
color:#CCCCCC;
}

#contact input {
width:300px;
background:#999999;
border:0px;
border-bottom:1px solid #666666;
margin:0px;
padding:5px;
font-size:12px;
color:#333333;
text-transform:uppercase;
margin-bottom:3px;
font-family:"Times New Roman", Times, serif;
}

#contact input:hover {
cursor:text;
background:#666666;
width:300px;
}

#contact p {
margin:0px;
padding:0px;
}

#contact .captcha {
margin-top:5px;
}
#contact .captcha input {
width:30px;
background:none;
border:0px;
border-bottom:1px solid #666666;
margin:0px;
padding:2px;
padding-bottom:0px;
font-size:18px;
color:#666666;
text-transform:uppercase;
margin-bottom:3px;
font-family:"Times New Roman", Times, serif;
}

#contact .captcha input:hover {
cursor:pointer;
color:#CCCCCC;
background:#666666;
}

#contact .submit input, #contact .submit a {
margin:0px;
margin-top:25px;
padding:0px;
width:100px;
background:#CCCCCC;
padding:5px;
border:1px solid #333333;
display:block;
}

#contact .submit input:hover, #contact .submit a:hover {
cursor:pointer;
color:#333333;
background:#999999;
}

#contact textarea {
margin:0px;
padding:0px;
width:305px;
max-width:305px;
max-height:200px;
height:200px;
overflow:hidden;
background:#999999;
border:0px;
border-bottom:1px solid #666666;
color:#333333;
font-size:12px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
padding-left:5px;
padding-top:5px;
}

#contact textarea:hover {
cursor:text;
background:#666666;
}

#search_area {
clear:both;
width:100%;
height:25px;
margin:0;
margin-bottom:15px;
padding:0px;
text-transform:uppercase;
border-bottom:0px solid #999999;
}

#search_area a:hover {
border-bottom:1px solid #6699cc;
}

#search_area .search_box {
float:right;
}

#search {
}

#search p {
margin:0px;
padding:0px;
}

#search input {
width:150px;
background:none;
border:0px;
border:1px solid #999999;
margin:0px;
padding:2px;
font-size:12px;
color:#999999;
margin-top:2px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
}

#search input:hover {
cursor:text;
color:#666666;
border:1px solid #6699cc;
}

#search #submit {
margin:0;
padding:0;
height:25px;
width:25px;
border:0px;
vertical-align:top;
background:url(../images/search.jpg) no-repeat;
}

#search #submit:hover {
cursor:pointer;
background-position:0px -25px;
}

h3.section {
margin-top: 1em;
}

#horizontal_slide {
background: #000;
color: #8A7575;
padding: 10px;
border: 5px solid #F3F1F1;
font-weight: bold;
width:600px;
min-height:700px;
}

div.marginbottom {
 margin-bottom: 10px;
}


#footer {
width:100%;
height:100%;
min-height:260px;
margin:0px;
padding:0px;
background:url(../images/footer_bg.gif) repeat-x top left #CCCCCC;
border-top:2px solid #999999;
clear:both;
text-transform:uppercase;
font-size:12px;
color:#333333;
position:relative;
}

#footer p {
margin-bottom:0;
padding-bottom:0;
}

#footer .footer_seo {
width:940px;
margin-top:10px;
margin-bottom:20px;
background-color:#999999;
font-size:11px;
padding:10px;
text-align:justify;
color:#CCCCCC;
line-height:13px;
}

#footer .footer_seo a {
color:#666666;
}

#footer .footer_seo a:hover {
color:#333333;
}

#footer a {
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
font-size:12px;
color:#333333;
}

#footer a:hover {
color:#666666;
border-bottom:2px solid #6699cc;
}

#footer .spacer {
font-size:14px;
margin-left:20px;
margin-right:20px;
border-right:1px solid #CCCCCC;
width:1px;
}

#credits {
clear:both;
padding-top:10px;
}

#copyright {
float:left;
padding-left:20px;
padding-top:5px;
}

#design {
float:right;
padding-right:20px;
}

#MooFlow a {
border:0px;
text-decoration:none;
}

#MooFlow a:hover {
border:0px;
text-decoration:none;
}



#menu{float:left}
#menu{list-style:none; padding:0 22px;}
#menu ul{padding:0 0 0 20px; list-style:square}
#menu a{padding:6px 0;display:block; font-size:14px; white-space:nowrap}
#menu a:hover{color:#E79D35}
#menu li a{font-weight:bold;}
#menu li li a{font-weight:normal}
#donate{padding:10px 0;}

ul.sub{list-style:none;margin:0 0 40px 0;}
ul.sub li{ float:left;}
ul.sub a{ padding:5px 10px; margin:5px 5px 0 0; background:#111; border:solid; display:block}
ul.sub a:after{content: " »"}
ul.sub a:hover{color:#C17878}

ul.list{border:1px solid #888}
ul.list, ul.list ul{padding:5px 0 5px 20px; margin:6px 0}
ul.list li{padding:2px 0}

.half{width:49%;margin-bottom:2%}
.colAA{width:68%;margin-bottom:2%}
.colC{width:30%;margin-bottom:2%}
.left{float:left}
.right{float:right}

#listing{color:#222}
pre {
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 5px 7px;
	overflow: auto;
	font-size: 12px;
}
pre, code {margin:0 0 1em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

.kw1 {
	color: #1b609a;
}

.kw2 {
	color: #9a6f1b;
}

.me1 {
	color: #666;
}

.kw3, .re0, .sc1 {
	color: #784e0c;
}

.br0 {
	color: #444;
}

.st0 {
	color: #489a1b;
}

.co1, .coMULTI {
	color: #888;
}

.nu0 {
	color: #70483d;
}