/* 
Permission Hub
Created: 18/3/08
Author: Ben Kendall

Last Modified: 4/4/08
Modified By: Ben Kendall

CONTENTS

1. DEFAULT STYLES
2. HEADER STYLES
3. NAV 1
4. CONTENT COLUMN GRIDS

*/



/*---- 1. DEFAULT STYLES--- 
----------------------------------------------------*/

	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 75%;
		color:#444444;
		background: #f45c00 url('../img/body-bg.gif') repeat-x;
	}
	
	#wrapper {
		width: 850px;
		margin: 0px auto;
		padding: 0 7px 7px 7px; 
		background: #ffffff;
	}
	
	img {
		padding:0; margin:0; line-height: 0;
	}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
	}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	h1 {
		color: #12569c;
		font-size: 1.3em;
		font-weight: 700;
		
	}
	
	
	
	h1#logo {
		font-size: 1.5em;
		color: #327db7;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-weight:700;
		padding-left: 30px;
		background:url('../images/h1-icon.gif') no-repeat left top;
		margin:0;
	}
	
	a {
		color:#337eb8
	}
	
	#sortContainer {
		padding: 3px;
		border: 1px solid #cbcbcb;
		width: auto;
		margin: 0 0 20px 0;
	}
	
/*---- 2. HEADER STYLES--- 
----------------------------------------------------*/
	
	#header {	
		width: 850px;
		height: 210px;
		margin: 0 auto;
		padding: 0px;
		background:url('../img/header-bg.jpg');
	}
	
	#header #houseofKolor {
		float: left;
		padding: 80px 0 0 30px;
	}
	
	#header h1 {
		background: url('../img/logo-main.gif') 50px 20px no-repeat;
		width: 344px;
		height: 202px;
		text-indent: -9999px;
		overflow: hidden;
		float: left;
	}
	
	#header #phone {
		float:right;
		padding: 150px 30px 0 0;
		
	}
	
	
	
	/*---- 2. NAV 1 -- 
----------------------------------------------------*/

	#nav1Container {
		background: url('../img/nav1-container-bg.jpg') top no-repeat;
		height: 42px;
		padding:0;
		width: 850px;
		clear:both;
		margin: 0 0 5px 0;
		position: relative;
		}
		
	ul#nav1 {
		position: absolute;
		top: 10px;
		padding:0;
		margin: 0 0 0 170px;
		height: 47px;
	}

	#nav1 li {
		float:left;
		margin:0 2px 0 0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:29px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -29px !important
		}

	#nav1 li a.nav1Home {
		background:url('../img/nav1-home.gif') no-repeat left top;
		width:99px
		}

	#nav1 li a.nav1About {
		background:url('../img/nav1-about.gif') no-repeat left top;
		width:113px
		}

	#nav1 li a.nav1Gallery {
		background:url('../img/nav1-gallery.gif') no-repeat left top;
		width:156px
		}
		
	#nav1 li a.nav1Contact {
		background:url('../img/nav1-contact.gif') no-repeat left top;
		width:130px
		}	
		
	/* selected nav */

	#nav1 li a#active { background-position:0 -29px !important }
	
	
	
	
	/*---- 4. CONTENT COLUMN GRIDS--- 
----------------------------------------------------*/
		
	#content {
		background:url('../img/content-bg.jpg') repeat-x;
		padding: 30px;
		
	}
	
	.columnLeft {
		float: left;
		width: 380px;
		padding: 0 15px 0 0;
	}
	
	.columnRight {
		float: right;
		width: 380px;
		padding:  0 0 0 15px;
	}
	
	
	
	/*---- 4. HOME PAGE SPECIFIC--- 
----------------------------------------------------*/


	#homeImage {
		width: 800px;
		height: 206px;
		padding: 20px 20px 20px 30px;
		background:url(../img/main-image-home.jpg) no-repeat;
	}
	
	#homeImage h1 {
		font-size: 1.5em;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		margin: 0 0 30px 0;
		padding-top: 10px;
	}
	
	#homeImage h3 {
		font-size: 0.9em;
		color:#003366;
		margin-top: 30px;
		padding: 0;
	}
	
	
/* ---- GALLERY SPECIFIC ------
-------------------------------------------------------------------- */
	
	.galleryThumbs tr {
		padding: 10px 0 0 0;
	}
	
	.galleryThumbs td {
		text-align: center;	
		vertical-align: top;
	
	}	
	
	.galleryThumbs img {
		border: 1px solid #999999;
		margin: 10px;
	}
	
	#pagination {
		border-top: 1px solid #333333;
		padding-top: 10px;
		margin:20px 0 0 0;
	}	
	
	#pagination a {
		margin-right: 10px;
	}
	
	a.pagination {
		display: block;
		float:left;
		text-decoration: none;
		color: #666666;
		width: auto;
		padding: 3px 10px 4px 10px;
		background: #E3E3E3;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
	}
	
	a.pagination:hover {
		text-decoration:underline;
		color:#ffffff;
		background:#333333;
	}
	
	#photoPrevious {
		float: left;
		width: 100px;
		margin-right: 20px;

		text-align: right;
	}
	
	#photoNext {
		float: right;
		width: 100px;

	}
	
	#photoPrevious a.pagination, #photoNext a.pagination {
		margin-top: 7px;
	}
	
	#photoPrevious a.pagination {
		float: right;
	}
	
	#photoDesc {
		float:left;
		width: 550px;
		text-align:center;

	}	
	
	.back {
		padding-left: 300px;
	}
	
	
/* ---- sIFR ------
-------------------------------------------------------------------- */

	/* These are standard sIFR styles... do not modify */
	
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just 
	fine, not poorly with a tab laid over it. */
	
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before 
	it is replaced... the negative-letter 
	spacing in this case is used to make the browser 
	text metrics match up with the sIFR text metrics 
	since the sIFR text in this example is so much 
	narrower... your own settings may vary... 
	any weird sizing issues you may run into are 
	usually fixed by tweaking these decoy styles */
	
	.sIFR-hasFlash #homeImage h1 {
		visibility: hidden;
		letter-spacing: normal;
		font-size: 17px;
		margin: 0 0 30px 0;
		padding: 10px 0 0 0;

	}
	
	.sIFR-hasFlash #homeImage h3 {
		visibility: hidden;
		letter-spacing: normal;
		font-size: 8px;
		margin: 30px 0 20px 0; 
		padding-bottom: 6px;
	}
	
	.sIFR-hasFlash #content h1 {
		visibility: hidden;
		letter-spacing: normal;
		font-size: 11px;
		margin: 0 0 20px 0; 
		padding-bottom: 6px;
	}
	
	.sIFR-hasFlash #content h2 {
		visibility: hidden;
		letter-spacing: normal;
		font-size: 11px;
		margin: 0 0 20px 0; 
		padding-bottom: 6px;
	}
		
	
	

	
	/*---- 4. FOOTER--- 
----------------------------------------------------*/
	#footer {
		clear: both;
		background:#000000 url(../img/footer-bg-top.gif) no-repeat;
		padding: 10px;
		font-size: 0.8em;
		color:#FFFFFF;
		text-align:center;
	}
	
	#footer a {
		color:#FFFFFF;
		padding: 0 5px 0 5px;
	}