/*BEGIN LAYOUT*/
body{
	background-color:#cccccc;
	min-width:751px; /*This is the fix for Mozilla browsers so that content doesn't fall off the left of the page when centered.*/
	margin:0;
	padding:0;
	font-weight: normal;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px; color:#333333;
	text-align:center; /*This centers the page in IE  need to include text-align:center; in preceding divs so the text isn't centered*/
}

#wrapper { 
	background-image:url(../images/bkgrd.jpg); 
	background-repeat:repeat-y;
	margin:0 auto; /*This centers the page in a browser minus IE*/
	width:751px;
	text-align: left; /*This recenters the text for all browsers*/
}
/*Styles used in the TOP BANNER above the NAVIGATION
======================================*/

#top_banner{position:relative;}
#logo{position:absolute; top:61px; left:50px;}
#contact{margin:0px; padding:0px; position:absolute; top:50px; right:0px; width:195px;}
#phone{margin-right:50px; margin-top:13px;}
.small_text{ color:#FFFFFF; font-size:12px; text-align:center; font-weight:bolder; }
.large_text{ color:#FFFFFF; font:22px Arial, Verdana, Geneva,sans-serif; text-align:center; font-weight:bolder;}
#track{ position:absolute; top:45px; left:5px;}
#livechat{ position:absolute; top:72px; left:0px;}
#scanalert{position:absolute; top:0px; right:15px;}


#logo_order{position:absolute; top:55px; left:35px;}
#livechat_order{ position:absolute; top:125px; left:35px;}
#order_icons{ position:absolute; top:55px; left:355px;}
#order_design{background: url(images/order_design.jpg) top right no-repeat; height:100px; width:331px;}
#order_order{background: url(../images/order_order.jpg) top right no-repeat; height:100px; width:331px;}
#order_receive{background: url(../images/order_recieve.jpg) top right no-repeat; height:100px; width:331px;}
#order_scanalert{ position:absolute; top:0px; right:15px;}

/*End of styles for TOP BANNER*/


/*Styles used for the NAVIGATION
========================================*/
#nav_none, #nav_home, #nav_order, #nav_pricing, #nav_faq, #nav_contact{position: relative; width:100%; height:20px; border:none; top:-2px;}
#nav_none a, #nav_home a, #nav_order a, #nav_pricing a, #nav_faq a, #nav_contact a{ text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:.05em;}
#nav_none a:visited, #nav_home a:visited, #nav_order a:visited, #nav_pricing a:visited, #nav_faq a:visited, #nav_contact a:visited{ text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:.05em;}
#nav_none a:hover, #nav_home a:hover, #nav_order a:hover, #nav_pricing a:hover, #nav_faq a:hover, #nav_contact a:hover{ text-decoration:none; font-weight:bold; color:#1c457d; letter-spacing:.05em; font-size:12px;}

#nav_none{background: url(../images/nav.jpg) top right no-repeat;}
#nav_home{background: url(../images/nav_home.jpg) top right no-repeat;}
#nav_order{background: url(../images/nav_order.jpg) top right no-repeat;}
#nav_pricing{background: url(../images/nav_pricing.jpg) top right no-repeat;}
#nav_faq{background: url(../images/nav_faq.jpg) top right no-repeat;}
#nav_contact{background: url(../images/nav_contact.jpg) top right no-repeat;}


#home{ position:absolute; left:362px; bottom:2px;}
#order{position:absolute; left:437px; bottom:2px;}
#pricing{position:absolute; left:508px; bottom:2px;}
#faq{position:absolute; left:594px; bottom:2px;}
#contact_us{position:absolute; left:665px; bottom:2px;}

#nav_home #home a, #nav_home #home a:visited{font-size:13px;}
#nav_order #order a, #nav_order #order a:visited{font-size:13px;}
#nav_pricing #pricing a, #nav_pricing #pricing a:visited{font-size:13px;}
#nav_faq #faq a, #nav_faq #faq a:visited{font-size:13px;}
#nav_contact #contact_us a, #nav_contact #contact_us a:visited{font-size:13px;}



/*End of styles for NAVIGATION*/


/*Styles used for CONTENT
=========================================*/

#conleft {
	float: left;
	width: 550px;
}
#conright {
	float: right;
	width: 150px;
	background-color: #F4F4F4;
	color: #505050;
	margin: 0 0 10px;
	padding: 5px;
}


#maincontent {margin: 0px 15px 10px 15px;} /*This is the ID to use if you have only 1 column*/
#tightmain {margin: 0px 20px 10px 20px;} /*This is for the main content on any page EXCEPT home*/

#main_right {margin: 0 15px 10px 335px;} /*This is the ID for the main content when you have 2 columns and the main content is on the right. */
#main_left {margin: 0 100px 10px 15px;}/*This is the ID for the main content when you have 2 columns and the main content is on the left. */
#main_lf_rt {margin: 0 100px 20px 335px;}/*This is the ID for the main content when you ahve 3 columns and the main content is in the middle*/
#maincontent, #main_left, #main_right, #main_lf_rt, #tight_main {padding:0px; line-height:1.6em; text-align:left; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px; color:#333333;}

#left_content {
float: left;
width: 330px;
margin: 0px;
padding-left: 12px;
font-size: 0.9em;
line-height: 1.5em;font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px; color:#333333;
}/*This is the ID for content that goes to the left of the main content in either a 2 or 3 column layout*/

#right_content {
float:right;
margin: 0 0 10px 0;
padding: 5px;
width: 90px;
color: #505050;
background-color:white;
line-height: 1.3em;font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px; color:#333333;
}/*This is the ID for the content that goes to the right of the main content in either a 2 or 3 column layout*/

/*Use the two below for an equal 2 column layout*/
#left_column {
width:340px;
float:left; 
margin:10px 0px 0px 10px;
}
#right_column {
width:340px;
float:right;
margin:10px 10px 0px 10px;
}


p{font:Arial, Verdana, Geneva, Helvetica, sans-serif;}
h1{ font-size:1.4em; color:#1c457d;}
h2{ font-size:1.3em; color:#1c457d;}
h3{font-size:1.2em; color:#1c457d;}
h4, h5, h6{font-size:1em; color:#1c457d;}

a{ color:#d17939; text-decoration:none; }
a:visited{ color:#d17939; text-decoration:none; }
a:hover{ color:#1c457d; text-decoration:underline; }

.orange { color:#d17939;}
.right{ float:right; margin-right:15px;}
.left{ float:left; margin-left:15px;}

label {
color:#1c457d;
}

a img{border: 0}

#news{ background-image:url(../images/news.jpg); background-repeat:no-repeat; width:376px; height:163px; position:relative;}
#news_content{ position:absolute; height:127px;	overflow:auto; width:215px; top:31px; left:13px; margin:0; padding:0;}
#news_content ul, #news_content li{ padding:0; margin:0; list-style:none;}

#footer{ background-image:url(../images/footer.jpg); background-repeat:no-repeat;
	height:33px;
	color: #ffffff;
	clear: both;
	padding-top: 0px;
	text-align: center;
	font-size: 0.9em; 
	line-height:2em; 
	letter-spacing:.1em; word-spacing:.2em;}

#footer a {color: white; font-weight:normal; text-decoration:none;}
#footer a:visited {text-decoration:none; font-weight:normal;}
#footer a:hover {text-decoration:underline; font-weight:normal;}

#copyright{color: white; font-size: 0.9em;}
#copyright a{color: black; font-size: 0.9em; text-decoration:none;}
#copyright a:visited{color: black; font-size: 0.9em; text-decoration:none;}
#copyright a:hover{color: black; font-size: 0.9em; text-decoration:underline;}


/*---------- COLORS -----------*/

#card-red {
	background-color:#d60000;
	height:16px;
	width:23px;
	}
#bright-red {
	background-color:#ff3118;
	height:16px;
	width:23px;
	}
#pink{
	background-color:#ff9999;
	height:16px;
	width:23px;
	}
#hot-pink {
	background-color:#ff0093;
	height:16px;
	width:23px;
	}
#orange{
	background-color:#ff6600;
	height:16px;
	width:23px;
	}
#yellow {
	background-color:#ffff33;
	height:16px;
	width:23px;
	}
#teal {
	background-color:#00aa9e;
	height:16px;
	width:23px;
	}
#aqua {
	background-color:#0099b5;
	height:16px;
	width:23px;
	}
#light-blue {
	background-color:#75b2dd;
	height:16px;
	width:23px;
	}
#royal-blue {
	background-color:#0051ba;
	height:16px;
	width:23px;
	}
#navy {
	background-color:#00337f;
	height:16px;
	width:23px;
	}
#neon-green {
	background-color:#60dd49;
	height:16px;
	width:23px;
	}
#green{
	background-color:#339933;
	height:16px;
	width:23px;
	}
#forest {
	background-color:#00563f;
	height:16px;
	width:23px;
	}
#glow {
	background-color:#D4DFAA;
	height:16px;
	width:23px;
	}
#maroon {
	background-color:#70193d;
	height:16px;
	width:23px;
	}
#purple {
	background-color:#6d28aa;
	height:16px;
	width:23px;
	}
#gold {
	background-color:#918d53;
	height:16px;
	width:23px;
	}
#silver {
	background-color:#999999;
	height:16px;
	width:23px;
	}
#brown {
	background-color:#472311;
	height:16px;
	width:23px;
	}
#black {
	background-color:#000000;
	height:16px;
	width:23px;
	}
#white {
	background-color:#ffffff;
	height:16px;
	width:23px;
	}
#camo {
	background-image:url(images/camo.jpg);
	height:16px;
	width:23px;
	}
#rwb {
	background-image:url(images/rwb.jpg);
	height:16px;
	width:23px;
	}
	
	
/*END OF STYLE SHEET*/