/* screen.css */

body {
font: .8125em/1.6 Century Gothic, Verdana, sans serif, arial;
color: #333333;
margin: 0;
padding:0;
}

#wrapper {
    width: 810px;
    margin: 0 auto;
}

#header {
	position: relative;
	width: 810px;
	height:110px;
}

img {
	border:0;
}

#logo {
	float:left;
	width:114px;
	padding: 18px 0 0 0px;
	Margin:0 10px 0 0;
}


#navigation {
	float:left;
    width: 685px;
	padding: 51px 0 0px 0px;
	margin:0;
}

/* ---- Text ---- */

h1, h2, h3, h4  {
background-color:transparent;
font-style:normal;
font-weight:normal;
text-transform:uppercase;
}

h1 {
font-size:1.2em;
line-height:2.0em;
font-weight:bold;
margin:0 0 .3em 0;
}

h2 {
font-size:1.0em;
line-height:1.6em;
font-weight:bold;

}

h3 {
font-size:1.0em;
line-height:1.2em;
font-weight:bold;
margin:0;
padding:0;
}


h4 {
color: #221e1f;
margin: 1.7em 0 .3em 0;
}

h5 {
font-size:1.3em;
line-height:1.4em;
margin: 0 0 .8em 0;
}

h6 {
background-color:transparent;
font-size:1em;
font-weight:bold;
}

a {
text-decoration:underline;
color:#444444;
}

a:hover {
color:#000;
}


p {
	margin: 0;
	padding: 0 0 13px 0;
}



table {margin:0;}
tr {margin:0;}

table tr td {
        	padding:1px 8px 1px 2px;
        	vertical-align:top;
        	margin:0;
}

#start-content-left ul { margin: 0; padding: 0; }
#start-content-left li { list-style:none; }

/* ---- Navigation --- */
#navigation ul  {
position:relative;
list-style:none;
float:left;
margin:0;
padding:0;
text-transform:uppercase;
}

#navigation li {
display: inline; 
width: 5em;
text-align: center;
cursor: default; 
}

#navigation li a { 
margin:0;
padding:0 0 0 30px;
text-decoration:none;
outline: none;
}

#navigation li a.active-path { font-weight: bold; } 

#navigation li a.active { font-weight: bold; } 

#navigation li a:hover { 
text-decoration:underline;
}

#navigation ul ul  {
float:left;
list-style:none;
margin:0;
padding:0;
text-transform:uppercase;
}

#navigation ul ul li {
display: inline; 
width: 5em;
text-align: center;
cursor: default; 
}

#navigation ul ul li a { 
margin:0;
padding:0 -20px 0 48px;
font-size:0.8em;
text-decoration:none;
}

#navigation ul ul li a:hover { 
text-decoration:underline;
}


/* ---- Main content --- */

#start-content-left {
	float:left;
	text-align: middle;
    width: 500px;
	padding: 0px 0 15px 0px;
	Margin:0;
}


#start-content-right {
	float:left;
    width: 310px;
	padding: 0px 0 0 0px;
	Margin:0;
}

#start_puff1 {
	float:left;
	text-align: left;
    width: 310px;
	padding:0;
	Margin:0;
}

#start_puff2 {
	float:left;
	text-align: left;
    width: 310px;
	padding:10px 0 0 0;
	Margin:0;
}

#content-left {
	float:left;
	width: 430px;
	padding: 0px 30px 0 0;
	margin:0;
}


#content-right {
	float:left;
	width: 350px;
	padding: 10px 0 0 0;
	margin:0;
}


.collection-image {
	float:left;
    width: 140px;
	padding: 10px 30px 0 0;
	margin:0;
}

#collection-left {
	float:left;
	width: 320px;
	padding: 0px 30px 0 0;
	margin:0;
}

#collection-right {
	float:left;
  width: 460px;
	padding: 10px 0 0 0;
	margin:0;
}

#content-gallery {
	padding: 0px 0 0 0;
	margin:0;
}

.collection-thumbnail {
	float:left;
  width: 70px;
	padding: 10px 10px 0 0px;
	margin:0;
}





/* ---- footer --- */

#footer {
	float:left;
    width: 810px;
	padding: 20px 0 0 0;
	Margin:0;
}


/* ---- Other --- */

.clear { clear: both; }