/* COPYRIGHT 2007 BULLSEYE CREATIVE (www.bullseyecreative.net) */

@import url(nav.css);
@import url(library.css);
@import url(forms.css);

html, body
{
	
	background:#333333 url(../_img/body_bg.jpg) top center;
	padding:20px 0px 0px 0px;
	margin:0px;
}
.cartClass
{
    width:10px;
}

.bodyLibrary
{
	
	background:#333333 url(../_img/body_bg_library.jpg) top center;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.delCart
{
    width:500px;
}

ul
{
	padding:0px;
	margin:0px;
}

ol
{
	padding:0px;
	margin:0px;
}

li
{
	padding:0px;
	margin:0px;
}

.h1Spacer
{
	padding:0px;
	margin:28px 0px 0px 0px;
}

/** ====================
 * Standard fonts and rollovers 
 */ 

.bodyText, body, td
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#353535;
}

p
{
	margin:18px 0px 0px 0px;
	padding:0px;
}

h1
{
	font-family:"HelveticaNeue Light", Arial, sans-serif;
	font-size:28px;
	color:#B52932;
	font-weight: 100;
	padding:3px 0px 0px 0px;
	margin:0px;
}

h2
{
	font-family:"HelveticaNue Light", Arial, sans-serif;
	font-size:18px;	
	color:#B52932;
	font-weight: 100;
	/*padding:0px;*/
	/*margin:0px 0px 10px 0px;*/
}

h3
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:32px;
	font-weight: 100;
	color:#FFF;
	padding:341px 0px 0px 25px;
	margin:0px;
}

h4
{
	font-family:"HelveticaNeue Light", Arial, sans-serif;
	font-size:28px;
	color:#FFF;
	font-weight: 100;
	padding:0px;
	margin:93px 0px 0px 26px;
}

h5
{
	font-family:"HelveticaNeue Light", Arial, sans-serif;
	font-size:28px;
	color:#B52932;
	font-weight: 100;
	padding:0px;
	margin:69px 0px 0px 0px;
}

h6
{
	font-family:"HelveticaNeue Light", Arial, sans-serif;
	font-size:16px;
	color:#000;
	font-weight: 600;
	padding:0px 0px 0px 0px;
	/*margin:0px;*/
}

h7
{
	font-family:"HelveticaNeue Light", Arial, sans-serif;
	font-size:12px;
	color:#000;
	font-weight: 600;
	padding:19px 0px 5px 0px;
	margin:0px;
}

a
{
	color:#B52932;
	text-decoration:none;
}

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

.red
{
	color:#B52932;
}

.tenPoint
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
	color:#353535;
}

/** ====================
 * outer-most container 
 */

.outerContainer
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding:0px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	width:935px;
	background:#FFFFFF;
	border:5px solid #D6DFE4;
	
}

/* masthead container*/

.mastheadContainer
{
	padding:0px 20px 20px 20px;
	margin:0px;
	background-color:#FFF;
}

.logo
{
	float:left;
	display:inline;
	width:290px;
	height:83px;
	background:#FFF;
}

/** ====================
 * insetImage
 */

.imageContainer
{
	clear:both;
	float:left;
	padding:0px 20px 0px 20px;
	margin:0px 0px 0px 0px;
}

.insetImage
{
	float:left;
	display:inline;
	width:280px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-right:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
}

.mainImage
{
	float:left;
	display:inline;
	width:610px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
}

.insetHdr_about
{
	float:left;
	display:inline;
	width:274px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-right:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
	background: url(../_img/insetHdr_about.jpg) no-repeat;
}

.insetHdr_services
{
	float:left;
	display:inline;
	width:274px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-right:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
	background: url(../_img/insetHdr_services.jpg) no-repeat;
}

.insetHdr_Whatsnew
{
	float:left;
	display:inline;
	width:274px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-right:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;	
}
.insetHdr_contact
{
	float:left;
	display:inline;
	width:274px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-right:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
	background: url(../_img/insetHdr_contact.jpg) no-repeat;
}

.mainImageInner            /* Generic */
{
	float:left;
	display:inline;
	width:616px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
}


.mainImageInner_forWhatsnew
{
	float:left;
	display:inline;
	width:300px;
	height:385px;
	border-top:5px solid #B9BDC0;
	border-right:5px solid #B9BDC0;
	border-bottom:5px solid #B9BDC0;
}

/** ====================
 * content
 */

.contentContainer
{
	clear:both;
	padding:29px 20px 0px 20px;
	margin:0px;
}
.StateContainer
{    
    background-position:inherit ;
    border-style :none ;     
    /*padding:29px 20px 0px 20px;
    margin:0px;*/
}

#welcomeContainer
{
	clear:both;
	padding:0px 12px 0px 25px;
	margin:0px;
	border-right:1px solid #E7E8EA;
}

#welcome
{
	float:left;
	display: inline;
	width:385px;
	padding:0px;
	margin:0px;
}

#welcome p
{
	margin:11px 0px 0px 0px;
}

#calloutContainer
{
	height:auto !important; /* for modern browsers */
	height:300px; /* for IE5.x and IE6 */
	min-height:300px; /* for modern browsers */
	
	padding:0px;
	margin:0px 0px 20px 0px;
} 

#callout
{
	float:right;
	display: inline;
	width:460px;
}

#callout p
{
	margin:11px 0px 0px 0px;
}

#aboutHistory_peter
{
	margin:28px 0px 0px 84px;
}

/**graybar
 */

 #graybar
 {
 	height:10px;
	height:10px !important; /* real browsers */
	height:10px; /* IE6:treaded as min-height*/
	max-height:10px; /* real browsers */
	line-height:10px;
	background:#E7E8EA;
 }
 
.wPadding
 {
 	margin:18px 0px 0px 0px;
 }

/** ====================
 * footer
 */
 
.footerContainer
{
	clear:both;
	width:897px;
	
	
	height:auto !important; /* real browsers */
	height:50px; /* IE6: treaded as min-height*/

	min-height:10px; /* real browsers */
	
	position:relative;
	bottom:0; /* stick to bottom */
	margin:0px 20px 0px 20px;
	padding:10px 0px 25px 0px;
	background-color:#FFF;
	
	text-align:right;
	border-bottom:2px solid #fff;
	
	
}

.footerContact
{
	float:left;
	display:inline;
	width:690px;
	padding:5px 0px 5px 0px;
	margin:0px;
}

.footerContact a
{
	color:#B52932;
	text-decoration:none;
}

.footerContact a:hover
{
	color:#B52932;
	text-decoration:underline;
}

.footerCopyright
{
	
	
	width:200px;
	margin:0 0 0 690px;
	padding:5px 0px 5px 0px;
	text-align:right;
	border:1px solid #fff;
}

/** ====================
 * clear
 */
 
 .clear
 {
 	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
 }

/** ====================
 * InnerContent
 */
 
.innerContentContainer
{
	padding:0px;
	margin:0px;
} 

.innerContent
{
	float:right;
	display:inline;
	width:619px;
}