/*
Theme Name: HAWKS
Theme URI: http://fctn.tv/
Description: Hawk Sign by FCTN
Author: FCTN
Author URI: http://fctn.tv/
Tags: hawk sign
*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Sans-Serif;
	background: #eee;
	color: #000;
	text-align: center;
	}

#page {
	border: 10px solid #fff;
	background-color: white;
	text-align: left;
	}
#content {
	font-size: 1.2em
	}
h1 {font-size: 44pt;}
h2 {font-size: 30pt;}
h3 {font-size: 18pt;}
h4 {font-size: 14pt;}
h5 {font-size: 12pt;}
h6 {font-size: 9pt; font-weight: normal;}
a {color: #000; text-decoration: none;}
a:hover {color: #666; text-decoration: none;}
h1.btitle a{text-transform: uppercase; font-size: 16pt; margin: 0; padding: 0;}
h1.btitle {text-transform: uppercase; font-size: 16pt; margin: 0; padding: 0;}
ul {list-style: none;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	list-style: none;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
	
/* End Typography & Colors */

/* HEADER
-----------------------------------*/
#header {
	padding: 0;
	height: 155px;
	width: 1024px;
	margin-bottom: 10px;
	}
#cinfo{
	float: right;
	background-color: #f9e803;
	line-height: .15em;
	padding-right: 22px;
	padding-left: 6px;
	padding-top: 3px;
	}	
#logo {
	float: left;
	padding: 5px 9px 5px 25px;
	background-color: #f9e803;
	}
#himg{
	float: left;
	margin-left: 12px;
	}	
/*------------------*/

/* NAVIGATION
-----------------------------------*/
#nav{
	width: 847px;
	float: left;
	margin-left: 10px;
	height: 32px;
	margin-top: 9px;
	padding: 0;
	background-color: #f9e803;
}
#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	margin: 0;
	padding: 10px 30px 6px 30px;

	font-size: 15px;
}
#nav li a {
	display: block;
	text-transform: uppercase;
	color: #666;
	text-decoration: none;
	height: 15px;
	vertical-align: middle;
}
#nav li.lnav {
	padding-right: 85px;
}
#nav a:hover img{
	padding-bottom: 3px;
	border-bottom: 4px solid #000;
}
.now{
	padding-bottom: 3px;
	border-bottom: 4px solid #000;
}
/*------------------*/

/* FOOTER
-----------------------------------*/
#footer {
	padding: 0;
	margin: 0 auto;
	width: 1024px;
	height: 230px;
	clear: both;
	color: #f9e803;
	text-transform: uppercase;
	}
#footer_left {
	background: url('images/footer/footer_left.jpg') no-repeat;
	height: 187px;
	width: 765px;
	float: left;
	}
#footer_right{
	float: right;
	width: 259px;
}
#footer_bottom{
	background: url('images/footer/footer_bottom.jpg') no-repeat;
	height: 52px;
	width: 1024px;
	float: left;
	margin-top: -9px;
}
#frtop{height: 135px;}
#frmiddle{height: 43px; margin-top: -3px;}
#plist, #slist, #clist{
	float: left; 
	margin:0; 
	padding:0; 
	margin-top: 55px; 
	font-size:8pt; 
	line-height: 1.6em;}
#plist{margin-left: 95px;}
#slist{margin-left: 17px;}
#clist{margin-left: 98px;}
#footer a{color: #f9e803;}
#footer a:hover{color: #fff;}
#footinfo{margin-top: 20px;}
#footinfo li{display: inline; margin-left: 25px;  margin-right: 10px;}
#footinfo {margin-left: 30px;}

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

/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 10px auto;
	padding: 0;
	width: 1024px;
	}	

/* Begin Images */
img{
	margin: 0;
	padding: 0;
}
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}
a img{
	border: none;
}
.entry a img {
	border: 2px solid #000;
	}

/* End Various Tags & Classes*/


#flashcontent{width: 840px; margin-left: 92px; margin-bottom: 9px; background-color: #f9e803; width: 845px; height: 340px;}
#flashcontent p{margin: 0 auto; text-align: center; font-size: 10pt;}
#flashcontent p.upgrade2{padding-top: 140px;}
#flashcontent p a{font-weight: bold; text-decoration: underline;}
#call{margin-left: 0px;}
#hm_boxes{width: 880px; margin: 0 auto; margin-left: 92px; margin-bottom: 7px;}
#hm_boxes img{margin: 6px 8px 0 0;}
#heading{
	width: 1004px;
	height: 80px;
	background-color: #FAE803;
	margin-left: 10px;
}
#pheaderr{float: left;}
#pheaderl{float: right;}
#hservices{margin: 20px 0 0 78px;}
#content{width: 835px; margin: 0 auto; margin-top: 10px;}
#content img{margin: 0; padding: 0;}
#content p{margin: 0; padding: 0;}


/*  SERVICES  */
#content .category{width: 900px; height: 190px; margin-bottom: 10px;}
#content .category .l_cat{width: 330px; float: left;}
#content .category .r_cat{width:450px; float: left; margin-left: 20px;}
#content .category .r_cat a img.view{margin-top: -3px; border-bottom: 4px solid #fff;}
#content .category .r_cat a:hover img.view{border-bottom: 4px solid #000;}
 
/*  PRODUCTS  */
#pcontent{width: 835px; margin: 0 auto; margin-top: 10px;}
#pcontent img{margin: 0; padding: 0;}
#pcontent p{margin: 0; padding: 0;}

#pcontent .category{width: 900px; height: 165px; margin-bottom: 12px;}
#pcontent .category .l_cat{width: 330px; float: left; margin-top: 4px;}
#pcontent .category .l_cat p{margin-left: 2px; font-size: 9pt;}
#pcontent .category .r_cat{width:450px; float: left; margin-left: 20px;}
#pcontent .category .r_cat img{border: 4px solid #fff;}
#pcontent .category .r_cat a:hover img{border: 4px solid #eee;}

/*  SUB PRODUCTS  */
#psubcontent{width: 835px; margin: 0 auto; margin-top: 10px;}
#psubcontent img{margin: 0; padding: 0;}
#psubcontent p{margin: 0; padding: 0;}

#psubcontent .category{width: 1000px; height: 160px; margin-bottom: 12px;}
#psubcontent .category .l_cat{width: 300px; float: left; margin-top: 4px;}
#psubcontent .category .l_cat p{margin-left: 2px; font-size: 9pt;}
#psubcontent .category .r_cat{width:600px; float: right; margin-right: 75px;}
#psubcontent .category .r_cat img{border: 4px solid #fff; display: inline;}
#psubcontent .category .r_cat a:hover img{border: 4px solid #eee;}

#main_p {width: 1000px; margin-bottom: 20px;}
#main_p p{width: 300px; font-size: 9pt; margin-left:2px;}

#pimgs{width: 450px; float: right;}
#pimgs img{ margin-bottom: 10px;}
#ptext{width: 360px; float:left;}
#ptext p{height: 100px;}
#ptext p{margin-bottom: 45px;}


/*  ABOUT  */
ul.about{margin: 0; padding: 0; margin-bottom: 10px;}
#atext{width: 400px; float:left;}
#atext img{margin-left: -2px;}
#atext p{margin-bottom: 20px;}

.a_cat {width: 900px;}
.a_cat .l_cat{width: 350px; float: left; margin-top: 4px; margin-left: -5px;}
.a_cat .l_cat p{margin-left: 10px; font-size: 9pt;}
.a_cat .r_cat{width:500px; float: left; margin-left: 10px;}
#content .a_cat .l_cat img{margin-left: -3px;}
#topper{height: 226px;}
#bottomer{height: 405px;}

#content img.none{display: block;}

#uploadform {width: 350px; margin-top: 25px;}
label {display: inline; float: left; margin-top: 20px;}
input, textarea {width: 90%; float: left;}
input#submit {width: auto;}
#formfeedback {background: #eee; padding: 10px 10px;}
#formfeedback p{font-size: 10pt;}

#namefrom, #emailfrom, #comments, #subject{
	background-color: #f9e803; 
	border: 0; 
	padding: 6px 3px; 
	margin-left: 100px; 
	margin-top: -20px;
	}
#attachment{
	background-color: #f9e803; 
	border: 0; 
	padding: 6px 3px; 
	margin-left: 190px; 
	margin-top: -20px;
	margin-bottom: 10px;
	}
input #attachment{
	background-color: #f9e803;
}
input #submit{
	background-image: url("images/quote/q_send.jpg");
}
p#file_type{clear: both; margin-bottom: 30px; margin-left: 190px; width: 220px;}
#submit{margin-bottom: 10px;}
#lform{float: left; margin: 0 auto; width: 400px; margin-left: 95px; margin-top: 10px;}
#rthanks{float: right; width: 360px; margin-top: 72px; margin-right: 70px;}
#rthanks img{display:block;}
#thanks{margin-top: 35px;}

#slist{
 margin-left /*\**/: 27px\9
}