/* 
Title:		EJ Prescott	
Author: 	Pemaquid Communications
Date: 		08/31/2006
*/

/* general styles
---------------------------------------------------------- */
body {
	font: small arial, helvetica, sans-serif; 
	margin: 0 auto;
	padding: 0;
	background:#151d40;
	color: #666;
	line-height: 1.3em;
	}

h1{
	font-size: 150%;
	}

h2{
	font-size: 140%; 
	padding:0;
	margin:0;
	}

h2.page_title{
	font-size:100%;
	text-transform: uppercase;
	}

h3{
	font-size:120%;
	margin:0;
	padding:0;
	}

li{
	list-style: disc; 
	}

a, a:visited{
	color:#235E9A;
	text-decoration:underline;
	}

a:hover{
	color:#FF8700;
	}

img {border:none;}	

blockquote p { /* remove default padding around p tag within quotes */
	padding:0; 
	margin:0; 
	}
	
.clear {
	clear:both;
	}

.right{
	float:right;
	padding:0 0 0 10px;
	}

.left{
	float:left;
	padding:0 10px 0 0;
	}

.text_right{
	text-align:right;
	}
	
.text_center{
	text-align:center;
	}


		
/* skip anchor
---------------------------------------------------------- */	
#skipnav {
	text-indent:-9999px;
	height:1px; /* Needs to be at least 1px high for Safari */
	margin:0;
	padding:0;
	line-height:1px; /*For IE*/
	 }

#skipnav a, #skipnav a:visited {
	text-indent:-9999px;
	display:inline;
	font-size:71%;
	}

#skipnav a:active, #skipnav a:focus {
	background-color:#ffc;
	color:#333;
	display:inline;
	font-size:71%;
	}

#skipanchor {
	text-indent:-9999px;
	}
	
	
/*page structure
---------------------------------------------------------- */	
#container {
	margin:0 auto;
	padding:0 0 5px 0;
	background: #fff;
	width:760px;
	}
	
#bottom_container{
	background:transparent url(../images/bottom_container.gif) repeat-y center top;
	margin:5px 5px 0px 5px;
	border:1px solid #fff;
	}
	
#left_column_gray {
	float: left;
	padding:20px 25px 0px 25px;
	width:368px;	
	background:#b0b1b6;
	color:white;
	margin-bottom:5px;
	}
	
#left_column_gray p{
	margin:0 0 20px 0;
	padding:0;
	}

#right_column_gray {
	float: right;
	width: 284px;
	padding: 10px 20px 0px 20px;
	background:#CCCCCC;
	font-size:85%;
	color:#666;
	margin-bottom:10px;
	
	}
#right_column_gray  p{

}

#singlecol{
	margin:0 20px 10px 0;
	}

#three_col{
	float:left;
	width:220px;
	margin-left:20px;
	}
	
#back_container_left{
	margin:20px 0px 20px 54px;
	border-right:1px solid #ead1d6;
	float:left;
	width:446px;
	padding-right:54px;
	display:inline;
	}

#back_container{
	background:transparent url(../images/second_nav_back.gif) no-repeat 560px 20px; 
	}

	
		
/* marquee
---------------------------------------------------------- */	
#marquee {
	width:100%;
	height:412px;
	background:transparent url(../images/marquee.jpg) no-repeat top center;
	}
	
.marquee_bottom{
	border-top:1px solid #e9eaec;
	padding-top:5px;
	margin: 0 5px; /**/
	}


	
/* footer
---------------------------------------------------------- */	
#footer {
	margin: 0 auto;
	background: transparent;
	padding: 6px;
	font-size:85%;
	color:#fff;
	width:760px;
	clear:both;
	}

#footer  a, #footer a:visited{
	color:#9ca2b8;
	text-decoration:none;
	}

#footer a:hover{
	color:#fff;
	text-decoration:underline;
	}

#footer p{
	text-align:center;
	}
	
#footer_links{
	float:right;
	color:#9ca2b8;
	text-align:right;
	padding-bottom:10px;
	}


/* navigation
---------------------------------------------------------- */	
#nav {
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
	background:#afb1b7 url(../images/nav_background.jpg) no-repeat top center;
	height:72px;
	}

#nav ul{
	float:right;
	margin:0;	
	width:100%;  /* Needed to properly float nav in Opera 7.x; adjust width to position nav */
	}

#nav li {
	margin:0;
	padding:0 10px;
	list-style:none;
	float:left;
	border-right:2px solid #fff;
	height:72px;
	width:160px;
	}
	
#nav li.last{
	border-right:none;
	}

#nav a{
	margin: 0 ;
	padding: 25px 0 0 0 ;
	color:#8e0c24;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:110%;
	display:block;
	}

#nav a:hover{
	background-color:transparent;
	color:#000;
	}

#nav li.current a{
	color:#000;
	}
	
/* second navigation
---------------------------------------------------------- */	

#second_nav {
	float:right;
	margin:0;	
	padding:5px 0;	
	text-align:center;
	background:#fff;
	width:332px;
	}

#second_nav ul{	
	margin:0;
	padding:0;
	}

#second_nav li {
	margin:0;
	padding:0;
	list-style:none;
	/*float:left;*/
	display:inline;
	color:#8e0c24;
	}

#second_nav a{
	margin: 0;
	padding: 0 13px 0 2px;
	color:#8e0c24;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	/*display:block;*/
	font-size:85%;
	background:transparent url(../images/second_nav_pipe.gif) no-repeat center right;
	}
	
#second_nav li.second_nav_last a{
	background:none;
	padding-right:0px;
	}
	
#second_nav li.second_nav_first a{
	padding-left:0px;
	}

#second_nav a:hover{
	color:#000;
	}

/* back page navigation
---------------------------------------------------------- */	
#back_nav {
	width:750px;
	margin:0 auto;
	padding:0;
	background:#0033CC url(../images/qwpback_nav.gif) no-repeat top right;
	height:27px;
	border:1px solid #d5d8df;	
	}

#back_nav ul{
	float:left;
	margin:0 0 0 54px;
	padding:0px;
	width:60%;   /*Needed to properly float nav in Opera 7.x; adjust width to position nav */
	display:inline;
	}

#back_nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;	
	position: relative;
	display: inline;	
	}
	
#back_nav li.last a{
	border-right:none;
	}

#back_nav ul li a{
	margin: 5px 0 ;
	padding:  0px 10px 0px 10px ;
	color:#fff;
	border-right:2px solid #d5d8df;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:85%;
	display:block;
	 /*width: 90px;Width of top level menu link items*/
	text-align: left;
	}
	
#back_nav ul li a#back_nav_about{
	padding-left:0px;
	width:39px;
	}

#back_nav ul li a#back_nav_fabshop{
	width:112px;
	}

#back_nav ul li a#back_nav_machshop{
	width:85px;
	}
	
#back_nav ul li a#back_nav_products{
	width:60px;
	}
	
#back_nav ul li a#back_nav_links{
	width:31px;
	}

#back_nav a:hover{
	background-color:transparent;
	color:#CCD6F5;
	}

#back_nav li.current a{
	color:#CCD6F5;
	}

#back_nav ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background:#e6e6e7;
	padding-left:0px;
	border-bottom: 1px solid #f2f2f3;
	margin:0;
	}
	
#back_nav ul li ul li{
	display: list-item;
	float: none;	
	background:#e6e6e7;
	}
	
#back_nav ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
	}
	
#back_nav ul li ul li a{
	display: block;
	width: 180px; /*width of sub menu levels*/
	text-decoration: none;
	padding: 7px 5px 3px 10px;
	border-bottom: 1px solid #CCD6F5;
	border-right:0px;
	color:#8e0c24;
	font-size:85%;
	margin:0;
	text-align: left;	
	background:#e6e6e7; /* for Opera 7.x */
	text-transform:capitalize;
	}
	#back_nav li.current li a{
	color:#8e0c24;
	}
#back_nav ul li ul li a:hover{
	background:#F5F5F6;
	color:#000;
	}
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
	}
	
/* Holly Hack for IE \*/
* html #back_nav ul li { float: left; height: 1%; }
* html #back_nav ul li a { height: 1%; }
	
/* back page second navigation
---------------------------------------------------------- */	

#second_nav_back {
	float:left;
	margin:20px 0 0 10px;	
	padding:5px 0;	
	width:182px;
	}

#second_nav_back ul{	
	margin:15px 0 0 20px;
	padding:0;
	}

#second_nav_back li {
	margin:0;
	padding:1px;
	list-style:none;
	color:#8e0c24;
	}

#second_nav_back a{
	margin: 0;
	padding: 0;
	color:#8e0c24;
	text-decoration:none;
	font-size:85%;
	display:block;
	}
	
#second_nav_back .bold_up a{
	text-transform:uppercase;
	font-weight:bold;
	}	

#second_nav_back a:hover{
	color:#000;
	}

#second_nav_back a.video_link{
	margin-top:20px;
	color:#001e82;
	padding-top:25px;
	background:transparent url(../images/projector.gif) no-repeat top left;
	}
	
#second_nav_back a.ejplink{
	margin-top:20px;
	border:none;
	}	


/* bottom nav
---------------------------------------------------------- */		
.bottom_links{
	
	}
	
.bottom_links a{
	color:#3366CC;
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	}
	

/* header
---------------------------------------------------------- */	
#header{
	height:123px;
	border:1px solid #fff;
	background:transparent url(../images/phonenumber.gif) no-repeat bottom right;
	}
	
* html div#header{
	margin-bottom:27px; /*For IE*/
	}
	
#header h1{
	margin:27px 0px 0px 54px;
	padding:0px;
	border:1px solid #fff; /*  needed to properly align search box in Safari */
	}
	
#header h1 a{	
	text-indent:-99999px;
	text-decoration:none;   
	height:75px;
	background: transparent url(../images/qwpheader.gif) no-repeat top left;		
	float:left;
	width:397px;
	margin:0;
	padding:0;	
	}
	
/* search
---------------------------------------------------------- */	

#sitesearchbox{
	float:right;	
	margin:18px 0px 0 0;
	padding:0 0 0 10px;
	line-height:34px;
	height:34px;
	width: 252px; /* need to define width for Safari */
	}

#sitesearchbox #searchbox{
	padding:9px 0;
	border:1px solid #ccc;
	width:135px;
	}

#searchbutton{
	margin-right:10px;
	float:left;
	}
	
#outersearch{
	
	}

/*breadcrumb
---------------------------------------------------------- */	
.breadcrumb{
	font-size:80%;
	font-weight:bold;
	margin-bottom:5px;
	}
	
.breadcrumb a{
	font-weight:normal;
	}