/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:arial;}
body{
	background: url(../images/fill_header.jpg) left top repeat-x #121212;
	font-size:100%;
	line-height:1em;
	color:#595959;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#header{font-size:0.6875em; line-height:1.28em;}
#wrapper{font-size:0.6875em; line-height:1.28em;}
#footer{font-size:0.58em; line-height:0.875em;}
/********** end font size***************/

/**************************************************
  	SPRITES
**************************************************/
#webdesign_main .cublogo, #webdesign_main .troylogo, #webdesign_main .yardmanlogo, #webdesign_main .whitelogo, #webdesign_main .machineslogo, #webdesign_main .buymtdlogo, #webdesign_main .touchlogo, #webdesign_main .portallogo,
#webdesign_main .mtdlogo, #webdesign_main .devoelogo, #webdesign_main .fullerlogo, #webdesign_main .neorsdlogo, #webdesign_main .icilogo, #webdesign_main .maccologo, #webdesign_main .jbrlogo, #webdesign_main .kaylogo, #webdesign_main .ttlogo,
#webdesign_main .webdesignlogo, #guestbook_main .guestbooklogo, #vault_main .vaultlogo { background: url(../images/sprite.jpg) no-repeat 0 0; }

input, textarea, select{ 
	font-family:arial;
	color:#595959; 
	border:1px solid #595959;
	vertical-align:top;
	background:#121212;
}
#loginform input{ width:150px; height:18px;}
#form input{ width:181px; height:18px;}
#form textarea{ width:181px; height:122px; font-size:1em; overflow:auto; padding:0 0 4px 0;}
.inp_h{ height:24px; margin:0 0 3px 0;}
.inp_h2{ height:130px; margin:0 0 3px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0;}
.floatright{ float:right; margin:0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
.bigindent { margin-left:25px; margin-right:25px; }
.show_section { display: block; }
.hide_section { display: none; }

/********************* END GLOBAL ********************************************/

ul {list-style:none;}
li h4 { 
	background:url(../images/arr.gif) 0 4px no-repeat;
	padding:0 0 0 10px;
	font-size:0.90em;
	line-height:1.5em;
	color:#707070;
	text-decoration:none;
}
li a { 
	background:url(../images/arr.gif) 0 4px no-repeat;
	padding:0 0 0 10px;
	font-size:0.90em;
	line-height:2.4em;
	color:#707070;
	text-decoration:underline;
}
li a:hover {text-decoration:none;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#FFFFFF;}
a:hover{ text-decoration:none;}
.link{ background:url(../images/arr_1.gif) 0 0 no-repeat; font-size:0.9em; padding:0 0 0 18px; color:#FFFFFF; text-decoration:none;}
.link:hover{text-decoration:underline;}
.previous{ background:url(../images/back_arrow.gif) 0 0 no-repeat; font-size:0.9em; padding:0 0 0 18px; color:#FFFFFF; text-decoration:none;}
.previous:hover{text-decoration:underline;}
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {text-indent:-10000px; background:url(../images/logo.jpg) no-repeat left top; height:116px;}
.txt{ font-size:1.09em; line-height:1.47em}
strong{ color:#FFFFFF; font-weight:normal;}
.txt_1{ color:#595959; font-weight:bold;}
.txt_title{ color:#595959; font-weight:bold; font-size:18px;}
.required { color:#FF0000; }
.notice { color:#FF0000; }
.messages { color:#FFFF00; }
.boxtitle { font-family:Georgia, Arial; color:#ebcb2f; font-weight:normal; font-size:20px; padding-bottom:10px; }
.pagetitle { font-family:Georgia, Arial; color:#a2a2a2; font-weight:normal; font-size:24px; }
.date { color:#a2a2a2; }
/***************end txt***************/


#header .indent{padding:0 0 0 30px;}


/*******************box #1*********************************/
.box .left_top{ background:url(../images/left_top.gif) left top no-repeat;}
.box .right_top{ background:url(../images/right_top.gif) right top no-repeat;}
.box .left_bot{ background:url(../images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(../images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_left{ background:url(../images/side_left.gif) left top repeat-y #1F1F1F;}
.box .side_right{ background:url(../images/side_right.gif) right top repeat-y;}
.box .side_top{ background:url(../images/side_top.gif) left top repeat-x;}
.box .side_bot{ background:url(../images/side_bot.gif) left bottom repeat-x;}
/***************************end box #2**************************/

/***************************page**************************/
#page #wrapper .indent{padding:15px 61px 25px 64px;}
#page #wrapper .column .title{padding:34px 0 0 0; margin:0 26px 0 26px; background:url(../images/dot.gif) left bottom repeat-x;}
#page #wrapper .column .indent{padding:24px 25px 19px 37px;}
#page #wrapper .column .row {padding:100px 0 0 0;}
#page #wrapper .column .row .title{padding:34px 0 0 0; margin:0 26px 0 26px; background:url(../images/dot_1.gif) left bottom repeat-x;}
#page #wrapper .column .row .indent{padding:21px 25px 34px 47px;}

#page #wrapper .column_1 .title{padding:12px 0 0 36px;}
#page #wrapper .column_1 .indent{padding:20px 13px 0 50px;}
#page #wrapper .column_1 .block_1{padding:25px 0 0 0;}
#page #wrapper .column_1 .sep{padding:1px 0 0 0; margin:0 0 13px 0; background:url(../images/sep.gif) left bottom repeat-x;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 #wrapper .indent{padding:15px 61px 25px 64px;}

#page_1 #wrapper .column .sep{padding:1px 0 0 0; margin:0 0 13px 0; background:url(../images/sep.gif) left bottom repeat-x;}
#page_1 #wrapper .column .block .title{padding:2px 0 0 4px;}
#page_1 #wrapper .column .block .indent{padding:14px 25px 0 4px;}
#page_1 #wrapper .column .block .block{padding:0 0 0 16px;}
#page_1 #wrapper .column .block .float{ margin:0 24px 22px 0;}

#page_1 #wrapper .column .block_1 .title{padding:28px 0 0 5px;}
#page_1 #wrapper .column .block_1 .indent{padding:21px 30px 0 20px;}
#page_1 #wrapper .column .block_1 .block{padding:22px 0 0 16px;}
#page_1 #wrapper .column .block_1 .col{ width:50%;}

#page_1 #wrapper .column_1 .title{padding:34px 0 0 0; margin:0 26px 0 26px; background:url(../images/dot_1.gif) left bottom repeat-x;}
#page_1 #wrapper .column_1 .indent{padding:28px 30px 39px 37px;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 #wrapper .indent{padding:15px 61px 25px 64px;}
#page_2 #wrapper .column .title{padding:34px 0 0 0; margin:0 26px 0 26px; background:url(../images/dot_1.gif) left bottom repeat-x;}
#page_2 #wrapper .column .indent{padding:24px 15px 35px 37px;}
#page_2 #wrapper .column ul{ margin:20px 0 0 0;}

#page_2 #wrapper .column_1 .title{padding:12px 0 0 36px;}
#page_2 #wrapper .column_1 .indent{padding:17px 0 25px 50px;}
#page_2 #wrapper .column_1 .block{padding:0 0 0 50px;}
#page_2 #wrapper .column_1 .block .float{ margin:0 24px 26px 0;}

#page_2 #wrapper .column_1 .block_1{padding:0 0 0 50px;}
#page_2 #wrapper .column_1 .block_1 .float{ margin:0 24px 0 0;}
#page_2 #wrapper .column_1 .sep{padding:1px 0 0 0; margin:0 0 13px 0; background:url(../images/sep.gif) left bottom repeat-x;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 #wrapper .indent{padding:15px 61px 25px 64px;}

#page_3 #wrapper .column .sep{padding:1px 0 0 0; margin:0 0 13px 0; background:url(../images/sep.gif) left bottom repeat-x;}
#page_3 #wrapper .column .block .title{padding:17px 0 0 4px;}
#page_3 #wrapper .column .block .indent{padding:11px 25px 0 19px;}
#page_3 #wrapper .column .block_1{padding:24px 0 0 20px;}
#page_3 #wrapper .column .block_1 img{ margin:0 0 22px 0;}
#page_3 #wrapper .column .block_1 .img{ margin:0 0 2px 0;}

#page_3 #wrapper .column .block_1 .title{padding:28px 0 0 5px;}
#page_3 #wrapper .column .block_1 .indent{padding:21px 30px 0 20px;}
#page_3 #wrapper .column .block_1 .block{padding:22px 0 0 16px;}
#page_3 #wrapper .column .block_1 .col{ width:50%;}

#page_3 #wrapper .column_1 .title{padding:34px 0 0 0; margin:0 26px 0 26px; background:url(../images/dot_1.gif) left bottom repeat-x;}
#page_3 #wrapper .column_1 .indent{padding:28px 30px 39px 37px;}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 #wrapper .indent{padding:15px 61px 25px 64px;}
#page_4 #wrapper .column .title{padding:34px 0 0 0; margin:0 26px 0 26px; background:url(../images/dot_1.gif) left bottom repeat-x;}
#page_4 #wrapper .column .indent{padding:24px 30px 35px 37px;}

#page_4 #wrapper .column_1 .title{padding:10px 0px 0px 30px;}
#page_4 #wrapper .column_1 .indent{padding:17px 0 25px 50px;}
#page_4 #wrapper .column_1 .block{padding:0 0 0 50px;}
#page_4 #wrapper .column_1 .block .title{padding:10px 0px 0px 0px;}
#page_4 #wrapper .column_1 .block .float{ margin:0 24px 26px 0;}

#page_4 #wrapper .column_1 .block_1{padding:0 0 0 0;}
#page_4 #wrapper .column_1 .block_1 .title{padding:32px 0 10px 46px;}
#page_4 #wrapper .column_1 .block_1 .indent{padding:17px 10px 0 50px;}
#page_4 #wrapper .column_1 .sep{padding:1px 0 0 0; margin:0 0 13px 0; background:url(../images/sep.gif) left bottom repeat-x;}
/***************************end page_4**************************/

/***************************page_5**************************/
#page_5 #wrapper .indent{padding:15px 61px 25px 64px;}

#page_5 #wrapper .column .sep{padding:1px 0 0 0; margin:0 0 13px 0; background:url(../images/sep.gif) left bottom repeat-x;}
#page_5 #wrapper .column .block .title{padding:17px 0 0 4px;}
#page_5 #wrapper .column .block .indent{padding:11px 20px 0 19px;}
#page_5 #wrapper .column .block .indent td {padding-left:5px;}
/***************************end page_5**************************/

#footer { padding:0 73px 0 70px; text-transform:uppercase; color:#4B4B4B;}
#footer a {color:#4B4B4B;}
#footer #links {text-align:center; padding-bottom:10px;}
#footer .bg { background:url(../images/sep.gif) left top repeat-x;}
#footer .indent {padding:25px 0 5px 7px;}

#copytitle { padding:0px 0px 0px 0px; text-transform:uppercase; color:#FFFFFF; font-size:14px}
#copytitle .bgtop { background:url(../images/sep.gif) left top repeat-x;}
#copytitle .bgbottom { background:url(../images/sep.gif) left bottom repeat-x;}
#copytitle .pad {padding:15px 0px 15px 7px;}

/*** spam field check on forms *****/
#checkme {
visibility:hidden;
display:none;
}

/*** syndicated feed styles *****/
.feedtitle {
	padding-left:10px;
}
.feedlisting {
	background:url(../images/feed_bullet.jpg) left top no-repeat;
	height:60px;
	width:60px;
	color:#000000;
	font-size:25px;
	line-height:25px;
}
a.feeds {
	color:#707070;
	text-decoration:underline;
}
a.feeds:hover {
	text-decoration:none;
}
.feedline {
	background:url(../images/feed_line.jpg) 0 4px no-repeat;
}

/*** Dojo styles ***/
.fisheyeTarget {
	font-size:10px;
}
.feedbackNote {
	font-size:11px;
}

/*** Web design page ***/
#webdesign_main .cublogo { width: 180px; height: 100px; background-position: -0px -208px; text-indent: -9999px; }
#webdesign_main .troylogo { width: 180px; height: 100px; background-position: -0px -726px; text-indent: -9999px; }
#webdesign_main .yardmanlogo { width: 180px; height: 100px; background-position: -0px -518px; text-indent: -9999px; }
#webdesign_main .whitelogo { width: 180px; height: 100px; background-position: -0px -622px; text-indent: -9999px; }
#webdesign_main .machineslogo { width: 180px; height: 100px; background-position: -0px -0px; text-indent: -9999px; }
#webdesign_main .buymtdlogo { width: 180px; height: 100px; background-position: -0px -311px; text-indent: -9999px; }
#webdesign_main .touchlogo { width: 180px; height: 100px; background-position: -0px -104px; text-indent: -9999px; }
#webdesign_main .portallogo { width: 180px; height: 100px; background-position: -0px -831px; text-indent: -9999px; }
#webdesign_main .mtdlogo { width: 180px; height: 100px; background-position: -191px -0px; text-indent: -9999px; }
#webdesign_main .devoelogo { width: 180px; height: 100px; background-position: -191px -311px; text-indent: -9999px; }
#webdesign_main .fullerlogo { width: 180px; height: 100px; background-position: -191px -415px; text-indent: -9999px; }
#webdesign_main .neorsdlogo { width: 180px; height: 100px; background-position: -191px -104px; text-indent: -9999px; }
#webdesign_main .icilogo { width: 180px; height: 100px; background-position: -191px -518px; text-indent: -9999px; }
#webdesign_main .maccologo { width: 180px; height: 100px; background-position: -191px -208px; text-indent: -9999px; }
#webdesign_main .jbrlogo { width: 180px; height: 100px; background-position: -191px -622px; text-indent: -9999px; }
#webdesign_main .kaylogo { width: 180px; height: 100px; background-position: -191px -726px; text-indent: -9999px; }
#webdesign_main .ttlogo { width: 180px; height: 100px; background-position: -191px -831px; text-indent: -9999px; }
#webdesign_main .webdesignlogo { width: 390px; height: 130px; background-position: -377px -0px; text-indent: -9999px; }

/*** Guestbook page ***/
#guestbook_main .guestbooklogo { width: 400px; height: 130px; background-position: -377px -269px; text-indent: -9999px; }

/*** Vault page ***/
#vault_main .vaultlogo { width: 400px; height: 130px; background-position: -377px -134px; text-indent: -9999px; }