/*============= the basics =============*/

body 
	{ 
	position:relative;
	margin: 0 0 0 0;
	padding:0;
	font: .8em sans-serif;
	color: #777777;
	line-height:15px;
	background:#ffffff;
	}
	
img, div { behavior: url(iepngfix.htc) }

p, a{
font-family:verdana;
font-size:10.5px;
line-height:13.5px;
text-align:justify;
}	

li{
font-family:verdana;
font-size:9.0px;
}

a{
font-size:12px;
text-align:left;
}

img{
border:none;
}

a:active, a:focus
{
  outline: none;
  outline: 0;
}

/*============= structural stuff =============*/

#home{
width:428px;
height:523px;
position:relative;
left:-10px;
margin:0 auto 0 auto;
}

#container{
position:relative;
top:25px;
margin: auto auto auto auto;
padding:0;
width:795px;
height:530px;
}

#content{
width:450px;
height:500px;
position:absolute;
top:0px;
left:0px;
overflow:auto;
}

#info #content p{
position:relative;
left:10px;
width:400px;
}

#nav{
width:450px;
position:absolute;
left:0px;
top:520px;
left:-5px;
}

#nav ul{
padding:0;
margin:0;
width:450px;
text-align:center;
}

#nav li {
	margin: 0;
	line-height:15px;
	list-style: none;
	display: inline;
	border:0px;
	}
	#nav li a {
		padding: 0px 5px 0px 10px;
		color: #333333;
		text-decoration: none;
		}
	#nav li a {
		width: auto;
		}
	#nav li a:hover {
		color: #74B042;
		}
	#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06
		{
		border-left: 2px solid #333333;
		}

#side-content{
position:absolute;
left:475px;
height:500px;
top:0px;
width:250px;
padding-left:25px;
border-left:#74B042 solid 2px;
}

#top-link{
height:130px;
position:absolute;
}

#logo{
position:absolute;
top:170px;
height:75px;
}

#sub-content{
height:250px;
position:absolute;
top:240px;
}

/*============= page specific stuff =============*/

#purchase{
line-height:15px;
}

a.purchase-a{
color:#74B042;
font-family:verdana;
font-size:10.5px;
line-height:13.5px;
text-align:justify;
}

/*============= boards page =============*/

.boards{
display:block;
width:90px;
height:220px;
background-position:-1px 0;
}
.boards:hover{
background-position:90px 0;
}

#boards-fish{
position:absolute;
left:30px;
background-image:url(../images/boards-fish.jpg);
}
#boards-gasmask{
position:absolute;
left:125px;
background-image:url(../images/boards-gasmask.jpg);
}
#boards-skeleton{
position:absolute;
left:230px;
background-image:url(../images/boards-skeleton.jpg);
}
#boards-seahorse{
position:absolute;
left:330px;
background-image:url(../images/boards-seahorse.jpg);
}
#boards-bomb{
position:absolute;
left:30px; top:230px;
background-image:url(../images/boards-bomb.jpg);
}
#boards-dragon{
position:absolute;
left:130px; top:230px;
background-image:url(../images/boards-dragon.jpg);
}
#boards-dragon:hover{
background-position:91px 0;
}
#boards-snake{
position:absolute;
left:230px; top:230px;
background-image:url(../images/boards-snake.jpg);
}
#boards-spraycan{
position:absolute;
width:92px;
left:330px; top:230px;
background-image:url(../images/boards-spraycan.jpg);
background-position:3px 0;
}
#boards-spraycan:hover{
background-position:96px 0;
}


/*============= individual board page =============*/

#fashion-images ul{
padding:0;
margin:0;
width:200px;
}

#fashion-images{
width:275px;
position:absolute;
top:320px;
left:175px;
}

#fashion-images a {
	margin: 0;
	line-height:70px;
	list-style: none;
	display: inline;
	border:0px;
	}
	#fashion-images a {
		
		color: #eeeeee;
		text-decoration: none;
		display:inline;
		width:70px;
		height:70px;
		background:#eeeeee;
		border:none;
		}
	#fashion-images a:hover {
		background:#74B042;
		}

/*============= slimbox =============*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #333;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #333;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.png) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #333;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.png) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: normal;
	color:#fff;
}