/*****************************
Company: Pope Inc
Site Developed by: Integrated New Media
Date: March 5, 2007
Author: Zak Weiland
******************************/

/*****************************
~~~~~~~~~~~~~~ Global ~~~~~~~~
*****************************/

* {
	margin:0;
	padding:0;
	border:0;
}

body, html {
	font: normal small/1.6em Helvetica, Arial, sans-serif;
	background:#FFF url(../images/layout/BG_HTML.jpg) 0 0 repeat-x;
	color:#333;
	
}

/*~~~~~~~~~~Common Formatting ~~~~~~~~~~*/

p, ul, ol    { margin:0; padding:0 0 1.25em 0;}
ul, ol       { padding:0 0 1.25em 2.5em;}
ul li        { list-style:url(../images/layout/Icon_UL.gif);}
.floatright  { float:right;}
.floatleft   { float:left;}
.marginright { margin-right:1.25em;}
.clear       { clear:both;}
.xsmall      { font-size:x-small;}
.invisible   { display:none;}


/* ~~~~~~~~~~ HyperLinks ~~~*/

a       { color:#55666b; text-decoration:underline; outline: none;}
a:hover { background:#FF9;}
a.pdf_link { padding-left: 18px; background: url(../images/layout/icon_pdf.gif) left 50% no-repeat; display: block; }
/* ~~~~~~~~~~~~ Titling ~~~*/

h1, h2, .boldhightlight, .highlight { color:#3e5334; font-family: "Times New Roman", Georgia, Times, serif}

h1 { font-size:3em; margin:0 0 15px 0; font-weight: normal; line-height: 80%; }
h2 { font-size:1.6em; margin:6px 0 6px 0; font-weight:lighter;}
h3 { font-size:1.2em; margin:4px 0 4px 0; font-family:Arial, Helvetica, sans-serif; color:#98b2c1;}

.boldhighlight { font-weight: bold;}
.highlight     { font-size:1.1em; color:#ff9;}
.title	       { font-size:3.6em; color:#FFF; letter-spacing:-2px;}

.back_to_top {text-align: right;}

blockquote {
	margin: 10px 0px 10px 0px;
	}
cite {
	display: block;
	border-bottom: 2px double black;
	text-align: right;
	padding-bottom: 6px;
	margin-bottom: 30px;
	}
/*****************************
~~~~~~~~~~~ Layout ~~~~~~~~~~~
*****************************/

#container {
	width:779px; height:auto;
	margin:auto;
	position:relative;
	top:0; left:0;
}

#header {
	width:100%;
	height:75px;
}

#logo {
	float:left;
}
#search_and_social {
	float: right;
	width: 190px;
	margin:14px 8px 0 0;
	}
#social {
	text-align: right;
	}
#contact_form {
	width: 100%;
	height: 500px;
	}
#contact_iframe {
	width: 100%;
	height: 500px;
	}
/*----------------------------------
	IMAGES	IMAGES	IMAGES
----------------------------------*/
img.align_left {
	float:left;
	margin: 6px 12px 6px 0px;
	}
img.align_right {
	float:right;
	margin: 6px 0px 6px 12px;
	}	
	
img.border {
	height: auto;
	width: auto;
	border: 1px solid #000;
	padding: 2px;
	background:#fff;
}
/*~~~~~~ Search Form ~~~~~~*/

#search {
	width:188px;height:24px;
	background:url(../images/layout/BG_Search.gif) 0 0 no-repeat;
}
.searchBox { margin-top:3px; margin-left:7px; height:17px; width:110px;}
.searchBtn { height:24px; width:68px;}

#social img {
	padding: 10px 0px 0;
	}
#social a:hover {
	text-decoration: none;
	background: none;
	}
/*~~~~~~ Flash ~~~~~~*/

#flash_content {
	width:770px; height:215px;
	border-bottom:1px solid #444;
	background:url(../images/layout/BG_Flash.gif) 0 0 no-repeat;
	text-align:center;
	padding-top:9px;
}

/*~~~~~~ Horizontal Menu Drop Downs ~~~~~~*/

#nav {
float:left;
width:770px;
height:50px;
background:#000 url(../images/layout/BG_Nav.gif) 0 0 repeat-x;
display:inline;
text-align:center;
}

#nav ul {
background:#FFF;
margin:0;
padding:0;
}

#nav li {
float:left;
position:relative;
list-style:none;
background: url(../images/layout/BG_NavList.gif) 100% 0 no-repeat;
}
* html #nav li {margin-top:10px;}

#nav li a {
display:block;
color:#fff;
text-decoration:none;
width:100%;
padding:13px 16px 16px 16px;
background:url(../images/layout/BG_NavList.gif) 100% 0 no-repeat;
}
* html #nav li a { display:inline; position:relative;}

#nav li a:hover  { background:#000}

#nav li.submenu a              { background:url(../images/layout/Icon_NavList.gif) .6em 50% no-repeat; padding-left: 20px;}
#nav li.submenu a:hover       { background:#000 url(../images/layout/Icon_NavList.gif) .6em 50% no-repeat; padding-left: 20px;} 
#nav li.submenu ul li:hover   { background:#000 url(../images/layout/BG_NavRollover.gif) 0 0 repeat-x;}
#nav li.submenu ul li a:hover { background:#333 url(../images/layout/BG_NavRollover.gif) 0 0 repeat-x;}
#nav li.submenu ul li, #nav li.submenu ul li a {background-image: none; background: #222;}

#nav li ul li a {
display:block;
color:#eee;
width:177px;
border:1px solid #000;
background:#222;
background-image: none;
margin-top:-1px;
padding:6px 8px;
}

#nav>ul a  { width:auto;}
#nav ul ul { position:absolute; display:none;}

#nav ul.level1 li.submenu:hover ul.level2,
#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
width:180px;
text-align:left;
background-image: none;
}

#nav ul.level2        { top:51px; left:0;}
* html #nav ul.level2 { top:18px;}

#nav li#house_button a{
 padding: 13px 20px 8px 20px;
 background: none;
 }
/*~~~~~~ Main Content ~~~~~~*/

#mainContent {
	width:730px;
	clear:both;
	background:#fff url(../images/layout/BG_MainContent.jpg) 0 0 no-repeat;
	height:auto;
	padding:20px;
}
#left_col {
	width: 375px;
	}
#right_col {
	width: 313px;
	background: url(../images/layout/right_col_left_side.gif) top left repeat-y;
	padding: 0px 12px;
}

img.featuredProduct {
	height:auto;
	width:321px;
	border:2px solid #9ab2be;
	padding: 4px;
	margin-bottom:1.25em;
	background:#fff;
}
.featuredProduct p, 
.featuredProduct h3 { width:120px; margin-right:2em;}

/*~~~~~~ Footer ~~~~~~*/

#footer {
	width:100%; height:250px;
	background:#020303 url(../images/layout/BG_Footer.gif) 0 0 repeat-x;
	position:relative;
	top:0;
	left:0;
}

#footerInfo {
	width:728px;
	height:40px;
	margin:auto;
	color:#ccc;
	padding:70px 25px 0 25px;
	background:transparent url(../images/layout/BG_FooterInfo.jpg) 0 0 no-repeat;
	font-size:smaller;
}
#footerInfo a {color:#FFF;background:none;}
#footerInfo a:hover {color:#999;}

/*~~~~~~ Clearfix ~~~~~~*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix             { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix      { height: 1%; }