/* - - - - - - - - - - - - - - - - - - - - -

Title : Cut That Screen Styles
Author : Eric Stewart, Method Media
URL : www.method-media.com

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -
Color Index
- Light Gray Background
- Yellow #FFCF06
- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
	margin:0px;
	padding:0px;
	}
	
html{
	margin:;
	padding:;
	background:;
	}

body{
	margin:;
	padding:;
	background:#F2F2F2;
	font-size:82.5%;
	font-family: Tahoma, Verdana, Arial, "MS Trebuchet", sans-serif;
	}

/* ----- IDS ----- */

#container{
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:;
	}
#content {
	background:url(../images/bg_content.gif) repeat-y left top;
}

#content_t {
	background:url(../images/bg_ctop.gif) no-repeat left top;
	height:10px;
}
#content_b {
	background:url(../images/bg_cbottom.gif) no-repeat left bottom;
	height:16px;
	clear:both;
}


	
#primaryContent{
	position:;
	float:;
	width:;
	margin:;
	padding:;
	background:;
	text-align:;
	}
	
#secondaryContent{
	position:;
	float:;
	width:;
	margin:;
	padding:;
	background:;
	text-align:;
	}
	
#header{
	margin:10px 0 4px 0;
	background:url(../images/bg_header.png) no-repeat top left;
	width:760px;
	height:82px;
	position:relative;
}

#header h1 {position:absolute; text-indent:-9000px;}

#header #flashContent {
	height:150px;
}

ul.subnav {
	background:#E6E6E6;
	padding:1px;
	list-style:none;
	margin-bottom:15px;
}
ul.subnav li {
	
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	font-size:12px;
}

ul.subnav li a {
	display:block;
	padding:6px 0 6px 10px;
	text-decoration:none;
	color:#000000;
}
ul.subnav li a:hover {background:#DADADA;}


#navigation{position:relative;}

ul#navlist {
	position:relative;
	top:49px;
	left:169px;
	width:586px;
	margin:0;
	height:27px;
	list-style-type:none;
	overflow:hidden;
	background:transparent url(../images/navMatrix.gif) no-repeat;
}


ul#navlist li a {
	position:absolute;
	top:0px;
	width:80px;
	text-indent:-9000px;
	text-decoration:none;
	padding:27px 0 0 0;
	overflow:hidden;
	height:0px !important;
	background:transparent url(../images/navMatrix.gif) no-repeat;
}

ul#navlist li#nav_home a { background-position: 0 0; width: 57px; left: 0; }
ul#navlist li#nav_home a:hover {background-position: 0 -33px;}

ul#navlist li#nav_features a { background-position: -57px 0; width: 73px; left: 57px; }
ul#navlist li#nav_features a:hover { background-position: -57px -33px;}

ul#navlist li#nav_gallery a { background-position: -131px 0; width: 65px; left: 131px; }
ul#navlist li#nav_gallery a:hover { background-position: -131px -33px;}

ul#navlist li#nav_testimonials a { background-position: -196px 0; width: 97px; left: 196px; }
ul#navlist li#nav_testimonials a:hover { background-position: -196px -33px;}
	
ul#navlist li#nav_faq a { background-position: -292px 0; width: 51px; left: 292px; }
ul#navlist li#nav_faq a:hover { background-position: -292px -33px;}

ul#navlist li#nav_videos a { background-position: -343px 0; width: 63px; left: 343px; }
ul#navlist li#nav_videos a:hover { background-position: -343px -33px;}

ul#navlist li#nav_parts a { background-position: -406px 0; width: 53px; left: 406px; }
ul#navlist li#nav_parts a:hover { background-position: -406px -33px;}

ul#navlist li#nav_about a { background-position: -459px 0; width: 62px; left: 459px; }
ul#navlist li#nav_about a:hover { background-position: -459px -33px;}

ul#navlist li#nav_contact a { background-position: -519px 0; width: 67px; left: 519px; }
ul#navlist li#nav_contact a:hover { background-position: -519px -33px;}
	

#home #flashContent {}

#news{background:url(../images/col255m.png) repeat-y left top;}
#news h3{background:url(../images/col255_news.png) no-repeat left top; height:38px;}
#news h3 span{display:none;}
#news ul{background:url(../images/col255b.png) no-repeat left bottom; list-style:none; padding-bottom:15px;}
#news ul li {margin:0px 10px; padding:10px 0px; border-bottom:1px dotted #CCC;}

#flashgallery {
	width:725px;
	height:400px;
}


#footer{
	padding:5px;
	text-align:center;
	clear:both;
	color:#FFF;
	}
#footer ul {list-style:none; text-align:center; margin-bottom:4px;}
#footer li {display:inline; padding-right:10px; padding-left:10px; border-right:1px solid #555;}
#footer li.last {margin-right:0px; border:none;}
#footer li a {color:#000; text-decoration: none;}
#footer p {color:#555;}

#TJK_ToggleON,#TJK_ToggleOFF {display:none}


.column235 {
	width:235px;
	margin-bottom:10px;
	margin-left:16px;
	float:left;
	display:inline;
}

.column235a {
	width:235px;
	margin-bottom:10px;
	margin-left:0px;
	float:left;
	display:inline;
}
.column235b {
	width:235px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
	display:inline;
}

.column235 img {margin-bottom:5px;}

.column255 {
	width:255px;
	float:left;
	margin-right:3px;
	display:inline;
}

.column480 {
	width:480px;
	margin-left:12px;
	float:left;
	display:inline;
}

.column500 {width:500px; float:left;}

.column725 {
	width:725px;
	margin-left:16px;
}


.thumbs {list-style: none;}
.thumbs img {
	float:left;
	width:180px;
	margin-right:5px;
}
.thumbs h4 {
	width:170px;
	position:relative;
	float:left;
}
.thumbs p {
	float:left;
	width:170px;
}
.thumbs li { margin-bottom:10px;}

/* ----- CLASSES ----- */

.hide{display:none;}
.show{display:block;}
.clear{clear:both;}
.legal {text-align:center; font-size:10px; color:#555;}
.left {float:left; margin:3px 10px 3px 0;}
.info {padding:10px; border:1px solid #FFCF06; background:#FFF7D6;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.strip {height:8px; background:url(../images/chromeStrip.png) no-repeat left top;}

/* ----- HEADINGS ----- */

h1{
	font:;
	font-size:;
	font-weight:;
	color:#FFF;
	margin:;
	padding:;
	}

h2{
	font:Lucida, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	margin:0px 0 10px 0;
	padding:4px 8px;
	background:url(../images/bg_h2.png) repeat-y left top;
	}

h3{
	font:;
	font-size:16px;
	font-weight:bold;
	color:;
	margin:0 0 5px 0;
	padding:;
	}

h4{
	font:;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:;
	padding:;
	}
	
h2.sam span{padding-left:115px; background:url(../images/txtLogo.gif) no-repeat 0px 2px }

/* ----- PARAGRAPHS ----- */

p{
	font:;
	color:;

	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	font-variant:;

	text-align:;
	text-indent:;
	text-decoration:;
	text-shadow:;
	text-transform:;

	letter-spacing:;
	line-height:1.3;
	word-spacing:;
	margin-bottom:10px;
	}

#primaryContent p{
	}

#secondaryContent p{
	}

/* ----- QUOTES ----- */

blockquote{
	margin:;
	padding:;
	background-color:;
	font:;
	color:;
	}

blockquote p{
	}

cite{
	font:;
	color:;
	}

blockquote cite{
	}

/* ----- CODE ----- */

pre{
	margin:;
	padding:;
	background-color:;
	border:;
	font-size:;
	overflow:;
	}

code{
	font-size:;
	}

p code{
	}

pre code{
	}

/* ----- LISTS ----- */

li{
	list-style:;
	
	list-style-type:;
	list-style-image:;
	list-style-position:;
	float:;
	margin:;
	padding:;
	}

li p{
	}

ol{
	width:;
	margin:10px 0;
	padding:;
	list-style-type: numeric;
	}

ul{
	width:;
	margin:;
	padding:;
	}
ul.detail {list-style:none; margin:10px;}
ul.detail li {margin-bottom:10px;}
ul.detail li span {font-weight:bold; color:#000;}

ol li{
	list-style-type: decimal;
	margin-bottom:5px;
	margin-left:20px;
	}

ul li{
	}

#navigation li{
	}

#navigation ul{
	}

#navigation ul li{
	}

#navigation ol{
	}

#navigation ol li{
	}

/* ----- IMAGES ----- */

img{
	border:;
	margin-bottom:5px;
	}
	
img.col1 {margin-right:3px;}

img a{
	border:none;
	text-decoration:none;
	}
	
img a:hover{
	border:;
	}

/* BREAK */

hr{
	/* display:none; */
	}

/* ----- TEXT FORMATTING ----- */

strong{
	}

em{
	}

/* ----- LINKS ----- */

a{
	font:;
	color:;
	text-decoration:;
	border-bottom:;
	}

a:hover{
	color:;
	background-color:;
	border-bottom:;
	}

a:visited, a:active, a:focus{
	color:;
	background-color:;
	border-bottom:;
	}

a:visited{
	color:;
	background-color:;
	border-bottom:;
	}

a:active{
	color:;
	background-color:;
	border-bottom:;
	}

a:focus{
	color:;
	background-color:;
	border-bottom:;
	}

p a{
	}

cite a{
	}

li a{
	}

dt a{
	}

dd a{
	}

/* ----- TABLES ----- */

table{
	border-width: 1px;
	border-spacing:0;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
	margin-bottom:10px;
	}

caption{
	font:;
	color:;
	position:;
	text-align:;
	display:;
	}

thead{
	font:;
	color:;
	text-align:;
	background-color:;
	margin:;
	padding:;
	}

tbody{
	font:;
	color:;
	text-align:;
	background-color:;
	margin:;
	padding:;
	}

tfoot{
	font:;
	color:;
	text-align:;
	background-color:;
	margin:;
	padding:;
	}

tr{
	font:;
	color:;
	background-color:;
	}

tr .alt{
	font:;
	color:;
	background-color:;
	}

th{
	border-width: 1px;
		padding: 1px;
		border-style: solid;
		border-color: gray;
		background-color: white;
	}

td{
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #DDD;
	background-color: white;
	}

/* ----- FORMS ----- */

form.cmxform fieldset {
  margin-bottom: 10px;
border-top:1px solid #000;
background:#EEE;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  text-align:right;
  padding-right:5px;
}
form.cmxform label.two {line-height:1.2;}

form.cmxform select {width:180px;} 

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 160px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 163px; /* Width plus 3 (html space) */
}

/*

form{
	width:;
	margin:;
	padding:;
	}

fieldset{
	border:;
	width:;
	margin:;
	padding:;
	}

legend{
	font:;
	color:;
	margin:;
	padding:;
	}

label{
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

input{
	border:;
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

textarea{
	border:;
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

input, textarea{
	}

select{
	border:;
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

optgroup{
	font:;
	}

option{
	font:;
	}

/* ----- DEFINITIONS ----- */

dl{
	font-size:;
	margin:;
	padding:;
	}

dt{
	font-weight:bold;
	font-size:13px;
	color:;
	margin-bottom:3px;
	padding:;
	}

dd{
	background:#EEE;
	border:1px solid #DDD;
	color:;
	margin:5px 0;
	padding:5px;
	xdisplay:none;
	}
