/* CSS Document */



/* ------------------------------------------------------------------------  RESET  ------------------------------------------------------ */
/* Reset */
html, body {margin: 0; padding: 0; border:0; background: transparent; font-size:10px;}



/* ------------------------------------------------------------------------  GLOBAL  ------------------------------------------------------ */
/* Global */

html	{	}
body	{background-color:#323232;
        background-image:(images/background.jpg);
        background-repeat:no-repeat;
        background-attachment:fixed;}

/* --------------------------------------------SLIDER--------------------------------*/
#slides {display:none;}
/* --------------------------------------------SLIDER--------------------------------*/

#banner_pp_logo {height: 80px; padding-top:16px; /margin-top:32px;}
#social_icons {margin-left:840px; color: #000;}







/* ------------------------------------------------------------------------  CONTAINERS  ------------------------------------------------------ */
/* Containers */
#outer        {width: 1024px; margin:0 auto; background-color:#000;}                                 /*-- OUTER Style --*/
#wrapper      {width: 960px; /height: 1024px; margin:0 auto; background-color:#000;}                  /*-- WRAPPER Style --*/

/*-- This controls the style of the entire topnav line --*/
#topnav {clear: both; margin-top: 24px; padding:0;
        background-color:#a55034;
        height: 32px; width: 960px;}

#topnav ul {margin-left:0px; padding:0;
           line-height:32px;}

/*-- This controls the style of the buttons on the topnav line --*/
#topnav li {margin:0; padding:0;
           list-style: none;
           float:left;
           position: relative;
           background-color:#a55034;}

#topnav ul li a {text-align:center;
                font-family: Century Gothic, sans-serif; font-size: 16px; color:#fff; font-weight:bold;
                text-decoration: none;
                height: 32px; width: 160px;
                display: block;
                /color: #fff;
                /border: 1px #000 solid;}

/*-- This controls the style of all SUB-LINKS (because it is using 'a'to target it) --*/
              #topnav ul li ul li a {
                                    text-align:left;                      /*-- This places all SUB-LINKS to the left --*/
                                    font-size: 12px;
                                    padding-left: 8px; width:256px;
                                    background-color:#323232;}               /*-- Color of the SUB-LINKS --*/


#topnav ul ul {position: absolute;
              visibility: hidden;
              /top: 16px;}


/*-- Hovering --*/
#topnav ul li:hover ul {visibility: visible;}

/*-- What happens with the COLOR of the button BODY when hovering above the TopNav buttons --*/
#topnav li:hover {background: #be603b;}

/*-- What happens when hovering above the SUB-LINK buttons --*/
#topnav ul li:hover ul li a:hover {background: #646464;
                                  color: #000;}

/*-- What happens with COLOR of the button TEXT when hovering above the LINK buttons --*/
#topnav a:hover {color: #000;}
/* ------------------------------------------------------------------------  CONTAINERS  ------------------------------------------------------ */










#banner_image {padding-top:1px;}
#content {margin-top: 64px;}




/* ------------------------------------------------------------------------  TEXT STYLES  ------------------------------------------------------ */
/* Global Heading style */
h1             {font-family: Century Gothic, sans-serif;
               font-size: 20px; margin-left:16px;
               color: #eee;}

h2             {font-family: Century Gothic, sans-serif;
               font-size: 16px; margin:0px;
               color: #eee;}

/* Global Paragraph style */
p       {font-family: Century Gothic, sans-serif;
	font-size: 14px;
	color: #ddd;
	margin:0; padding: 0;}

b       {font-family: Century Gothic, sans-serif;
	font-size: 14px;
	color: #ddd;
	margin:0; padding: 0;}


/* Links style for DIV:"Contact Links" */
#contact_links       {font-family: Century Gothic, sans-serif;
	             font-size: 14px;
	             margin-left:16px; padding: 0;}

#contact_links a:link {color:#aaa; font-style:italic;}
#contact_links a:hover {color:#aaa; font-size:14px; font-weight:bold;}
#contact_links a:visited {color:#888;}



#text	{margin: 16px 16px; padding: 0px 0px;
        font-family: Century Gothic, sans-serif; font-size: 14px; color: #ddd;          /* This line defines 'br' breaks and any basic text that is used without <p> tag */
	/border-top:	1px #fff solid;
	/border-bottom:	1px #fff solid;}

/* This controls the style of the horizontal line used for 'PAGE HEADING'*/
#text_h1_background {margin: 0; padding:0;
                   background-color:#484848;}


#text_note	{font-family:Century Gothic, sans-serif;
		font-size:14px;
		color:#fff;
		width:512px;
		margin: 16px 160px; padding: 0px 64px;
		border-top:	1px #fff solid;
		border-bottom:	1px #fff solid;
		background-color:	#242424;}



#footer	{clear: both;
        font-family: Century Gothic, sans-serif;
        font-size: 12px;
        color: #484848;
        text-align:center;
        margin: 32px 0px; padding: 16px 0px;
        border-top:	1px #484848 solid;
        /border-bottom:	1px #484848 solid;}


.italic	{ font-style:italic; }
.bold	{ font-weight:bold; }
.clearfloat {clear:both; margin:0px; padding:0px;}



/*Image Styles */
.image_frame	{ padding: 8px; border: 1px #646464 solid; }