/* remove default browser styles */
@import url("reset.css");

body {
    font-size:12px;
    letter-spacing:0.02em;
	line-height:16px;
	font-family: Georgia, "Times New Roman", serif;
    background-color:#000;
	color:#666;
	text-align:center;
}

#wrapper {
    width:940px;
    height:588px;
	margin:30px auto;

    background-color:#fff;
    color:#000;
	text-align:left;
}

/* HEADER / NAVIGATION */

#header {
    width:215px;
    height:588px;
    background-color:#FF7000;
    overflow:hidden;
    float:left;
}
#header :focus {
    border-right:1px dotted #fff;
}
#header h1 {
    width:173px;
    height:94px;
    margin-left:20px;
    margin-top:22px;
}

#header h1 #logo {
    display:block;
}
#header ul#nav {
    margin-top:28px;
}
#header ul#nav li {
    height:18px;
    width:173px;
    margin-left:30px;
    margin-bottom:19px;
}
#header ul#nav li a {
    display:block;
    text-indent:-9999px;
    height:100%;
    width:100%;
    
    background-color: #FF7000;
    background-position: bottom left;
    background-repeat:no-repeat;
}
#header ul#nav li a:hover, 
#header ul#nav li.active a {
    background-position: top left;
}
#header ul#nav li#nav_girard_bio {
    margin-bottom:0;
}
#header ul#nav li#nav_girard_bio a {
    background-image: url('/furniture/nav_girard_bio.png');
}
#header ul#nav li#nav_video a {
    background-image: url('/furniture/nav_video.png');
}
#header ul#nav li#nav_nativity a {
    background-image: url('/furniture/nav_nativity.png');
}
#header ul#nav li#nav_puzzle a {
    background-image: url('/furniture/nav_puzzle.png');
}
#header ul#nav li#nav_dolls a {
    background-image: url('/furniture/nav_dolls.png');
}
#header ul#nav li#nav_memory a {
    background-image: url('/furniture/nav_memory.png');
}
#header ul#nav li#nav_blocks a {
    background-image: url('/furniture/nav_blocks.png');
}
#header ul#nav li#nav_fonts a {
    background-image: url('/furniture/nav_fonts.png');
}
#header ul#nav li#nav_shop {
    height:153px;
    margin-bottom:0;
    margin-top:52px;
    margin-left:20px;
}
#header ul#nav li#nav_shop a {
    background-image: url('/furniture/nav_shop.png');
}

/* MAIN CONTENT */

#main_content {
    width:725px;
    height:588px;
    float:left;
}

#main_content #main_image_container {
    height:429px;
    width:725px;
}
#main_content #main_video_container {
    height:446px;
    width:725px;
}
#main_content #main_video_container img {
    display:block;
/*    float:left;*/
}

html.hasJS #main_content #more_images {
    display:none;
}
#main_content #image_nav {
    display:none;
}
html.hasJS #main_content #image_nav {
    display:block;
    float:right;
    margin-right:14px;
    margin-top:12px;
}
#main_content #image_nav .nextprev {
    display:block;
    float:left;
    width:49px;
    height:10px;
    padding-top:33px;
    
    color:#000;
    text-decoration:none;
    font-size:10px;
    text-transform:lowercase;
    font-style: italic;
    text-align:center;
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#fff;
}
#main_content #image_nav .nextprev:hover {
    background-position:left top;
}
#main_content #image_nav #image_next {
    text-indent:-5px;
    
    background-image: url('/furniture/next_arrow.png');
}
#main_content #image_nav #image_back {
    margin-right:10px;
    text-indent:5px;
    
    background-image: url('/furniture/prev_arrow.png');    
}
#main_content #image_nav #save {
	display:block;
	text-align:center;
    margin-top:60px;
}

#main_content #image_nav #save a {
	color:#000;
	font-size:10px;
	line-height:11px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

#main_content #image_nav #save img {
	border:none;
}

#main_content #content {
    margin-left:30px;
    margin-top:23px;
    width:455px;
    
    background-color:#fff;
}
body#video #main_content #content {
    margin-top:3px;
}
#main_content #content h2 {
    text-transform: uppercase;
    font-size:11px;
    font-weight:bold;
    margin-bottom:1px;
}
#main_content #content a {
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	color:#f60;
}
#main_content #content a:hover {
	color:#666;
}
#main_content #content a.maximo {
	color:#000;
	font-weight:normal;
}
#main_content #content a.maximo:hover {
	color:#666;
}
#main_content #download {  
	display:block;
    float:right;
    margin-right:20px;
    margin-top:12px;
    text-align:center;
}
#main_content #download a {
	color:#000;
	font-size:10px;
	line-height:11px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
#main_content #download .item {
	padding-bottom:10px;
}