/*
-----------------------------------------------
Style Sheet

Site: armor-tek.com
Author:   www.swissitweb.com
Version:  2009.1
----------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }
/* reset margin and padding for all elements to 0 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }

/* global elements
 * ------------------------------------------------------------------------- */
body{
	background: url(../images/bg_document.gif) repeat-x top left #fdba1c;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .82em;
	line-height: 150%;
}
a{
	color: #fb8e06;
	text-decoration:underline;
}
a:hover{
	color: #454545;
	text-decoration: none;
}
a:visited{
	color: #39F;
	text-decoration:underline;
}
p, ul {color: #4d4d4d;}



/* Classes
 * ------------------------------------------------------------------------- */
.clear{clear:both;}

.main_content{padding: 23px 20px 10px 35px;}
.sub_content{padding: 23px 20px 10px 35px;}
.left_column{padding: 10px 10px 10px 35px; background:url(../images/line_v.gif) repeat-y top right;}
.left_subColumn{padding: 10px 10px 10px 20px;}
.right_column{padding: 10px 10px 10px 20px;}
.right_subColumn{padding: 10px 10px 10px 35px;  border-left: thin #999 dotted;}

.txt_img{padding-bottom: 15px;}
.img_border, a .img_border, a:hover .img_border{padding: 5px; border: thin solid  #999;}

.line_h{background: url(../images/line_h.gif) repeat-x bottom left;}
.line_v{background: url(../images/line_v.gif) repeat-y top left;}

.subtitle{font-size: 1.2em; font-weight: bold; padding-bottom: 10px;}
.credits {font-size: .81em; color:#333;}
.credits a{color: #630;}
.credits a:hover{color: #333;}

.title{font-size: 1.5em; font-weight: bold; padding-bottom: 15px; padding-top: 10px;}

.services_title{font-size: 1.4em; color: #333; font-weight: bolder;}
.services_subTitle{font-size: 1.1em; color:#F60; font-weight: bold;}

#tbl_projects tr td a img{border: #333 solid thin;}
#tbl_projects tr td a:hover	img{border: #F60 solid thin;}

.testimonials{font-weight: bold; font-style: italic; font-size: .92em; color:#F60; text-align: right;}

.img_right{float: right; padding: 5px; border: 1px #999 solid; margin: 5px 0px 10px 20px;}
.smallTxt{font-size: .79em;}
.top{text-align: right; font-size:.79em; font-style: italic;}
.phone {font-size: 1.3em; font-weight: bold;}

/* List styles
 * ------------------------------------------------------------------------- */
.arrow li{
	list-style: none;
	background-image: url(../images/btn_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 20px 5px 30px;
	line-height: 150%;
	margin-left: 5px;
}
.arrow_sm li{
	list-style: none;
	background-image: url(../images/btn_yellow_sm.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 20px 5px 20px;
	line-height: 100%;
	margin-left: 5px;
}
.list_aboutSpace li{
	list-style: none;
	background-image: url(../images/btn_yellow_sm.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 20px 13px 20px;
	line-height: 120%;
	margin-left: 5px;
}
.list_about li{
	list-style: none;
	background-image: url(../images/btn_yellow_sm.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 20px 5px 20px;
	line-height: 120%;
	margin-left: 5px;
}
.list_about li a{color: #333; text-decoration: underline;}
.list_about li a:hover{color: #C60; text-decoration: none;}
.list_about li a:visited{color: #039; text-decoration: underline;}
.check_list li{
	list-style: none;
	background-image: url(../images/ico_check.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 20px 12px 20px;
	line-height: 100%;
	margin-left: 5px;
}
.dot_list li{
	list-style: none;
	background-image: url(../images/ico_dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 0px 20px 8px 20px;
	line-height: 100%;
	margin-left: 5px;
}


/* Table styles
 * ------------------------------------------------------------------------- */
#tbl_banner{margin-top: 70px;}
#tbl_banner td{ color:#333;font-weight: bold; font-size: 11px;}
#tbl_banner a{color:#332913;}
#tbl_banner a:hover{color:#fff;}


/* Layout
 * ------------------------------------------------------------------------- */

#container{
	margin-right:auto;
	margin-left:auto;
	width: 893px;
	background-color:#FFF;
}

#header{
	width: 893px;
	height:213px;
	background:url(../images/bg_header.jpg) no-repeat top left;
}
#logo{
	width: 430px;
	height:213px;
	float:left;
}
#logo h1 {
	width: 430px;
	height:213px;	
	}
#logo_link {
	width:430px;
	height:213px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
#logo h2{
	text-indent:-9999px;
	overflow:hidden;
}
#logo h3{
	text-indent:-9999px;
	overflow:hidden;
}
#banner{
	float:left;
	width: 463px;
	height:213px;
}
#content{
	width: 893px;
	background-color:#FFF;
}
#main_content{
	width: 883px;
	height: 255px;
	margin: 5px;
	background:url(../images/bg_content_top.gif) repeat-x top left;
}
#sub_content{
	width: 883px;
	margin: 5px;
	background:url(../images/bg_content_top.gif) repeat-x top left;
}
#welcome_txt{
	width: 543px;
	height:255px;
	float:left;
}
#image_rotation{
	width: 340px;
	height:255px;
	float:left;
	display:inline;
}
#left_column{
	float: left;
	width: 583px;	
	margin-left: 5px;
}
#left_subColumn{
	float: left;
	width: 200px;	
	margin-left: 5px;
	}
#right_column{
	float: left;
	width: 300px;
	margin-right: 5px;
}
#right_subColumn{
	float: left;
	width: 670px;
	margin-right: 5px;
}
#footer{
	width: 883px;
	height:51px;
	margin: 0px 5px 5px 5px;
	background:url(../images/bg_footer_bottom.gif) repeat-x bottom left;	
}
#credits{
	width: 893px;
	margin-left: auto;
	margin-right: auto;
}

/*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background: url(../images/navbar.gif) top left no-repeat;					
	width: 893px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 47px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 47px;			/* Each button must have the same height, define it here */
	display: block;
}


/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 0px; width: 108px;}
#nav-02 {left: 0px; width: 108px;}
#nav-03 {left: 0px; width: 108px;}
#nav-04 {left: 0px; width: 108px;}
#nav-05 {left: 0px; width: 118px;}
#nav-06 {left: 0px; width: 108px;}
#nav-07 {left: 0px; width: 108px;}


/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.gif") 0px -47px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.gif") -108px -47px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.gif") -216px -47px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.gif") -324px -47px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.gif") -432px -47px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.gif") -550px -47px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/navbar.gif") -658px -47px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav Drop-Down-Menu
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav item */
	border:1px solid #fff;
	border-top:none;
	background-color:#2b2210; /* Put background here! Not in the ul!!*/
	left: 0px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav item, should match above */
	line-height:25px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:20px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover{ 
	background-image:none;
	background-color:#feb921;
	color:#2b2210;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:115px; }
#nav-02 ul, #nav-02 li { width:122px; }	
#nav-03 ul, #nav-03 li { width:140px; }		
#nav-04 ul, #nav-04 li { width:140px; }	
#nav-05 ul, #nav-05 li { width:140px; }	
#nav-06 ul, #nav-06 li { width:120px; }	
#nav-07 ul, #nav-07 li { width:120px; }	


/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }