html, body{
    padding:0;
}

html{
    margin:0;
    
    height:100%;
    width:100%;
    overflow:auto;
}
body {
    margin: auto;
    background: #000 url(../_imgs/bg_spring-summer09.jpg) no-repeat fixed center top;
    overflow:auto;
    font-size:.7em;
    font-family:Tahoma, Verdana;
    overflow:hidden;
    color:#777;
}

a, a:visited, a:hover{
    color:#888;
}

a:hover{
    text-decoration:underline;
}

a{
    text-decoration:none;
}
a.active, a:active{
    text-decoration:none !important;
}
a:hover, a.active, a:active{
    color:#A7892D !important;
}

#viewport{
    margin:auto;
    width:950px;
    height:746px;
    padding-top:20px;
}

#global-nav{
    background:url(../_imgs/bg_hdr.png) no-repeat -12px -6px;
    width:100%;
    height:52px;
    text-transform:uppercase;
    font-size:11px;
    font-family:Tahoma;
    letter-spacing:.1em;
}

#global-nav a{
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
    color:#9f9f9f;
}


#global-nav div{
    padding-top:20px;
}

#nav-home{
    float:left;
    padding-left:37px;
}

#nav-links{
    float:right;
    padding-right:42px;
}

#nav-home a, #nav-home a:visited, #global-nav a:hover{
    color:#A7892D;
}

#global-content{
    background:url(../_imgs/bg_content.png) no-repeat -11px -9px;
    width:100%;
    height:676px;
    padding:30px 0 0 36px;
}

#logo-tag{
    background:url(../_imgs/logo-tag.png) no-repeat;
    position:relative;
    top:-560px;
    left:-220px;
    height:200px;
    width:630px;
}

#logo-tag.collection{
    left:-195px;
    top:-635px;
}

#content-main{
    border:1px solid #d3d3d3;
    width:867px;
    height:450px;
}

#content-main.home{
    background:url(../_imgs/content-home.jpg) no-repeat 3px 7px;
}

#content-main.about-us{
    background:url(../_imgs/content-about-us.jpg) no-repeat 4px 7px;
}

#content-main.contact-us{
    background:url(../_imgs/content-contact-us.jpg) no-repeat 4px 5px;
}

#content-main.collection{
    background:none;/*url(../_imgs/content-collection.jpg) no-repeat 4px 5px;*/
}

#content-main.media{
    background:url(../_imgs/content-media.jpg) no-repeat 15px 10px;
}

#content-main.shoe{
    background:url(../_imgs/content-shoe.jpg) no-repeat 1px 8px;
}

#content-rail{
    width:870px;
    padding-top:8px;
}

#content-rail div{
    width:284px;
    height:160px;
    float:left;
    margin-left:9px;
    
}

#content-rail div a{
    background-color:#A7892D;
    margin:0;
    display:block;
    width:284px;
    height:160px;
    visibility:hidden;
}

#rail-collection{
    background:url(../_imgs/rail-collection.jpg) no-repeat;
    margin-left:0 !important;
}

#rail-retailers{
    background:url(../_imgs/rail-retailers.jpg) no-repeat;
}

#rail-media{
    background:url(../_imgs/rail-media.jpg) no-repeat;
}

#rail-buy-online
{
	background:url(../_imgs/rail-buy-online.jpg) no-repeat;
}

#rail-buy-online div
{
	padding:5px 0 0 70px;
	*padding-top:15px;
	text-transform:uppercase;
	background-color:Transparent;
}

#rail-buy-online h3
{
	color:#a78a2e;
	margin-bottom:3px;
	font-weight:normal;
	font-size:11px;
}

#rail-buy-online li
{
	height:auto;
	padding:5px 0;
	margin-left:0;
	width:auto;
	clear:both;
}

#rail-buy-online li a
{
	color:#838383;
	visibility:visible;
	background-color:Transparent;
	height:auto;
	width:auto;
	margin-left:0;
	line-height:9px;
}

#copyright{
    clear:both;
    color:#777;
    font-size:10px;
    padding-top:3px;
}

ul{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  clear:both;
}

ul li{
    
    float:left;
    width:190px;
    height:140px;
    margin-left:10px;
    background-color:Transparent;
    background-position:left bottom;
    background-repeat:no-repeat;
}

#collection-top li a, #collection-bottom li a{
    display:block;
    height:100%;
    width:100%;
}

#collection-top{
    position:relative;
    width:400px;
    height:130px;
    left:400px;
    top:32px;
    margin-left:29px;
}

#collection-bottom{
    position:relative;
    width:800px;
    height:140px;
    left:30px;
    top:80px;
}

#rail-shoe-stats{
    background:url(../_imgs/rail-shoe-statistics.gif) no-repeat;
    margin-left:0 !important;
}

#rail-shoe-materials{
    background:url(../_imgs/rail-shoe-materials.gif) no-repeat;
}

#rail-shoe-colors{
    background:url(../_imgs/rail-shoe-colors.gif) no-repeat;
}

#content-rail div.shoe-upper, #content-rail div.shoe-lower{
    color:#8f8f8f;
    width:180px;
    height:38px;
    position:relative;
    left:75px;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:2px;
}
#content-rail div.shoe-upper{
    top:52px;
}

#content-rail div.shoe-lower
{
    top:80px;
}

#shoe-colors-available ul{
    list-style:none;
}

#shoe-colors-available li{
    display:inline;
    float:left;
    width:18px;
    height:18px;
    margin: 0 3px !important;
    cursor:pointer;
}

#shoe-colors-available li a{
    width:18px;
    height:18px;
    display:inline-block;
    
}

#content-shoe-nav{
    position:relative;
    left:30px;
    top:100px;
}

#content-shoe-nav li{
    display:block;
    float:none;
    height:20px;
    text-transform:uppercase;
    padding:11px 6px;
    font-weight:bold;
    font-family:Arial;
    width:180px;
}

#content-shoe-info{
    float:right;
    margin-top:94px;
    width:245px;
    
}

#content-shoe-info h3{
    color:#A7892D;
    
    letter-spacing:2px;
    text-transform:uppercase;
    width: 125px;
    text-align:center;
    margin-left:55px;
    margin-top:4px;
    font-size:16px;
    font-weight:bold;
    font-family:Arial;
}

#content-shoe-info p{
    padding:20px 8px 0 8px;
    line-height:29px;
    font-weight:bold;
    font-size:12px;
    color:#9f9f9f;
    text-align:center;
    font-family:arial;
    vertical-align:middle;
    height: 200px;
    letter-spacing:1px;
}

#content-shoe-image{
    width:420px;
    height:420px;
    float:left;
    list-style:none;
    overflow:hidden;
    display:block;
    position:relative;
}

#content-shoe-image ul{
    width:5000px;
    list-style:none;
    position:relative;
}

#content-shoe-image li{
    float:left;
    background-position:bottom left;
    background-repeat:no-repeat;
    width:420px;
    height:420px;
    display:inline;
    margin:0;
    padding:0;
    
}

#content-retailers-main{
    	width:626px;
    	border:1px solid #ccc;
    	overflow:hidden;
    	height:438px;
    	margin:5px 0 0 5px;
		float:left;
    }
    
    #content-retailers-main ul{
    	font-family:times;
    	margin:34px 0 0 20px;
    }
    
    #content-retailers-main li{
    	height:auto;
    	background:transparent;
    	width: 190px;
    	margin-bottom:18px;
    }
    
     #content-retailers-main div{
    	margin:0 auto;
    	width:140px;
    	
    }
    
    #content-retailers-main ul ul{
    	margin:2px 0 0;
    }
    
    #content-retailers-main li li{
    	margin:0;
    	color:#777;
    }
    
    #content-retailers-main h4{
    	margin:0;
    	letter-spacing:1px;
    }
    
    #content-retailers-main{
    
    }
    
    #content-retailers-online{
    	float:left;
    	width:222px;
    	margin:5px 0 0 5px;
    	border:solid 1px #ccc;
    	height:438px;  	
    	background:url(/_imgs/globe.jpg) no-repeat center;
    }
    
    #content-retailers-online div{
    	text-align:center;
    	
    }
    
    #content-retailers-online img{
    
    }
    
    #content-retailers-online ul{
    	margin:5px;
    }
    
    #content-retailers-online li{
    	height: 30px;
    	border-bottom:solid 1px #ccc;
    	text-transform:uppercase;
    	margin-top:15px;
    }
    
    #content-retailers-online a{
    
    }