/* 

STYLE SHEET FOR [NEW BOHEMIA SIGNS]
Created by [CANDICE OBAYASHI]

ToC

	1. defaults/universal
	2. links and navigation
	3. structure
	4. fonts
	5. images

Notes

*/



/* --------- 1. defaults/universal  --------- */

* {
		margin: 0;
		padding: 0;
		}
		
		
* :focus { 
		outline: none; 
		border: none;
		}
		
a img { border: none; }
		
/* float-clearing rules */
	
br.clear {
		clear: both;
		}
		
.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		

	
/* ---------- 2. links and navigation ---------- */

a:link, a:visited {color: #589678; font-weight: normal; text-decoration: none; }
a:hover, a:active {color: #4ae395; font-weight: normal; text-decoration: none; }

#PortLftCol, #PortSubnav{color: #32ba8c; font-weight: bold; text-decoration: none; }
#PortLftCol a:link, #PortLftCol a:visited, #PortSubnav a:link, #PortSubnav a:visited {color: #333333; font-weight: bold; text-decoration: none; }
#PortLftCol a:hover, #PortLftCol a:active, #PortSubnav a:hover, #PortSubnav a:active {color: #4ae395; font-weight: bold; text-decoration: none; }

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {color: #0b3300;}


     /* ----------Navigation---------- */

#siteNavigation {
		background: url(images/nav.png) no-repeat;
		width: 833px;
		height: 41px;
		margin-left: 133px;
		margin-top: 50px;
		float: left;
		padding: 0;
		border: none;
		position: absolute;
		z-index: 5;
		}
		
#siteNavigation span {
display: none;
}

#siteNavigation li, #siteNavigation a {
height: 41px;
display: block;
}

#siteNavigation li {
float: left;
list-style: none;
display: inline;
}

#nav-01 {width: 133px;}
#nav-02 {width: 202px;}
#nav-03 {width: 189px;}
#nav-04 {width: 164px;}
#nav-05 {width: 145px;}

#nav-01 a:hover {background:url(images/nav.png) 0px -41px no-repeat;}
#nav-02 a:hover {background:url(images/nav.png) -133px -41px no-repeat;}
#nav-03 a:hover {background:url(images/nav.png) -335px -41px no-repeat;}
#nav-04 a:hover {background:url(images/nav.png) -524px -41px no-repeat;}
#nav-05 a:hover {background:url(images/nav.png) -688px -41px no-repeat;}

#nav-01-on {width: 133px; background:url(images/nav.png) 0px -41px no-repeat;}
#nav-02-on {width: 202px; background:url(images/nav.png) -133px -41px no-repeat;}
#nav-03-on {width: 189px; background:url(images/nav.png) -335px -41px no-repeat;}
#nav-04-on {width: 164px; background:url(images/nav.png) -524px -41px no-repeat;}
#nav-05-on {width: 145px; background:url(images/nav.png) -688px -41px no-repeat;}




#sections {
		background: url(images/sections.jpg) no-repeat;
		width: 551px;
		height: 357px;
		float: left;
		padding: 0;
		border: none;
		}
		
#sections span {
display: none;
}

#sections li, #sections a {
height: 84px;
width: 272px;
display: block;
}

#sections li {
float: left;
list-style: none;
display: inline;
}

#section-01 {margin-right: 7px; margin-bottom: 7px;}
#section-02 {margin-bottom: 7px;}
#section-03 {margin-right: 7px; margin-bottom: 7px;}
#section-04 {margin-bottom: 7px;}
#section-05 {margin-right: 7px; margin-bottom: 7px;}
#section-06 {margin-bottom: 7px;}
#section-07 {margin-right: 7px; margin-bottom: 0px;}
#section-08 {margin-bottom: 0px;}

#section-01 a:hover {background:url(images/sections.jpg) 0px -357px no-repeat;}
#section-02 a:hover {background:url(images/sections.jpg) -279px -357px no-repeat;}
#section-03 a:hover {background:url(images/sections.jpg) 0px -448px no-repeat;}
#section-04 a:hover {background:url(images/sections.jpg) -279px -448px no-repeat;}
#section-05 a:hover {background:url(images/sections.jpg) 0px -539px no-repeat;}
#section-06 a:hover {background:url(images/sections.jpg) -279px -539px no-repeat;}
#section-07 a:hover {background:url(images/sections.jpg) 0px -630px no-repeat;}
#section-08 a:hover {background:url(images/sections.jpg) -279px -630px no-repeat;}


#sectionsBtmHome {
		background: url(images/sections_btm_home.jpg) no-repeat;
		width: 551px;
		height: 84px;
		margin-top: 7px;
		float: left;
		padding: 0;
		border: none;
		}
		
#sectionsBtmHome span {
display: none;
}

#sectionsBtmHome li, #sectionsBtmHome a {
height: 84px;
width: 272px;
display: block;
}

#sectionsBtmHome li {
float: left;
list-style: none;
display: inline;
}

#section-09-home {margin-right: 7px;}
#section-10-home {}

#section-09-home a:hover {background:url(images/sections_btm_home.jpg) 0px -84px no-repeat;}
#section-10-home a:hover {background:url(images/sections_btm_home.jpg) -279px -84px no-repeat;}


#sectionsBtmPort {
		background: url(images/sections_btm_portfolio.jpg) no-repeat;
		width: 551px;
		height: 84px;
		margin-top: 7px;
		float: left;
		padding: 0;
		border: none;
		}
		
#sectionsBtmPort span {
display: none;
}

#sectionsBtmPort li, #sectionsBtmPort a {
height: 84px;
width: 272px;
display: block;
}

#sectionsBtmPort li {
float: left;
list-style: none;
display: inline;
}

#section-09-port {margin-right: 7px;}
#section-10-port {}

#section-09-port a:hover {background:url(images/sections_btm_portfolio.jpg) 0px -84px no-repeat;}
#section-10-port a:hover {background:url(images/sections_btm_portfolio.jpg) -279px -84px no-repeat;}





#artSections {
		background: url(images/artSections.jpg) no-repeat;
		width: 272px;
		height: 448px;
		float: left;
		padding: 0;
		border: none;
		}
		
#artSections span {
display: none;
}

#artSections li, #artSections a {
height: 84px;
width: 272px;
display: block;
}

#artSections li {
float: left;
list-style: none;
display: inline;
}

#artSection-01 {margin-bottom: 7px;}
#artSection-02 {margin-bottom: 7px;}
#artSection-03 {margin-bottom: 7px;}
#artSection-04 {margin-bottom: 7px;}
#artSection-05 {margin-bottom: 0px;}

#artSection-01 a:hover {background:url(images/artSections.jpg) 0px -448px no-repeat;}
#artSection-02 a:hover {background:url(images/artSections.jpg) 0px -539px no-repeat;}
#artSection-03 a:hover {background:url(images/artSections.jpg) 0px -630px no-repeat;}
#artSection-04 a:hover {background:url(images/artSections.jpg) 0px -721px no-repeat;}
#artSection-05 a:hover {background:url(images/artSections.jpg) 0px -812px no-repeat;}



#emailImg {
		background: url(images/contact_email.png) no-repeat;
		width: 287px;
		height: 25px;
		margin-top: 7px;
		float: left;
		padding: 0;
		border: none;
		}
		
#emailImg span {
display: none;
}

#emailImg li, #emailImg a {
height: 25px;
width: 287px;
display: block;
}

#emailImg li {
float: left;
list-style: none;
display: inline;
}

#email a:hover {background:url(images/contact_email.png) 0px -25px no-repeat;}




/*  --------- 3. structure  --------- */

body {
		background-color: #ffffff;
		font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
		font-weight: normal;
		text-decoration: none;
		}
		
#wrapper {
		background: #ffffff;
		width: 965px;
		border: none;
		margin: 0% auto;
		}
		
#logo {
		width: 76px;
		height: 89px;
		margin-top: 28px;
		display: inline;
		float: left;
		border: none;
		}
		
#pageContent{
		margin-left: 28px;
		width: 911px;
		}
		
#homeLftCol{
		width: 300px;
		min-height: 400px;
		display: inline;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 0;
		padding-bottom: 0;
		background: url(images/home_bg.png) no-repeat;
		background-position: 50% 50%;
		}
		
#AboutLftCol{
		width: 420px;
		display: inline;
		float: left;
		margin-left: 134px;
		margin-right: 40px;
		background: url(images/home_bg.png) no-repeat;
		background-position: 50% 50%;
		}
		
#mainTextBlock{
		display: block;
		margin-bottom: 20px;
		
		font-size: 13px;
		line-height: 16px;
		}
		
.subcolumn {
		width: 190px;
		margin-right: 20px;
		display: inline;
		float: left;
		
		font-size: 11px;
		line-height: 14px;
		}
		
#PortLftCol{
		width: 300px;
		height: 448px;
		display: inline;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 0;
		padding-bottom: 0;
		background: url(images/home_bg.png) no-repeat;
		background-position: 50% 50%;
		
		font-size: 10px;
		line-height: 16px;
		}
		
#PortSubnav{
		width: 117px;
		height: 448px;
		display: inline;
		float: left;
		margin-right: 11px;
		margin-top: 20px;
		
		font-size: 10px;
		line-height: 16px;
		}
		
#portMainSection{
		display: inline;
		float: left;
		width: 778px;
		height: 500px;
		}
		
#ContactLftCol{
		width: 403px;
		height: 452px;
		margin-left: 134px;
		display: inline;
		float: left;
		padding: 0;
		}
		
#ContactRtCol{
		width: 287px;
		margin-left: 58px;
		display: inline;
		float: left;
		}

		
#rollovers {
		width: 553px;
		height: 448px;
		margin-top: 20px;
		display: inline;
		float: left;
	}
		
#footer {
		clear: both;
		width: 700px;
		height: 23px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		background-color: #ffffff;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		color: #666666;
		border: none;
		}
		
.snmIcon {
		width: 16px;
		height: 16px;
		margin-right: 8px;}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		color: #333333;
		}
		
p{
		font-size: 11px;
		line-height: 14px;
		font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
		font-weight: normal;
		text-decoration: none;
		margin-top: 0px;
		text-indent: 0;
		}	

.info {
		color: #333333;
		}
		
.topInfo {
		color: #333333;
		font-weight: normal;
	}
	
.sold {
		color: #cc0000;}
		
.orderHeader {
	font-size: 15px;
	font-weight: bold;
		}
		
.faqQuestion {
		color: #006699;	
		font-weight: bold;}
		

.mediumsize {	
		font-size: 13px;
		line-height: 16px;
		}

/* ---------- 5. images ---------- */

.header {	
		margin-bottom: 20px;
	}

.image {
	display: inline;
	float: left;
	}