/* general */
body,p,ul,ol,li,h1,h2,div,a,img,header,nav,section,article,hr{padding: 0; margin: 0; list-style:none;}
body{background-color:#eee;}
#wrapper{width:1366px; margin: 0 auto; background-color:#450e11;}

/* universal header - global nav + logo box */
#global-nav{background-color:#c6137f; height:100px; padding:0 0 0 450px; position:relative}
#global-nav li{font-family: 'Roboto Slab', serif; font-size:1.2em; float:left; padding: 40px 25px 0 0; 
	color:#450e11;}
#global-nav li span{font-weight:600;}
#global-nav li a{color:#fff; text-decoration:none;}
#global-nav li a:hover{text-decoration:underline;}
#logo{background-color:#450e11; width:330px; height:310px; border-radius:10px; z-index:20;
	position:relative; top:-110px; left:100px;}
#logo h1{font-family: 'Montserrat', sans-serif; font-weight:400; font-size: 1.25em; color:#c6137f; 
	padding:52px 0 0 30px; text-transform:uppercase; letter-spacing:2px;}
#logo img{margin:50px 0 0 17px;}
#logo p{font-family: 'Roboto', sans-serif; color:#fff; text-transform:uppercase; margin:41px 0 0 69px;}
#logo p span{padding: 0 10px;}
#logo p a{color:#95d7c0; text-decoration:none; font-size:0.85em;}
#logo p a:hover{text-decoration:underline;}

/* introduction - main image + subpage intro text */
#intro{z-index: -10; margin:-310px 0 0 0;} 
#intro .thief{position:absolute;} 
#intro-text {background-color:#c99253; margin:-5px 0 0 0; border-top:10px solid #450e11; border-bottom:10px solid #450e11;
	padding:115px 0 120px 160px;}
#intro-text h2{font-family:'Montserrat', sans-serif; text-transform:uppercase; color:#450e11; font-size:2.45em; 
	letter-spacing:1.5px; padding:0 0 14px 0;}
#intro-text p{font-family:'Roboto', sans-serif; font-weight:300; color:#fff; font-size:2.2em; line-height:1.2em; 
	padding:0 0 0 10px; letter-spacing:1px;}

/* oops */
#oops{position:absolute; top:410px; left:410px; z-index:20;}
#oops p{color:#450e11; font-family:'Roboto Slab', serif; font-size:3em; 
	text-align:center; line-height:1.4em;}
#intro-text p a{color:#fff;}

/* subpage products */
#subpage{background: #ffffff url("../images/bg_pattern.jpg") repeat center top; margin:-0px 0 0 0; 
	padding:0 0 51px 100px;}
#subpage .product{background-color:#fff; float:left; width:323px; border-radius:6px; border:6px solid #450e11; 
	margin:100px 57px 53px 0; padding:20px 0 10px 17px;}
#subpage .product h3{font-family:'Roboto', sans-serif; font-weight:500; font-size:1.3em; margin-left:5px; margin-bottom:15px;
	letter-spacing:0.2px; color:#450e11;}
#subpage .product p{font-family:'Roboto', sans-serif; font-size:1.1em; font-weight:300; padding: 0 20px 0 4px; 
	line-height:1.2em;}
.product p em{font-style:italic;}
.product p a{color:#450e11;}
.product p a:hover{color:#95d7c0;}
.product p span{color:#c6137f; float:left; margin:45px 0 12px 0; font-weight:400;}
.product .cart-button{float:right; padding:33px 11px 0 0;}
.nav-arrows .left-arrow{float:left; margin:-343px 0 0 -100px;}
.nav-arrows .right-arrow{float:right; margin:-343px 0 0 -100px;}
.nav-circles{width:100px; margin:0 0 0 543px;}
.nav-circles img{margin:0 10px 0 0;}

/* universal footer */
footer{background-color:#450e11; height:100px; margin:-5px 0 0 0;}
footer p{font-family: 'Roboto', sans-serif; font-weight:300; font-size: 0.9em; color:#fff; padding:5px 0 0 0;}
#monogram{margin:0 0 0 123px; width: 450px;}
#monogram img{float:left; padding: 0 22px 0 0;}
#monogram, .info, #social{float: left; padding:25px 46px 0 0;}
.info{width:188px;}
#social{float:right; margin:4px 55px 0 0;}
#social .email{padding:0 5px 0 0;}

/* miscellaneous */
.clear{clear:both;}