/* CSS Document */
/* commented backslash hack v2 \*/

html, body {
    height: 100%;
}
/* end hack */

html {
     height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#010000;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	background-image:url(img/web-back.jpg);
	
}
a{
	color:#97ac7a;
	text-decoration:none;
}
p{
	margin: 0 0 0 0;
	padding: 0px;
	color: #b8c7a7;
	line-height: 1.5em;
}
.x{
	font-size:1.2em !important;
}
.bigtext{
	font-size:1.2em !important;
}
h5, #lev4  h1 {
	color: #9cb946;
	font:normal 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
}
div#wrapper{
	position:relative;
	overflow: visible;
	width:780px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
div#wrapper_2{
	padd:0px;
	margin:0px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
div#home_top{
	margin: 0;
	width:764px;	
	padding-bottom:0px;
	border-right-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;	
}

div#header2 {
	height:80px;
	background:#172400 url('img/body_bg.jpg') no-repeat left top;
	display: block;
	position: relative
	
}
div#footer {
	padding-top:3px;
	background:#380201 url('img/footer_bg.gif') repeat-x 0 0;
	color:#4c1b08;
	clear: both;
	position: relative;
	z-index:10;
	margin-top:-3px;
	width:auto;
	
}
#footer {
	visibility:hidden;
	
}
div#footer p{
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #590000;
	padding-top:16px;
	display:block;
	clear:both;
	padding-left:10px;
	background-image:url(img/seo-bottom.gif);
	background-repeat:repeat-x;
	background-position:top;
}
div#footer p a{
	color: #991414;
	margin:0 2px;
	text-decoration:none;
}
div#footer p a:hover{
	text-decoration:underline;
}
#wrapper #logo {
	display: block;
	position: absolute;
	float: left;
	width:142px;
	background:url('img/left_bg.jpg') no-repeat 0 0;
	top: 0px;
	left: 0px;
	z-index:2;
	overflow:hidden;
	height: 1000px
}
 #home_body {
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
		background-color:#390101;
}
#home_portfolio{
	background-color:#760404;
}
#col {
	padding: 0px;
	margin: 0;
	display: table;
	position: relative;
	background:#390101 url('img/col_bg.gif') repeat-x;
	width: 763px;
	padding-bottom:10px;
	border-right:1px solid #3c5b00;
	background-color:#390101 ;
}
#col h2{
	font:bold 13px arial, "trebuchet MS", Verdana;
	margin:0 0 6 0;
}

#col1, #col2, #col3{
	float:left;
	height:150px;
	overflow:hidden;
}
#col1 a, #col2 a, #col3 a{
	color:#99CC00;
	text-decoration: none;
}
#col1 {
	width:265px;
	background-image:url(img/designer.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#col1 .col_1{
	padding:20px;
}

#col1 .col_1 p a:hover {
	text-decoration: underline;
}
#col2 {
	background-image:url(img/designer.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:243px;
}
#col2 .col_2{
	padding:20px;
}
#col2 .col_2 p{
	margin:0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#bd6969;
}
#col2 .col_2 p a{
	color:#99CC00;
	text-decoration:none;
}
#col2 .col_2 p a:hover{
	text-decoration:underline;
}
#col2 .col_2 p.x{
	color:#FFFFFF;
	margin:0;
}
#col3 {
	
	width:230px;
}
#col3 .col_3{
	padding:5px 13px 15px 20px;
	display: block;
}
#col3 .col_3 img{
	margin-top: 12px;
}
#col3 .col_3 p{
	margin: 0 ;
	font-size:11px;
	color:#e9fe00;
}
#text_ca h2{
	color:#d4ceca;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 6px 0;
	padding:0;
}
#col3 .col_3 #text_ca p{
	color:#9bb37b;
	background:url('img/bullet.gif') no-repeat 6px 3px;
	line-height:1.2em; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
}

#text_ca{
	display:none;
	margin: 15px 0 0 0;
	height: 97px;
	overflow:hidden;
}
#col3 .col_3 p.ca{
	margin:5px 0 0 20px;
}
#col3 .col_3 p.ca a{
	color:#87ac09;
	text-decoration:none;
}
#col3 .col_3 p.ca a:hover{
	text-decoration:underline;
}

.right{
	text-align: right;
	float: right;
}
#col #col1 .col_1 p {
	color: #bd6969;
	margin: 0px;
}

#content{
	width:758px;
	background:#273a02 url('img/text_bg_tile.jpg') repeat-y 0 0;
	margin: 0;
	padding: 0;
	position: relative
}
#lev2_content{
	width:757px;
	background:#315801 url('img/lev2_bg.gif') repeat-x;
	margin: 0;
	padding: 0;
	clear: both;
	border-right: 1px solid #446c04;
	position: relative
}

.subhead {
	font-size: 11px;
	margin:-5px 0 5px 0;
}
.subhead span{
	font-size: 11px;
	font-weight: bold;
}
#rfq #Form1 p, #rfq #Form1 h1{
	width: 650px;
}
 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9CB946;
	margin-top: 0px;
	margin-bottom: 2px;
}
#lipsum p {
	font-size: 11px;
}
#seo {
position:absolute;
left:-500px;
top:-2000px;
}
#seo2{
	clear:both;
	padding:10px;
	padding-left:20px;
	
	width:727px;
}
#seo2 div {
	float:left;
	padding-right:18px;
}
#seo2 div.clear {
float:none;
}
#seo2 div h1{
font-size:11px;
margin:0;
	background-image:url(img/footer-h1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:3px;
	
}
#seo2 div ul{
margin:5px 5px; 0 0;
}
#seo2 div ul li{

	
}
#seo2 a{
	color: #991414;
}
#seo2 a:hover{
	color: #cccccc;
}
/*--------------------------------Navi
-----------------------------------------------------*/

#navi {
	padding: 0px;
	margin: 0;
	display: block;
	background:url('img/nav_bg.gif') repeat-x;
	height: 39px;
	position: relative;
	z-index:39
	}
#menu{
	width: 764px;
	margin-left:auto;
	margin-right:auto;
	background:url('img/bg.gif') repeat-x;
	z-index:40;
}

ul#tabnav  {
	margin:0;
	padding:0;
	background:url('img/bg.gif') repeat-x;
	height:39px;
	position:relative; 
	list-style-type:none;
	
}
ul#tabnav li  {
	float:left;
	margin:0 ;
	padding:0;
	position:relative;

}
ul#tabnav span img{
	border:none;
	padding:0 0 2px 0;
	margin:0;
}
ul#tabnav a {
	float:left;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	text-decoration:none;
	display:block;

}
ul#tabnav a span {
	float:left;
	display:block;
	padding:15px 12px 8px 4px;
	color:#fff;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#tabnav a span {float:none;}
    /* End IE5-Mac hack */
ul#tabnav a:hover span {
	color:#666;
}
ul#tabnav a:hover {
	background:url('img/left_icon.gif') no-repeat left top;
}
ul#tabnav a:hover span {
	background:url('img/right_icon.gif') no-repeat right top;
}


#lev1 ul#tabnav li.tab1 a.toplink, 
#lev2 ul#tabnav li.tab2 a.toplink, 
#lev3 ul#tabnav li.tab3 a.toplink, 
#lev4 ul#tabnav li.tab4 a.toplink, 
#lev5 ul#tabnav li.tab5 a.toplink, 
#lev6 ul#tabnav li.tab6 a.toplink, 
#lev7 ul#tabnav li.tab7 a.toplink,
#highlight a.toplink{
	background:url('img/left_icon.gif') no-repeat left top;
}
#lev1 ul#tabnav li.tab1 a.toplink span, 
#lev2 ul#tabnav li.tab2 a.toplink span, 
#lev3 ul#tabnav li.tab3 a.toplink span, 
#lev4 ul#tabnav li.tab4 a.toplink span, 
#lev5 ul#tabnav li.tab5 a.toplink span, 
#lev6 ul#tabnav li.tab6 a.toplink span, 
#lev7 ul#tabnav li.tab7 a.toplink span, 
#highlight a.toplink span{
	background:url('img/right_icon.gif') no-repeat right top;
}






ul#tabnav ul a:hover {
	background:none;
}
ul#tabnav ul a:hover span {
	background:none;
}
ul#tabnav #current a {
	background:url('img/left_icon.gif') no-repeat left top;
	
}
ul#tabnav #current a span {
	background:url('img/right_icon.gif') no-repeat right top;

}
ul#tabnav  ul {
	clear:both;
	position:absolute;
	clear:both;
	padding:0;
	margin:0;
	top:36px;
	display:none;
	list-style:none;

}
ul#tabnav  ul li{
	float:none;
	clear:both;	
	padding:0;
	margin:0;
	background:none;
	display:block;
	position:relative;
}

ul#tabnav ul li a 
{
	text-decoration: none;
	width:138px;
	display: block;
	color: #79a820;
	background:#2d4007 url('img/nav_bg.gif') repeat-x left top;
	border-left:1px solid #131c01;
	border-right:1px solid #131c01;
	border-bottom: 0px none;
	line-height:23px;
}
* html #lev4 ul#tabnav ul li a 
{
	/*width:150px;*/
}
ul#tabnav ul li a.blank, ul#tabnav ul li a.blank:hover 
{
	padding:0;
	margin:0 0 0 5px;
	display: block;
	width:150px;
	border: none;
	height:10px;
	background:transparent none;
}
ul#tabnav ul li a.blank img
{
	border:none;
	height:16px;
}

ul#tabnav ul li a:hover 
{
	display: block;
	background:#000 url('img/nav_bg_on.gif') repeat-x left top;
	color:#a1bf4f
}


/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; }
* html #menu ul li a { height: 1%; }
/* End */
ul#tabnav li:hover ul { 
	display:block;
}
 #top_link {
	position:absolute;
	margin-left:610px;
	top:0;
	width:135px;
	height:24px;
	background:url('img/top_bg.gif') no-repeat 0 0;
	text-align:center;
	padding-left:3px;
}
 #top_link a{
	text-decoration:none;
	margin:0 10px;
}
#topmenu{
	position:absolute;
	top:80px;
	z-index:150;
	width:100%;
}
 #top_link a:hover{
	color:#fff9c5;
}
.holdm{
	position:absolute;
	top: auto;
	left:0px;
}
@media print{
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
}
@media screen{

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash #lev1 h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

}
 .hide { DISPLAY: none } .show { DISPLAY: block } 

#icol1, #icol2{
	float:left;
	overflow:hidden;
	
}
#icol1 a, #icol2 a a{
	color:#99CC00;
	text-decoration: none;
}
#icol1 {
	width:280px;
	background-image:url(img/submenu.jpg);
	background-repeat:no-repeat;
	height:300px;
	text-align:right;
	
	
}
#icol1 h1{
	margin:0px;
}
#icol1 h1{
	font-size:10px;
padding-bottom:5px;
	color:#f0b4b4;
}
#icol1 h1 .current{
	display:block;
	float:right;
	width:100%;
	background-color:#610101;
	margin-bottom:5px;
	padding:5px;
	padding-right:10px;
}
#icol1 h1 a{
	font-size:10px;
	color:#e43f3f;
	margin-bottom:5px;
	padding-right:10px;
	
}
#icol1 h1 a:hover{
	color:#ffffff;
}
#icol1 .col_1{
	padding:20px;
	padding-right:15px;
}

#icol1 .col_1 p a:hover {
	text-decoration: underline;
}
#icol2 {
	width:420px;
}
#icol2 .col_2{
	padding:20px;
}
#icol2 .col_2 p{
	margin:0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#bd6969;
	padding-top:5px;
	padding-bottom:10px;
}
#icol2 .col_2 p a{
	color:#99CC00;
	text-decoration:none;
}
#icol2 .col_2 p a:hover{
	text-decoration:underline;
}
#icol2 .col_2 p.x{
	color:#FFFFFF;
	margin:0;
}
#icol2 .col_2 h1{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	background-image:url(img/head-line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	padding-bottom:10px;
	margin-bottom:10px;
}
#icol2 .col_2 h1 a{
	color:#FFFFFF;
}
#icol2 .col_2 h2{
	margin-top:10px;
	padding-top:3px;
}
#icol2 .col_2 ul{
	margin:0px;
	padd:0px;
	color:#bd6969;
	margin-left:10px;
	
	
}
#icol2 .col_2 li{
	margin-left:10px;
	list-style-type: square;
}
 #webdesign, #webdevelopment, #logodesign, #printmedia {
	padding: 0px;
	margin: 0px;
	display:block;
	background-color:#750303;
	padding:20px;
	
}

#webdesign #porfolio #p1, #webdevelopment #porfolio #p1, #logodesign #porfolio #p1, #printmedia #porfolio #p1{

	background-image:url(img/portfolio-left.gif);
	background-repeat:no-repeat;
	display:block;
	width:29px;
	height:31px;
	float:left;
}
#webdesign #porfolio #p2, #webdevelopment #porfolio #p2, #logodesign #porfolio #p2, #printmedia #porfolio #p2{
	background-image:url(img/portfolio-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:31px;
	
}
#porfolio{
	background-image:url(img/p-bg.gif);
	background-repeat:repeat-x;
	display:block;
	height:31px;
}
#webdesign #porfolio #wd, #webdevelopment #porfolio #wa, #logodesign #porfolio #ld, #printmedia #porfolio #pm, #facebook #porfolio #fa{
	background-image:url(img/portfolio-menu-left.gif);
	background-repeat:no-repeat;
	padding-left:7px;
	float:left;
	margin-left:2px;
	
}
#webdesign #porfolio #wd a, #webdevelopment #porfolio #wa a, #logodesign #porfolio #ld a, #printmedia #porfolio #pm a{
	background-image:url(img/portfolio-menu-right.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:7px;
	display:block;
	float:left;
	height:31px;
	line-height:25px;
	color:#99cc00;
	
}
#webdesign #porfolio #wd h1, #webdevelopment #porfolio #wa h1, #logodesign #porfolio #ld h1, #printmedia #porfolio #pm h1{
	margin:0px;
	padd:0px;
	font-size:10px;
	font-weight:normal;
		
	
	
}

#webdesign #porfolio #wa, #webdesign #porfolio #ld, #webdesign #porfolio #pm, #webdesign #porfolio #fa, #webdevelopment #porfolio #wd, #webdevelopment #porfolio #ld, #webdevelopment #porfolio #pm, #webdevelopment #porfolio #fa, #logodesign #porfolio #wd, #logodesign #porfolio #wa, #logodesign #porfolio #pm, #logodesign #porfolio #fa, #printmedia #porfolio #wd, #printmedia #porfolio #wa, #printmedia #porfolio #ld, #printmedia #porfolio #fa{
	background-image:url(img/d-left.gif);
	background-repeat:no-repeat;
	padding-left:7px;
	float:left;
	
}

#webdesign #porfolio #wa a, #webdesign #porfolio #ld a, #webdesign #porfolio #pm a, #webdevelopment #porfolio #wd a, #webdevelopment #porfolio #ld a, #webdevelopment #porfolio #pm a, #logodesign #porfolio #wd a, #logodesign #porfolio #wa a, #logodesign #porfolio #pm a, #printmedia #porfolio #wd a, #printmedia #porfolio #wa a, #printmedia #porfolio #ld a, #webdesign #porfolio #fa a, #webdevelopment #porfolio #fa a, #logodesign #porfolio #fa a, #printmedia #porfolio #fa a{
	background-image:url(img/d-right.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:7px;
	display:block;
	font-size:10px;
	float:left;
	height:31px;
	line-height:25px;
	color:#611b01;
	
}
#webdesign #porfolio #wa a:hover, #webdesign #porfolio #ld a:hover, #webdesign #porfolio #pm a:hover, #webdevelopment #porfolio #wd a:hover, #webdevelopment #porfolio #ld a:hover, #webdevelopment #porfolio #pm a:hover, #logodesign #porfolio #wd a:hover, #logodesign #porfolio #wa a:hover, #logodesign #porfolio #pm a:hover, #printmedia #porfolio #wd a:hover, #printmedia #porfolio #wa a:hover, #printmedia #porfolio #ld a:hover, #webdesign #porfolio #fa a:hover, #webdevelopment #porfolio #fa a:hover, #logodesign #porfolio #fa a:hover, #printmedia #porfolio #fa a:hover{
	color:#ffffff;
	
}
#pbg{
	background-image:url(img/p-t-bg.gif);
	display:block;
	height:39px;
	top:20px;
}
#pleft{
	background-image:url(img/p-t-left.gif);
	background-repeat:no-repeat;
	display:block;
	width:26px;
	height:39px;
	float:left;
	
}
#pright{
	background-image:url(img/p-t-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	float:right;
	width:26px;
	height:39px;
	
}
#port-bg{
	background-color:#2f0100;
	background-image:url(img/port-bg.gif);
	width:664px;
	display:table;
	padding-right:30px;
	padding-left:30px;
	
}#port-bg-logo{
	background-color:#2f0100;
	background-image:url(img/port-bg.gif);
	width:643px;
	display:table;
	padding-right:30px;
	padding-left:45px;
	
}
#p-d-bg{
	background-image:url(img/p-d-bg.gif);
	display:block;
	height:45px;
}
#p-d-left{
	background-image:url(img/p-d-left.gif);
	background-repeat:no-repeat;
	display:block;
	width:26px;
	height:45px;
	float:left;
	
}
#p-d-right{
	background-image:url(img/p-d-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	float:right;
	width:26px;
	height:45px;
	
}
#port-bg a{
	width:218px;
	height:154px;
	float:left;
	background-image:url(img/project-bg.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:26px;
	border-style: none;
}
#port-bg a img{
	border: 3px solid #000000;	
	width:173px;
	height:130px;
	
}
#port-bg-logo img{
	border: 5px solid #000000;	
	margin:5px;
	
}
#port-bg a:hover img{
border: 3px solid #99cc00;	
	
}
#logodesign #port-bg img{

}
.imgRight{
	float:right;
	padding-right:10px;
}
.text{
	color: #b8c7a7;
	line-height: 1.5em;
}
.txtbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #951b1b;
	border: 1px dotted #666666;
}
.input_field{
float:left;
padding-left:3px;
margin-bottom:3px;
}
legend {
	color: #96bf00;
	font-size:11px;
}
#printlarge{
	float:left;
	padding-right:15px;
	display:block;
}
.printsmall{
	float:left;
	padding-right:7px;
	display:block;
}