@charset "utf-8";

.Page_Header {
	width:920px;
	padding-top:0;
	margin-left:auto;
	margin-right:auto;
	height:150px;
}

.Pyramid_Logo {	
	width:168px;
	height:130px;
	border:none;
	margin-right:auto;
	margin-left:auto;
}

.Head_Right {
	width:25%;
	float:right;
	height:150;
	text-align:right;
	margin-right:20px;
	margin-top:115px;
}

.Head_Left {
	width:30%;
	float:left;
	height:150;
	margin-left:20px;
	margin-top:20px;
	margin-top:58px;
}

#clear {
clear:both;	
}

#companyname {
	text-align:left; 
	font-size:16px; 
	font-family:Verdana, Geneva, sans-serif
}

#contactbody a:link {text-decoration:none; color:#006}
#contactbody a:visited {text-decoration:none; color:#006}
#contactbody a:active {text-decoration:none; color:#006}
#contactbody a:hover {color:#006; text-shadow:#bbF -2px 2px 1px}

div.spacer {
	height:20px;
}

a.vcf {
	margin-left:10px;
}

img.vcf {
	border:none;
}

body {
	background-attachment: fixed !important;
	background-color:#213289 !important;
	background-repeat:repeat-y;
	background-position:center;
	background-image: url("gfx/newbg_980px.png");
	color:#000;
}

#BG1 {
	background-attachment: fixed !important;
	background-color:#00020d !important;
	background-repeat:repeat-y;
	background-position:center;
	background-image: url("gfx/pas_bg_920_5.jpg");
	color:#000;
}

#BG2 {
	background-attachment: fixed !important;
	background-color:#0000a2 !important;
	background-repeat:repeat-y;
	background-position:center;
	background-image: url("gfx/bg_980-6px.png");
	color:#000
}

body.BG3 {
	background-attachment: fixed !important;
	background-color:#00020d !important;
	background-repeat:repeat-y;
	background-position:center;
	background-image: url("gfx/pas_bg_920_5.jpg");
	color:#000
}

div.footer {
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	font-size:12px
}

div.vcards {display:none;}

div.lightbox_links {
	display:none;
}

#Center {
	font-size:12px;
	text-align:center;
	color:#000;
	line-height:54px;
	vertical-align:bottom;
}

#welcome	{
	margin-left:auto;
	margin-right:auto;
	width:880px;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:left;
}

#intro	{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:880px;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:left;
}
div.Product_main {display:inline-table;  width:310px}
div.Product_head  {margin-left:auto; margin-right:auto; width:940px}
div.product_content {float:right; height:600px; width:600px; margin-right:5px}
div.textlinks {height:0px; visibility:hidden}
h1 {text-align:center; color:black; font-size:42px; font-family:ariel}
h1.ital {text-align:center; color:black; font-size:42px; font-family:ariel; font-style:italic}
h1.bold {text-align:center; color:black; font-size:42px; font-family:ariel; font-weight:800}
h2 {text-align:center; color:darkblue; font-size:32px; font-family:ariel}
h2.ital {text-align:center; color:black; font-size:42px; font-family:ariel; font-style:italic}
h2.bold {text-align:center; color:black; font-size:42px; font-family:ariel; font-weight:800}
h3 {text-align:center; color:#009; font-size:24px; font-family:ariel}
h3.ital {text-align:center; color:black; font-size:42px; font-family:ariel; font-style:italic}
h3.bold {text-align:center; color:black; font-size:42px; font-family:ariel; font-weight:800}
table.head {margin-left:auto; margin-right:auto; width:900px; height:90px}
table.navi {margin-left:auto; margin-right:auto; width:900px}
table.pas_menu {margin-left:auto; margin-right:auto; width:880px; position:relative}
table.fpage {margin-left:auto; margin-right:auto; width:919px}
table.fpage2 {margin-left:auto; margin-right:auto; width:793px}
table.footer {margin-left:auto; margin-right:auto; width:700px; color:#FFF; text-decoration:none; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
table.error {margin-left:auto; margin-right:auto; width:800px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px}
table.galleryrow {margin-left:auto; margin-right:auto; width:700px; font-family:Verdana, Geneva, sans-serif}
table.galleryrow3 {margin-left:auto; margin-right:auto; width:600px; font-family:Verdana, Geneva, sans-serif}
table.gallerymain {
	margin-left:auto;
	margin-right:auto;
	width:880px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:20px;
	margin-bottom:20px;
}

td.hidden {
display:none;	
}

table.compinfo {margin-left:auto; margin-right:auto; width:860px; font-family:Verdana, Geneva, sans-serif}
table.contactus {margin-left:auto; margin-right:auto; width:880px; font-family:Verdana, Geneva, sans-serif}
table.designassist {margin-left:auto; margin-right:auto; width:860px; font-family:Verdana, Geneva, sans-serif; font-size:12px}
table.frontpage {margin-left:auto; margin-right:auto; width:400px}
table.products {margin-left:auto; margin-right:auto; width:275px}
table.products th {height:40px; vertical-align:bottom; text-shadow:#555 -2px 2px 3px}
table.products td {height:50px; text-align:center}
table.SpecOptions {width:575px}
td.compinfohead {text-align:center; vertical-align:bottom; height:45px; text-decoration:underline; font-size:16px; font-family:Verdana, Geneva, sans-serif}
td.compinfobody	{text-align:center; font-size:12px; font-family:Verdana, Geneva, sans-serif}
td.contacthead {text-align:left; vertical-align:bottom; height:60px; text-decoration:underline; font-size:20px; font-family:Verdana, Geneva, sans-serif}
td.contactbody	{text-align:left; font-size:12px; font-family:Verdana, Geneva, sans-serif}
td.contactmemo {text-align:center; vertical-align:middle; height:45px; text-decoration:none; font-size:14px; font-family:Verdana, Geneva, sans-serif}
td.design {text-align:center; vertical-align:middle; height:45px; text-decoration:none; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif}
th.design {text-align:center; vertical-align:middle; height:60px; text-decoration:none; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
th.footer {text-align:left}
td.footer {text-align:left; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:32px; vertical-align:bottom;}

#flash1show {display:inherit}
#flash1hide {display:none}
#flash2show {display:inherit}
#flash2hide {display:none}


#tdfooter {text-align:left; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:32px; vertical-align:bottom;}
#tdfooter2 {text-align:left; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:50px; vertical-align:bottom;}

#tdfooter3 {text-align:center; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:40px; vertical-align:bottom; color:#000}
#tdfooter4 {text-align:center; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:22px; vertical-align:bottom; color:#000}

p {font-size:12px; font-family:Arial, Helvetica, sans-serif}

p.gall_desc {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:900px;
	text-align:center;
}
p.h1 {font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:center}
p.h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif}
p.footertextinside {font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#000; line-height:24px}
p.footertextoutside {font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#FFF}
p.galleryhead {text-align:center; color:#005; font-size:24px; font-family:ariel; margin-top:10px}
img.gallery {border-style:none; width:100px; height:75px}
img.gallerymain {border-style:none; width:248px; height:186px}

/*a:hover div {background-color:#0000a6; color:#FFF; text-decoration:underline}
a:link div {background-color:#FFF; color:#000; text-decoration:none}
a:visited div {text-decoration:none; color:#000}
a:active div {text-decoration:none; color:#000}*/

a img {border:none;}

#gray a:link {text-decoration:none; color:#999}
#gray a:visited  {text-decoration:none; color:#999}
#gray a:active  {text-decoration:none; color:#999}
#gray a:hover 	{text-decoration:none; color:#000}

#Product_main {line-height:30px}
#Product_main a:link {text-decoration:none; color:#000}
#Product_main a:visited {text-decoration:none; color:#000}
#Product_main a:active {text-decoration:none; color:#000}
#Product_main a:hover {color:#0000a6; text-shadow:#4b4bFF -2px 2px 3px}

#alt_mail {width: 400px; margin-left:auto; margin-right:auto; text-align:center}
#color_wheel {border:solid #000}
#finish_content p {text-align:center; width:920px; font-size:11px; font-family:Verdana, Geneva, sans-serif; height:60px; vertical-align:middle; width:240px}

#Options_Right {font-size:10px; text-align:right}
#Options_Center {font-size:14px; text-align:center}

ul ul {margin-left:10px}
ul {margin-left:100px}

.bluedrop, .bluedrop2
	{
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:5px;
	width:120px;
	height:95px;
	background:url(gfx/imgdrop.png) top left no-repeat;
	float:right;
	}
	
	.bluedrop:hover
	{
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:5px;
	width:120px;
	height:95px;
	background:url(gfx/imgdropbolder.png) top left no-repeat;
	float:right;
	}
	
		.bluedrop2:hover
	{
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:5px;
	width:120px;
	height:95px;
	background:url(gfx/imgdropcurve.png) top left no-repeat;
	float:right;
	}
	
.bluedrop img, .bluedrop2 img
	{
		margin:5px;
		padding:5px;
		width:100;
		height:75px;
		float:left;
		border:none;
	}
	
	.nodrop
	{
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:5px;
	width:120px;
	height:95px;
	float:right;
	}
/* Begin Sticky Footer */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 96px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -96px; /* negative value of footer height */
	height: 96px;
	clear:both;
	background:url(gfx/bg-newbottom_980-96px.png) no-repeat center ;
} 

#main2 {padding-bottom: 96px;}  /* must be same height as the footer */

#footer2 {position: relative;
	margin-top: -96px; /* negative value of footer height */
	height: 96px;
	clear:both;
	background:url(gfx/bg-bottom_980-96px.png) no-repeat center  }
	
#footer3 {position: relative;
	margin-top: -78px; /* negative value of footer height */
	height: 78px;
	clear:both;
	background:url(gfx/bg_bot_849_78px.png) no-repeat center  } 
	
	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS Document */