/* Jokkmokk - an open source xhtml/css website layout made by Andreas Viklund (http://andreasviklund.com) for for Style Master 4.5. Free to use for any purpose as long as the proper credits are given to the original author. Version: 1.0 (Jan 22, 2006) */

* {
margin:0;
padding:0;
}

/******** Header ********/

#header {
clear:both;
background:url(images/header.jpg) top left no-repeat;
height:176px;
}

#header h1 {
font-size:3.8em;
letter-spacing:-1px;
color:#d88d44;
padding:55px 0 10px 45px;
}

#header h1 a {
color:#d88d44;
text-decoration:none;
}

#header h1 a:hover {
color:#e99e55;
}

#slogan {
color:#FFFFFF;
margin:15px 0 0 45px;
font-size:1.7em;
letter-spacing:-0px;
}


/******* Navigation ***********/
#phonetopleft {
	width:150px;
    padding:25px 0px 0px 700px;
}
#logotopleft {
z-index:inherit;
    position:absolute;
	left:750px;
	top:60px;
	width:150px;
    padding:0px 0px 0px 000px;
}
#aboutpicture {
	width:396px;
	float:right;
    padding:23px 0px 30px 210px;
}
#aboutcontainer {
	width:600px;
    padding:0px 0px 0px 235px;

}

#navcontainer {
	width:600px;
    padding:115px 0px 0px 235px;

}
ul#navlist {
        margin:0px;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: right;
        font-family: Verdana,Tahoma,Arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 0px 0 0px 0;
        
}

#navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #FFFFFF;
        
        text-decoration: none;
}

#navlist a {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #FFFFFF;
        
        text-decoration: none;
}

#navlist a:active {
        color: #000000;
        
}

#navlist a:hover {
        color: #808080;
        
}

/******* Selling Navigation ***********/
#subnavcontainer {
	width:620px;
	padding:0px 0px 0px 160px;

}
ul#subnavlist {
        margin:0px 0 0px 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#subnavlist li {
        float: right;
        font-family: Verdana,Tahoma,Arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        height:15px;
        margin: 0;
        padding: 0px 0px 0px 0;
        
}

#subnavlist a:link {
        margin: 0;
        padding: 5px 9px 0px 0px;
        color: #000000;
        
        text-decoration: none;
}

#subnavlist a {
        margin: 0;
        padding: 5px 9px 0px 0px;
        color: #000000;
        
        text-decoration: none;
}

#subnavlist a:active {
        color: #303030;
        
}

#subnavlist a:hover {
        color: #808080;
        
}

/******* Buying Navigation ***********/
#buynavcontainer {
	width:330px;
    padding:0px 0px 0px 450px;

}
ul#buynavlist {
        margin:0px;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#buynavlist li {
        float: right;
        font-family: Verdana,Tahoma,Arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        height:15px;
        margin: 0;
        padding: 0px 0 0px 0;
        
}

#buynavlist a:link {
        margin: 0;
        padding: 5px 9px 0px 0px;
        color: #000000;
        
        text-decoration: none;
}

#buynavlist a {
        margin: 0;
        padding: 5px 9px 0px 0px;
        color: #000000;
        
        text-decoration: none;
}

#buynavlist a:active {
        color: #303030;
        
}

#buynavlist a:hover {
        color: #808080;
        
}



/******** General tags ********/

body {
margin:10px auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#C8C7CC;
color:#303030;
line-height:1.3em;
}

a {
text-decoration:none;
color:#20526a;
font-weight:bold;
}

a:hover {
text-decoration:underline;
color:#20526a;
}

a img {
border:0;
}

p {
margin:0 0 18px 8px;
}

h2 {
font-size:1.5em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
}

h3 {
font-size:1.2em;
margin:2px 0 8px 0;
}

h4 {
font-size:1.0em;
font-weight:bold;
}

h5 {
font-size:1.5em;
font-weight:normal;
line-height:22px;
letter-spacing:-0px;
text-align:center;
}

h6 {
font-size:1.5em;
font-weight:bold;
line-height:20px;
letter-spacing:-1px;
 color:white;
}



/******** Main wrap ********/

#wrap {
background:#ffffff url(images/body.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:900px;
}

/******** Sitemenu, left sidebar ********/

#sitemenu {
clear:both;
float:left;
width:20px;
margin:0;
padding:20px 0 0 15px;
}

#sitemenu ul {
list-style:none;
width:135px;
margin:0 0 20px 0;
padding:0;
font-size:1.2em;
letter-spacing:-1px;
}

#sitemenu li {
margin-bottom:4px;
}

#sitemenu li a {
font-weight:bold;
text-decoration:none;
color:#20526a;
display:block;
height:1.1em;
padding:2px 2px 2px 8px;
border-left: 8px solid #70a2ba;
}

#sitemenu li a:hover {
color:#d88d44;
text-decoration:none;
border-left:8px solid #d88d44;
}

#sitemenu .current {
border-left:8px solid #d88d44;
}

#sitemenu ul ul {
font-size:0.8em;
width:110px;
font-weight:normal;
margin:5px 0 8px 20px;
}

#sitemenu ul ul li {
margin-bottom:2px;
}

#sitemenu ul ul li a {
border:0;
padding:2px;
}

#sitemenu ul ul li a:hover {
border:0;
padding:2px;
text-decoration:underline;
}

/******** Extras, right sitebar ********/

#extras {
float:right;
width:45px;
margin:0;
padding:0px 0px 0 0;
}

#extras ul {
margin:0 0 14px 2px;
list-style:none;
color:#808080;
}

#extras li {
margin:0 0 2px 0;
}

#extras li a {
padding:2px 2px 2px 2px;
height:1.2em;
letter-spacing:-1px;
font-weight:bold;
}

#extras li a:hover {
color:#d88d44;
}

#extras ul ul ul {
font-size:0.9em;
line-height:1.2em;
margin:2px 0 2px 15px;
}

#extras ul ul {
font-size:0.9em;
line-height:1.2em;
margin:2px 0 2px 15px;
}

#extras ul ul ul a {
font-weight:normal;
}

#extras ul ul a {
font-weight:normal;
}

/******** Content variations ********/

#content {
margin:5px 60px 7px 57px;
padding:2px 0 0 0;
line-height:1.0em;
}

#content h2 {
font-size:1.6em;
margin:20px 0 10px 0;
}

#content h3 {
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
text-align:center;
}

#content p {
text-align:justify;
}

/******** Footer ********/

#footer {
clear:both;
margin:0px auto 0 auto;
padding:0px 0 0px 0px;
width:900px;
height:90px;
text-align:center;
background: url(images/footer.jpg) bottom left no-repeat;
color:#FFFFFF;
font-size:0.9em;

}

#footer p {
margin:3px;
}

#footer a {
color:#808080;
text-decoration:none;
}

#footer a:hover {
color:#A1A1A1;
text-decoration: none;
}

/******** Various classes ********/

.datetag {
width:50px;
padding:0 0 10px 0;
text-align:center;
background:#20526a url(images/date-bottom.gif) bottom left no-repeat;
margin:2px 15px 1px 10px;
color:#ffffff;
font-size:2.2em;
text-align:center;
float:left;
}

.datetag .date {
width:50px;
display:block;
letter-spacing:-1px;
padding:15px 0 5px 0;
background:#20526a url(images/date-top.gif) top left no-repeat;
}

.datetag .month {
font-size:0.5em;
letter-spacing:-1px;
width:50px;
display:block;
font-weight:bold;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.tabcenter {
 margin-left:auto}

.frontphoto {
margin:20px 0 10px 0;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.clear {
clear:both;
}

.hide {
display:none;
}
.style4 {
font-size:1.4em;
color:#333333;
letter-spacing:-1px;
line-height:normal;
 text-align: center;
margin:15px 0px 10px 0px;
}
.style5 {
font-size:1.4em;
color:#333333;
line-height:normal;
 text-align: center;
margin:15px 0px 10px 0px;
}
							.style5 a:link {
							font-size:1em;
							color:#333333;
							
							font-weight:normal;
							line-height:normal;
							 text-align: center;
							margin:15px 0px 10px 0px;
							}
							.style5 a:visited {
							font-size:1em;
							color:#333333;
							
							font-weight:normal;
							line-height:normal;
							 text-align: center;
							margin:15px 0px 10px 0px;
							}
							.style5 a:hover {
							font-size:1em;
							color:#808080;
							
							font-weight:normal;
							line-height:normal;
							text-decoration:none;
							 text-align: center;
							margin:15px 0px 10px 0px;
							}

.style6 {
font-size:1.5em;
color:#333333;
letter-spacing:-1px;
line-height:normal;
 text-align: center;
margin:15px 0px 10px 0px;
}
							.style6 a:link {
							font-size:1.5em;
							color:#333333;
							letter-spacing:-1px;
							font-weight:normal;
							line-height:normal;
							 text-align: center;
							margin:15px 0px 10px 0px;
							}
							.style6 a:visited {
							font-size:1.5em;
							color:#333333;
							letter-spacing:-1px;
							font-weight:normal;
							line-height:normal;
							 text-align: center;
							margin:15px 0px 10px 0px;
							}
							.style6 a:hover {
							font-size:1.5em;
							color:#808080;
							letter-spacing:-1px;
							font-weight:normal;
							line-height:normal;
							text-decoration:none;
							 text-align: center;
							margin:15px 0px 10px 0px;
							}

.style7 {
font-size:1.5em;
color:#333333;
letter-spacing:-1px;
line-height:normal;
margin:15px 0px 10px 0px;
}
.style8 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#333333;
line-height:normal;
margin:15px 0px 10px 0px;
}