/* Styles for pgcinc.com**********************************************
Copyright Vision Creative*********************************************/
@charset "utf-8"; 
*{margin:0; padding:0}

body{margin-top:0px; background-color:#000; background-image:url(../images/bg.jpg); background-position:left top}

.clr{clear:both}

/* STRUCTURE *********************************************************
*********************************************************************/
#cwrapper{width:920px; margin-top:20px; margin-right:auto; margin-left:auto; margin-bottom:20px}

#container{background-image:url(../images/contentbg.png); background-position:left top; width:920px; margin-top:0px; margin-right:auto; margin-left:auto}

#info{width:900px;  padding-bottom:10px; min-height:450px; margin-left:10px; margin-right:10px; height:auto !important; clear:both;}

#cbg{width:900px; background-image:url(../images/cbg.png); background-position:left top; background-repeat:repeat-y; height:100%; position:relative; overflow:hidden;}

#leftcol{background-image:url(../images/leftbg.png); background-repeat:no-repeat; background-position:left bottom; width:615px; min-height:950px; height:100%; overflow:hidden; float:left;     line-height:21px}

#leftcolm{margin-top:17px; margin-right:17px; margin-bottom:17px; margin-left:17px}

.rightcol{float:right; width:285px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:12px; font-weight:normal; color:#fff}

.rightcolm{margin-top:17px; margin-right:17px; margin-bottom:17px; margin-left:17px}

#footer{background-image:url(../images/footerbg.png); background-repeat:no-repeat; background-position:right top; width:883px; margin-left:17px; font-family:Arial,Helvetica,sans-serif; font-size:12px; float:left; color:#000}

/* LISTS**************************************************************
*********************************************************************/
#home #nav-home a, 
#about #nav-about a, 
#faq #nav-faq a, 
#media #nav-media a, 
#photos #nav-photos a, 
#contact #nav-contact a{color:#fff; cursor:default}

/* LISTS**************************************************************
*********************************************************************/

input
{
color: #222222;
background: #ddd9a9;
font-family:"Trebuchet MS";
font-size:14px;
width:250px;
height:20px;
border: 1px solid #222222;
padding:5px;
}

textarea
{
color: #222222;
background: #ddd9a9;
font-family:"Trebuchet MS";
font-size:14px;
width:250px;
height:60px;
border: 1px solid #222222;
padding:5px;
}

input.h4h
{
color: #222222;
background: #f3d53f;
border: 1px outset #222222;
font-size:14px;
font-weight:700;
width:80px;
height:30px;
} 
 
 
/* NAVIGATION ********************************************************
*********************************************************************/
ul#nav{margin-right:5pxpadding:0; list-style:none; position:relative; width:542px; height:49px; margin-left:15px; line-height:49px; clear:both}
ul#nav ul{padding:0; margin:0; list-style:none; background:#FFF; line-height:20px}
ul#nav li{float:left; display:block; padding:0}
ul#nav li a{margin:0 13px; display:block; font:bold 14px/43px lucida grande,Helvetica,sans-serif; text-decoration:none; color:#fff}
ul#nav li a:hover{color:#b61424;     background:url(../images/hoverbg.png) 0 0 repeat-x}
ul#nav li ul{position:absolute; width:185px; left:-999em; background-color:#000}
ul#nav li li{margin:0; padding:0; float:left}

.navcontainer{background:#222;  height:49px;  width:100%}

ul#nav li:hover ul{left:auto}

/* CURRENT PAGES */
.home ul li#nav-home a, 
.about ul li#nav-about a, 
.faq ul li#nav-faq a, 
.media ul li#nav-media a, 
.photos ul li#nav-photos a, 
.contact ul li#nav-contact a{color:#fff;     background:url(../images/currentbg.png) 0 0 repeat-x;  cursor:default}
 
 
/* CSS for rotating images *******************************************
*********************************************************************/
#rotating_items{position: relative;}

img.floatleft{float:left;padding: 20px 13px 4px 0px;}

#rotating_items h3{margin: 0px;}

#rotating_items div.rotating_item{position: absolute;}

/* IMAGES*************************************************************
*********************************************************************/
a img{border:none}

img.rt{float:right; margin-top:10px; margin-left:3px;}

img.rt2{border:3px solid #222; float:right; margin-left:10px; margin-right:5px; margin-bottom:3px;}

img.rt3{border:3px solid #222; float:right; margin-left:10px; margin-top:10px; margin-bottom:40px;}

img.lt{float:left; margin-top:5px}

img.lt2{border:3px solid #222; float:left; margin-right:10px; margin-bottom:3px;}

/* accordion*************************************************************
*********************************************************************/

.acontainer {	width: 575px;	margin: 0 auto; padding-top:5px;}
h2.trigger {	padding: 0 0 0 50px;	margin: 0 0 5px 0;	background: url(../images/h2_trigger_a.gif) no-repeat;	height: 37px;	line-height: 33px;	width: 525px;	font-size: 17px;	font-weight: normal;	float: left;}
h2.trigger a {	color: #fff;	text-decoration: none;	display: block;}
h2.trigger a:hover {	color: #ccc;}
h2.active {background-position: left bottom;}
.toggle_container {	margin: 0 0 5px;	padding: 0;	border-top: 1px solid #d6d6d6;	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;	overflow: hidden;	font-size: 1.2em;	width: 575px;	clear: both;}
.toggle_container .block {	padding: 10px;	background: url(../images/toggle_block_btm.gif) no-repeat left bottom;}
.toggle_container .block p {	padding: 5px 0;	margin: 5px 0;}
.toggle_container h3 {	font: 2.5em normal Georgia, "Times New Roman", Times, serif;	margin: 0 0 10px;	padding: 0 0 5px 0;	border-bottom: 1px dashed #ccc;}
.toggle_container img {	float: left;	margin: 10px 15px 15px 0;	padding: 5px;	background: #ddd;	border: 1px solid #ccc;}



/* HEADER ************************************************************
*********************************************************************/
#topheader{background-image:url(../images/logotop.png); background-position:left top; background-repeat:no-repeat; height:15px}

#headerL{background-image:url(../images/logotop.png); background-position:left top; background-repeat:repeat-y; height:97px; float:left; padding-top:0px; padding-left:0px; padding-right:0px}

#headerR{    width:559px; height:97px; float:left; margin-left:15px}

#tag{background-image:url(../images/tag.png); background-position:left top; background-repeat:no-repeat; width:100%; height:48px}


/* TEXT STYLES********************************************************
*********************************************************************/
h1{background:url(../images/headerbg.png) no-repeat; height:50px; font-family:Trebuchet MS,Helvetica,sans-serif; font-size:21px; text-transform:uppercase; letter-spacing:1.2px; font-style:normal; font-weight:300; color:#222; padding-left:43px; padding-top:11px}
h2{font-family:Trebuchet MS,Helvetica,sans-serif; font-size:18px; font-style:normal; font-weight:300; color:#fff; margin-bottom:5px}
h3{font-family:Trebuchet MS,Helvetica,sans-serif; font-size:16px; font-style:normal; font-weight:700; color:#333; margin-bottom:10px}

.dashedline{background-image:url(../images/dline.png); background-position:left top; height:2px; width:100%; margin-bottom:5px}
.gline{background-image:url(../images/gline.png); background-position:left top; height:2px; width:100%; margin-bottom:10px; margin-top:-5px;}

/* LEFTCOLUMN STYLES**************************************************
*********************************************************************/
#leftcol p{color:#333; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:small; margin-bottom:10px}

#leftcol ul{list-style-image:url("../images/bullet.png"); font-family:Trebuchet MS,Helvetica,sans-serif; font-size:12.5px; font-weight:normal; color:#333; margin-left:34px; margin-right:20px; margin-bottom:15px}

#leftcol ul li{margin-bottom:5px}

#faqwrap { width:100%; float:left; margin-bottom:15px;}

#rcwrap { width:100%; float:left;}

/* RIGHTCOLUMN STYLES*************************************************
*********************************************************************/
.rightcol p{        margin-bottom:15px;         line-height:20px;     font-size:10.5px;         color:#fff}

.rightcol a:link{        color:#fff}

.rightcol ul{list-style-image:url("../images/bullet.png"); font-family:Trebuchet MS,Helvetica,sans-serif; font-size:11px; font-weight:normal; color:#fff; margin-left:34px; margin-right:20px; }

.rightcol ul li{margin-bottom:5px}

.hatL{width:120px; font-size:13px; float:left}

.hatR{width:120px; font-size:13px; float:right}

.hatCL{ background-color:#777866; width:120px; font-size:22px; text-align:center; vertical-align:middle; float:left;  margin-top:10px;  height:30px;   color:#eccd38; text-shadow: #222222 2px 1px 1px;}

.hatCR{ background-color:#777866; width:120px; font-size:22px; text-align:center; vertical-align:middle; float:right;  margin-top:10px;  height:30px; color:#eccd38; text-shadow: #222222 2px 1px 1px;}

.spc{height:20px; width:100%; float:right}

/* FOOTER STYLES*****************************************************
*********************************************************************/
.footleft h3{font-family:Arial,Helvetica,sans-serif; color:#222; font-size:14px;}
.footleft{width:371px; margin-top:19px; margin-left:59px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#FFF; float:left}
.footleft a:link{color:#fff; text-decoration:underline; font-style:normal; font-weight:normal}

.footleft a:hover,{text-decoration:none}

.footright{width:396px; margin-top:5px; margin-right:17px; text-transform:uppercase; text-align:right; font-family:"Lucida Grande",Helvetica,sans-serif; font-size:13px; font-weight:500; letter-spacing:1.2px; color:#a39c50; float:right}

.footright a:link{color:#fff; text-decoration:underline; font-family:Arial,Helvetica,sans-serif}
.footright a:hover{text-decoration:none}