/* -------------------------------------------------------------------------------------------------

 * Filename:			premiumStyle.css
 * Description: 		Global CSS
 * Version: 			1.0.0 (2/20/09)
 * Website: 			premiumdesignshop.com
 * Author:				jBay
 
 == Structure ======================================================================================

 * Page width: 			980px
 * Number of columns: 	2
 
 $__header				Header Definitions
 $__menu				Global Site Navigation
 $__content				Everything within the content
 $__footer				Footer Definitions

 ------------------------------------------------------------------------------------------------ */
 
 /* -- reset values ------- */
 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size:100%;
  text-align: left;
  vertical-align: baseline;
}
a img {
  border:none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

/* ----------------------- */



/* --- $__header --- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;}
	
#wraper {
    margin: 0 auto 0 auto;
	width: 800px;}

#headerContainer {}

h1#logoHeader a {
	position: relative;
	z-index: 1;
	display: block;
	height: 277px;
	width: 277px;
	background: url('../img/logoMain.png') no-repeat;
	text-indent: -9999em;
	margin: 15px 0 0 0;
	padding: 0;}

/* ---  $__menu --- */
#navContainer {
	position: relative;
	z-index: 0;
	float: right;
	background-color: #D3E2E9;
	width: 600px;
	height: 100%;
	padding-bottom: 25px;
	margin: -145px 19px 0 0;}
	
body.portfolioAds #navContainer,
body.portfolioApparel #navContainer,
body.portfolioPoster #navContainer,
body.portfolioBooks #navContainer,
body.portfolioIdentity #navContainer,
body.portfolioInvatations #navContainer,
body.portfolioMarketingCampaigns #navContainer,
body.portfolioMarketingCollateral #navContainer,
body.portfolioMarketingMenus #navContainer,
body.portfolioPackaging #navContainer,
body.portfolioViewAll #navContainer,
body.portfolioWeb #navContainer {
	position: relative;
	z-index: 0;
	background-color: #D3E2E9;
	width: 600px;
	height: 200px;
	margin: -250px 19px 0 0;}

ul.navlist {
	position: relative;
	z-index: 12;
	float: right;  /* added this */	
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;}

ul.navlist li {
	display: inline;
	font-size: 11px;
	text-transform: lowercase;
	background: url('../img/navStar.gif') no-repeat right top;
	padding: 0 15px 0 2px;}

ul.navlist li.hollar {background: none;}

ul.navlist li a {
	color: black;
	text-decoration: none;
	background: url('../img/star.gif') no-repeat;
	text-transform: lowercase;}

ul.navlist li a:hover, ul.navlist li#portLink:hover {
	color: #196177;}	

ul.navlist li a:hover {}
li#portLink:hover {
	cursor: pointer;}

#portDrop { 
	display: none;
	margin: 3px 43px 0 0; 
	width: 280px; 
	background: #B0D4E2; 
	float: right;
	padding: 3px 0 15px 10px;
	text-transform: lowercase;}

ul#portDrop{}
	
ul#portDrop li {
	list-style: none;
	font-size: 11px;}

ul#portDrop li a {
	color: #035E7A;
	/*float: left;*/
	width: 138px;
	text-decoration: none;
	padding-bottom: 1px;}

ul#portDrop li a:hover {
	color: #196177;}

ul#navColOne, ul#navColTwo {
	width: 135px;
	float: left;}

ul#navColOne {/* border: 1px solid green; */}

ul#navColTwo {/* border: 1px solid brown; */}

	
/* --- sub nav on portfolio pages only --- */
body.portfolioAds #portDrop,
body.portfolioApparel #portDrop,
body.portfolioPoster #portDrop,
body.portfolioBooks #portDrop,
body.portfolioIdentity #portDrop,
body.portfolioInvatations #portDrop,
body.portfolioMarketingCampaigns #portDrop,
body.portfolioMarketingCollateral #portDrop,
body.portfolioMarketingMenus #portDrop,
body.portfolioPackaging #portDrop,
body.portfolioViewAll #portDrop,
body.portfolioWeb #portDrop {
	display: block;}
	 
body.home ul.navlist li.home,
body.about ul.navlist li.about,
body.proof ul.navlist li.proof,
body.clients ul.navlist li.clients,
body.contact ul.navlist li.hollar,
body.shop ul.navlist li.shop,

body.portfolioAds ul.navlist li.portfolio ,
body.portfolioApparel ul.navlist li.portfolio ,
body.portfolioPoster ul.navlist li.portfolio ,
body.portfolioBooks ul.navlist li.portfolio ,
body.portfolioIdentity ul.navlist li.portfolio ,
body.portfolioInvatations ul.navlist li.portfolio ,
body.portfolioMarketingCampaigns ul.navlist li.portfolio ,
body.portfolioMarketingCollateral ul.navlist li.portfolio ,
body.portfolioMarketingMenus ul.navlist li.portfolio ,
body.portfolioPackaging ul.navlist li.portfolio ,
body.portfolioViewAll ul.navlist li.portfolio ,
body.portfolioWeb ul.navlist li.portfolio {
	font-weight: bold;}

body.portfolioAds ul#portDrop li#ads,
body.portfolioApparel ul#portDrop li#apparel,
body.portfolioPoster ul#portDrop li#posters,
body.portfolioBooks ul#portDrop li#books,
body.portfolioIdentity ul#portDrop li#identity,
body.portfolioInvatations ul#portDrop li#invitations,
body.portfolioMarketingCampaigns ul#portDrop li#marketingCampaigns,
body.portfolioMarketingCollateral ul#portDrop li#marketingCollateral,
body.portfolioMarketingMenus ul#portDrop li#marketingMenus,
body.portfolioPackaging ul#portDrop li#packaging,
body.portfolioViewAll ul#portDrop li#viewAll,
body.portfolioWeb ul#portDrop li#web {
	font-weight: bold;}

/* ---  $__content --- */	 
#main {
	position: relative;
	float: left;
	z-index: 10;
	margin: -120px 0 0 -11px;
	padding: 0;}

#pageContainerTop {
	float: left;
	background: url('../img/mainContentTop_large.png') no-repeat;
	width: 823px;
	height: 39px;
	margin: 0;
	padding: 0;}

#pageContainer {
	float: left;
	width: 823px;
	background: url('../img/mainContentRepeater_large.png') repeat-y;
	padding: 0;}
	
#pageContainerBottom {
	float: left;
	background: url('../img/mainContentBottom_large.png') no-repeat;
	width: 823px;
	height: 50px;
	padding: 0;}
	
#mainCol { 
	float: left;
	width: 747px;
	margin-left: 38px;
	margin-top: -6px;
	padding-bottom: 15px;}
	
.singleCol {
	float: left;
	width: 745px;
	margin-left: 39px;}
	
.colA {
	float: left;
	width: 360px;
	margin-left: 39px;}

.colB {
	float: left;
	width: 360px;
	margin-left: 10px;}
	
img.fadeIn {
	display: none;}	

#pageContainer h1 {}

h2.fadeText {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	display: none;}

p.fadeText {
	font-size: 11px;
	color: #0E434F;
	display: none;}

p a {
	color: #7C7C7C;
	text-decoration: none;
	font-weight: normal;}
	
p a:hover {
	text-decoration: none;
	font-weight: bold;}	
	
form.fadeIn {
	display: none;
	margin-top: 10px;}	
	
p.formLables {
	font-size: 11px;
	color: #0E434F;
	text-align: right;
	
	vertical-align: top;}
	
td.firstCol {
	vertical-align: top;
	padding-top: 2px;}
	
.secondCol input, .secondCol textarea {
	border: 1px solid #808080;
	width: 250px;
	margin-left: 10px;}	

.secondCol textarea {
	margin-top: 4px;}

.secondCol input.button {
	width: 5em;}
	
.myUrl {
	display: none;}	



/* --- $__footer --- */
#footerLogo {
	position: relative;
	z-index: 1;
	float: left;
	margin: -150px 0 0 -101px;
	background: url('../img/footerP.gif') no-repeat;
	display: block;
	height: 232px;
	width: 231px;}

#footerContainer {
	float: left;
	margin: -15px 0 0 -10px;
	text-align: left;}

#contactInfo {
	margin: -5px 0 0 0;
	font-size: 10px;
	line-height: 10px;
	color: #686868;}

#contactInfo a {}

#contactInfo a:hover {
	text-decoration: underline;}
	
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	}		

/* Easy Slider */

#slider ul, #slider li, #sliderContent ul, #sliderContent li{
	margin:0;
	padding:0;
	list-style:none;}
		
#mainCol #slider, #mainCol #slider li{
	width:747px;
	/*height:241px;*/
	overflow:hidden;}
	
body.portfolioAds #mainCol,
body.portfolioApparel #mainCol,
body.portfolioPoster #mainCol,
body.portfolioBooks #mainCol,
body.portfolioIdentity #mainCol,
body.portfolioInvatations #mainCol,
body.portfolioMarketingCampaigns #mainCol,
body.portfolioMarketingCollateral #mainCol,
body.portfolioMarketingMenus #mainCol,
body.portfolioPackaging #mainCol,
body.portfolioViewAll #mainCol,
body.portfolioWeb #mainCol {
	padding-bottom: 0;}	
		
#portIndexContainer #sliderContent, #portIndexContainer #sliderContent li{
	width:150px;
	height:100px;
	overflow:hidden;}
	
#slider ul li {
	/*color: #035E7A;*/
	
	font-size: 11px;
	color: #0E434F;}

#slider ul li a {
	color: #7C7C7C;
	text-decoration: none;
	font-weight: normal;}

#slider ul li a:hover {
	text-decoration: none;
	font-weight: bold;}

#nextListing {
	border: 1px solid green;
	position: absolute;
	margin-top: 23px;}

span#prevBtn{}
span#nextBtn{}
	
#mainCol #prevBtn, 
#mainCol #nextBtn {}
	
	
/* --- replace port buttons --- */
#prevBtn, #nextBtn{ 
	display: block;
	width: 60px;
	height:16px;
	float: left;
	text-indent: -999em;
	
	margin-top: 8px;}
	
#prevBtn a{  
	display: block;
	width: 57px;
	height: 16px;
	background: url('../img/previousButton.gif') no-repeat 0 0;
	text-indent: -999em;}
	
#nextBtn a{ 
	display: block;
	width: 53px;
	height: 16px;
	background: url('../img/nextButton.gif') no-repeat 0 0;
	text-indent: -999em;}