/* Basics */
body{background:#000;color:#ccc;padding:0;margin:10px 0;font:normal 62.5% 'Josefin Sans','Open Sans Condensed', Futura-CondensedMedium, Futura, 'Century Gothic', 'Arial Narrow', Arial, sans-serif;}
p, li{font-size:2em;line-height:1.6em;}
h1{font-size:3em;}
h2{font-size:2.6em;}
h3{font-size:2.4em;}

body a{color:#fff;}
body a:hover{color:#ccc;text-decoration:underline;}
body a:active{color:#999;}

img{border:none;}

.no-break{white-space:nowrap;}

/* Image Replacement */
.hidden{margin:0;padding:0;position:relative;overflow:hidden;}
.image-overlay{display:block;position:absolute;left:0;top:0;z-index:1;margin:0; padding:0;}

/* Lists */
.horizontal{list-style-type:none;list-style-position:outside;overflow:hidden;}
.horizontal li{display:inline;}

/*layout */
#wrapper{postion:absolute;width:988px;margin:0 auto;background:#000;}

/* Header */
#header {width:968px;height:73px;margin: 15px 10px 10px 10px;padding:0;}
#header h1{float:left;width:199px;height:65px;}
#logotype{width:199px;height:65px;background:url('../images/hirsch-logotype.gif') top left no-repeat;background-size:199px 200px;background-position:0 0;}
#logotype:hover{background-position:0 0;}
/*Navigation*/
#primary-nav {width:575px;height:46px;margin:23px 0px 0 0;padding:0;float:right;position:relative;}
#primary-nav li{position:absolute;height:46px;margin:0;padding:0;white-space:nowrap;}
#primary-nav span{position:absolute;height:46px;}
#primary-nav span:hover{background-position:0 0;}

#nav-radius{right:357px;width:116px;}
#nav-radius-image{width:116px;height:137px;background:url('../images/nav-sb-1-radius.gif') 0 -103px no-repeat;background-size:116px 180px;}
#nav-vision{right:276px;width:61px;}
#nav-vision-image{width:61px;height:46px;background:url('../images/nav-vision.gif') 0 -103px no-repeat;background-size:61px 180px;}
#nav-first-edition{right:138px;width:118px;}
#nav-first-edition-image{width:118px;height:46px;background:url('../images/nav-first-edition.gif') 0 -103px no-repeat;background-size:118px 180px;}
#nav-availability{right:0px;width:117px;}
#nav-availability-image{width:117px;height:46px;background:url('../images/nav-availability.gif') 0 -103px no-repeat;background-size:117px 180px;}

/*Body */
#main-image{width:988px;overflow:hidden;border-top:2px solid #fff;border-bottom:1px solid #999;}
#sub-header{width:968px;margin:0 10px;text-align:right;padding-bottom:25px;border-bottom: 1px solid #fff;}
#sub-header h2{color:#fff;margin:35px 0 30px 0;}
#body{float:left;width:610px;margin:0 10px 50px 10px;}
p.section-first{margin-top:2em;}


/* Forms */
.form{clear:both;}
.form-singletext{width:290px;height:2em;background-color:#ccc;border:1px solid #666;}
.form-singletext:focus, .form-singletext:hover{background-color:#fff;}
.form-textarea{width:290px;height:10em;background-color:#ccc;border:1px solid #666;}
.form-textarea:focus, .form-textarea:hover{background-color:#fff;}
.form-singletext-large{width:650px;height:2em;background-color:#ccc;border:1px solid #666;}
.form-singletext-large:focus, .form-singletext-large:hover{background-color:#fff;}
.form-textarea-large{width:650px;height:20em;background-color:#ccc;border:1px solid #666;}
.form-textarea-large:focus, .form-textarea-large:hover{background-color:#fff;}
.form-label{font-size:90%;font-weight:normal;line-height:140%;}
.form-label-small{font-size:80%;}
.small{font-size:80%;color:#666;}
.button{margin:0;padding:1px 4px;border:1px solid #666;background-color:#ccc;font:normal 62.5% 'Josefin Sans', sans-serif;}
.button:hover{background-color:#fff;}
.success{color:#fff;font-weight:bold;}
.error{color:#fff;font-weight:bold;float:right;}

/* Footer */
#footer{clear:both;text-align:center;margin-top:90px;font-family:'Open Sans Condensed', Futura-CondensedMedium, Futura, ArialNarrow, Arial, sans-serif;}
#footer h3{width:140px;height:40px;left:424px;font: normal 2.2em Futura, ArialNarrow, Arial, sans-serif;
margin:0 0 45px 0;}
#british-design span{width:140px;height:41px;background:url('../images/british-design.gif') top left no-repeat;background-size:140px 50px;}
#footer a{text-decoration:underline;color:#ccc;}
#footer a:hover{color:#999;text-decoration:underline;}
#footer a:active{color:#fff;}
#social{font-size:1.8em;}
#legals{font-size: 1.4em;}

/* use ultra-light for standard desktop / large screens */
@media screen and (max-width: 9999px) {
	body{font-family:'Josefin Sans', 'Open Sans Condensed', Futura-CondensedMedium, Futura, 'Century Gothic', 'Arial Narrow', Arial, sans-serif;font-weight:100;}
}

/* use bold font for tablets and mobiles in portrait mode */
@media screen and (max-device-width: 768px) and (orientation:portrait) {
	body{font-family:'Josefin Sans', 'Open Sans Condensed', Futura-CondensedMedium, Futura, 'Century Gothic', 'Arial Narrow', Arial, sans-serif;font-weight:700;font-size:80%;}
}



@media screen and (max-device-width: 768px) {
	#main-image{border-bottom:2px solid #999;}
}

/* Retina displays */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	#logotype{background:url('../images/hirsch-logotype@2x.gif');background-size:199px 65px;}
	#primary-nav span:hover{background-position:0 -48px;}
	#nav-radius{right:357px;width:116px;}				
    #nav-radius-image{width:116px;height:137px;background:url('../images/nav-sb-1-radius@2x.gif') 0 -93px no-repeat;background-size:116px 180px;}
	#nav-vision{right:276px;width:61px;}
	#nav-vision-image{width:61px;height:46px;background:url('../images/nav-vision@2x.gif') 0 -93px no-repeat;background-size:61px 180px;}
	#nav-first-edition{right:138px;width:118px;}
	#nav-first-edition-image{width:118px;height:46px;background:url('../images/nav-first-edition@2x.gif') 0 -93px no-repeat;background-size:118px 180px;}
	#nav-availability{right:0px;width:117px;}
	#nav-availability-image{width:117px;height:46px;background:url('../images/nav-availability@2x.gif') 0 -93px no-repeat;background-size:117px 180px;}
}