/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4	
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Developer - Giles-Parscale Inc
Last Modified: 		10.25.2012

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography 
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #010101; font-family: 'Karla', sans-serif; text-transform: uppercase; font-weight: 700;}

/* Create the Default Paragraphs */
p {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #010101; font-weight: 400;}
em {font-family: 'Open Sans', sans-serif;}
a {font-family: 'Open Sans', sans-serif;}

/* Specific Header Settings */
h1 {font-size: 20px; border-bottom: 2px solid #f57310; margin-bottom: 20px; letter-spacing: 0.07em; display: inline-block;}
h2 {font-size: 13px;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #010101; font-weight: 400;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Other Typo */
strong {font-weight: 700;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
span {font-style: italic; text-transform: none;}



/* Useful Classes
------------------------------------------------------------------------------*/
.upper {text-transform: uppercase;}

/* Buttons and Navs
------------------------------------------------------------------------------*/


/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #656262; text-decoration: none;}
a:hover {color:#656262; text-decoration: none;}
a:active {outline: none;}
a.active {color: #656262;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
table input {border:1px solid #c9c9c9;}

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {background-color: #fff;}

/* Wrapper */
#wrapper {width: 100%; text-align: center;}
#wrapper .home_banner_image {width: 100%; height: 100%; position: fixed; top: 0; left: 0;}

/* Navigation */
#navigation {position: relative; z-index: 10;}
#menu_wrapper {width: 225px; position: fixed; top: 15%; right: 10%; cursor: pointer;}
.ui-dialog {position: fixed;}
#menu_logo {height: 110px; background: url("/images/site/nav_logo.png") 0 0 no-repeat; width: 225px;}
.ui-dialog-titlebar-close {display: none;}
#menu_wrapper ul {list-style: none;}
#menu_wrapper ul li {border-top: 1px solid #bbbdbd; padding: 5px 10px;}
#menu_wrapper ul li ul {display: none; margin: 10px 0;}
#menu_wrapper ul li ul li {border: 0; padding-left: 0;}
#menu_wrapper ul li ul li a {color: #646263; text-transform: none;}
#menu_wrapper ul li ul li a.active {text-decoration: line-through;}
#menu_wrapper ul li a {color: #000; text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: .08em; padding: 2px;}
#menu_wrapper ul li ul li a:hover {border-bottom: 1px solid red;}
#menu_bottom {background: url("/images/site/nav_bottom.png") 0 0 no-repeat; height: 45px; width: 225px;}
/*#menu_wrapper:hover #menu_bottom {background-position: 0 -45px !important;}*/
#home {width: 960px; margin: 0 auto;}

/* Main */
#main_text {background-color: #f1f4f5; margin: 120px 0 10px 20px; width: 280px; padding: 40px 30px; display: inline-block; vertical-align: top; text-align: left;}
#main_image {margin: 0 auto; padding: 0 10px; display: inline-block; vertical-align: top;}
#main_content {width: 90%; margin: 0 auto;}
div.box {margin: 5px; vertical-align: top; display: inline-block;}
div.box img {display: block;}

/* Contact Us */
#contact {width: 940px; margin: 0 auto; padding-top: 50px;}
#contact .dform_element {}
#contact .dfleft_label .dform_label {color: #9E7226;}
#contact input {background-color: #FAF7E8; width: 100%; padding: 5px;}
#contact textarea {background-color: #FAF7E8; width: 445px;}
#contact input.submit {background: url("./images/site/btn_send.png") no-repeat scroll 0 0 transparent; height: 40px; width: 190px; margin-top: 35px; text-indent: -9999px;}

/* Footer */
#footer_wrapper {width: 100%; min-width: 960px; background: url("./images/site/bkg_blue_rptr.jpg") top center;}
#footer {width: 960px; margin: 0 auto; height: 200px;}