@import url( 'nanoscroller.css' );

@font-face {
    font-family: 'AkzidenzGroteskLight';
    src: url('../fonts/AkzidenzGroteskLight.eot');
    src: url('../fonts/AkzidenzGroteskLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AkzidenzGroteskLight.woff') format('woff'),
         url('../fonts/AkzidenzGroteskLight.ttf') format('truetype'),
         url('../fonts/AkzidenzGroteskLight.svg#AkzidenzGroteskLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeue.woff') format('woff'),
         url('../fonts/HelveticaNeue.ttf') format('truetype'),
         url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* COMMON HTML */

* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

html, body { 
	height:100%; 
	font-size:100%; 
}
body {
	overflow:auto;
	background:#32cbad url('../_img/background.jpg') center top no-repeat;
}
body, h1, p, td, span, input, textarea {
	font-family:"AkzidenzGroteskLight";
	font-weight:normal;
	font-size:15px;
	
	letter-spacing:0.1px;
	line-height:19.5px;
}

input, textarea {
	width:254px;
	padding:0px 12px;
	margin-bottom:4px;
	color:#000;
}
input { height:22px }
textarea {
	width:254px; height:98px !important;
	padding:2px 12px;
	resize: none;
}


/***** SITE (WRAPPER) *****/

#site { 
	position:relative;
	width:1004px; 
	height:672px;
	margin:0px auto;
}


/***** HEADER *****/

#header{
	position:absolute;
	width:1004px;
}
#logo {
	position:absolute;
	top:6px;
}
#menubar {
	position:absolute;
	top:31px; right:0px;
	width:920px; height:28px;
	padding-left:10px;
	background:url('../_img/menubar.jpg') no-repeat;
}
#menubar .button div,
#menubar .selected div {
	height:28px;
	display:inline-block;
}

#menubar .button,
#menubar .selected {
	height:28px; 
	display:inline-block;
}
#menubar .button:hover div,
#menubar .button:active div,
#menubar .selected div {
	background-position:0px -28px;
}
#socialmedia {
	position:absolute;
	right:2px;
	top:31px;
	height:28px;
}
#socialmedia img {
	width:24px;
	height:24px;
	margin:2px 7px 0px 0px;
}


/***** CONTENT *****/
#content{
	position:absolute;
	top:59px;
	width:1004px; height:612px;
}
#content p, #content h1, #content a,
#content ul, #content ul li {
	letter-spacing:0.1px;
	line-height:19.5px;
	margin-bottom:12px;
	color: #fff;
}
#content h1 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}
#content a {
	cursor:pointer;
}
#content a:link,
#content a:visited {
	color:#fff;
	text-decoration:underline;
}
#content a:hover,
#content a:active {
	color:#fff;
	text-decoration:underline;
}
#content ul li {
	list-style: none;
	margin-left:1em;
	margin-bottom:6px;
}
#content ul li:before {
	margin-left:-0.75em;
	content: "\002D \0020";
}
#content img { margin-top:6px }
#content .navlink, #content .selected { 
	cursor:pointer 
}
#content .navlink:link,
#content .navlink:visited {
	color:#d8b11e;
	color:rgba( 0, 0, 0, 0.6 ) !important;
	text-decoration:none !important;
}
#content .navlink:hover,
#content .navlink:active,
#content .selected {
	color:#fff !important;
	text-decoration:none !important;
}
#content .selected { 
	color:#d8b11e !important; 
}

#content .subtext p,
#content .subtext a,
#content .subtext ul,
#content .subtext ul li {
	font-size:14.41px;
	line-height:16.6px;
	margin-bottom:6px;
}
#content .subtext ul li {
	margin-bottom:5.6px;
}

#content .toplft { position:absolute; left:0px; top:12px; }
#content .topmidlft { position:absolute; left:254px; top:12px; }
#content .topmidrgt { position:absolute; left:508px; top:12px; }
#content .toprgt { position:absolute; right:0px; top:12px; }
#content .btmrgt { position:absolute; right:0px; bottom:20px; }
#content .btmmidrgt { position:absolute; right:254px; bottom:20px; }
#content .btmmidlft { position:absolute; right:508px; bottom:20px; }
#content .btmlft { position:absolute; right:762px; bottom:20px; }

#content .button,
#content .buttonlarge { 
	margin:0px !important; 
	cursor:pointer 
}


#content .fullwidth_lft {
	width:1004px; height:388px;
	background:url('../_img/bg_fullwidth_lft.png') no-repeat;
}
#content .fullwidth_lft .content {
	width:985px; height:372px;
	margin:8px; 
	
	overflow:hidden;
}
#content .fullwidth_lft .content #col_lft,
#content .fullwidth_lft .content #col_mid,
#content .fullwidth_lft .content #col_midlft,
#content .fullwidth_lft .content #col_midrgt,
#content .fullwidth_lft .content #col_rgt {
	position:absolute;
	top:22px; 
	height:328px;
	overflow:hidden;
}
#content .fullwidth_lft .content #col_lft { left:10px; width:324px }
#content .fullwidth_lft .content #col_mid { left:351px; width:290px }
#content .fullwidth_lft .content #col_midlft { left:5px; width:634px }
#content .fullwidth_lft .content #col_midrgt { left:338px; width:634px }
#content .fullwidth_lft .content #col_rgt { right:14px; width:290px; margin-right:30px }

#content .full_lft {
	position:absolute;
	top:12px; 
	width:1004px; height:576px;
	background:url(../_img/bg_full_lft.gif) no-repeat;
	overflow:hidden;
}
#content .full_lft .content {
	width:336px; height:390px;
	margin:3px 0px; 
}
#content .full_lft .winners {
	position:absolute;
	left:9px; top:185px;
	width:336px; height:380px;
}
#content .full_lft .winners img {
	margin-bottom:8px;
}
#content .full_lft .winners p {
	margin-left:24px;
	margin-right:24px;
}
#content #gallery_rgt {
	position:absolute;
	left:354px; top:0px;
	width:650px; height:576px;
	margin-top:-8px;
}
#content #gallery_rgt .thumb {
	position:relative;
	float:left;
	margin:0px 0px 14px 30px;
	width:132px; height:186px;
	cursor:pointer;
}
#content #gallery_rgt .thumb .winner {
	position:absolute;
	right:2px; top:2px;
	
	z-index:2;
}
#content #gallery_rgt .button { margin:6px 0px 0px 30px !important }
#content #gallery_rgt .prev { background:url('../_img/button_prev.png') no-repeat }
#content #gallery_rgt .next { background:url('../_img/button_next.png') no-repeat }
#content #gallery_rgt .prev:active,
#content #gallery_rgt .next:active { background-position:0px -188px }


#content #gallery_lft .content p {
	margin:11px;
}
#content #gallery_lft img {
	width:336px; height:264px !important;
	cursor:pointer;
}
.winners {
	width:336px; 
	overflow:hidden;
}
.winners .button_prev,
.winners .button_next {
	position:absolute;
	top:20px;
	
	width:43px; height:180px;
	
	display:inline;
	cursor:pointer;	
}
.winners .button_prev:active,
.winners .button_next:active {
	background-position:0px -180px;
}
.winners .button_prev { background:url(../_img/winners_prev.png); left:-8px }
.winners .button_next { background:url(../_img/winners_next.png); right:-8px }
.winners .winners-strip { width:3460px }
.winners .winners-strip div {
	float:left;
	width:336px;
	margin-right:10px;
	display:inline-block;
}

#content .content_fullhght {
	width:638px; height:580px;
	background:url('../_img/bg_content.jpg');
}
#content .content_fullhght .content {
	width:590px; height:538px;
	margin:24px 20px 30px 40px; 

	overflow:hidden;
}

#content .full { width:1004px; height:560px }
#content .content_fullhght .content #col_fullrgt { width:587px; height:532px }

#content .content_full, #content .content_lft, #content .content_rgt {
	width:663px; height:372px;
	padding:8px;
}
#content .content_full { background:url('../_img/bg_content.jpg') no-repeat }
#content .content_lft { background:url('../_img/bg_content_lft.png') no-repeat }
#content .content_rgt { background:url('../_img/bg_content_rgt.png') no-repeat }

#content .column_lft {
	width:320px; height:388px;
	background:url('../_img/bg_column_lft.png') no-repeat;
}
#content .column_rgt {
	width:313px; height:388px;
	background:url('../_img/bg_column_rgt.png') no-repeat;
}
#content .column_lft .content, #content .column_rgt .content {
	width:290px; height:372px;
	margin:3px 8px; 
	
	overflow:hidden;
}
#content .column_rgt:link div, #content .column_rgt:visited div {
	background-position:0px 0px;
}
#content .column_rgt:hover div, #content .column_rgt:active div {
	background-position:0px -384px;
}
#content .widecolumn { width:340px }

#content .sub_rgt {
	width:242px; height:180px;
	background:url('../_img/bg_sub_rgt.png') no-repeat;
}
#content .sub_rgt .content {
	width:225px; height:164px;
	margin:8px; 
	
	overflow:hidden;
}
#content .sub_rgt:link div, 
#content .sub_rgt:visited div { background-position:0px 0px }
#content .sub_rgt:hover div { background-position:0px -165px }
#content .sub_rgt:active div { background-position:0px -330px }

#content .postdata {
	font-style:italic;
	margin:8px 0px !important;
}
#content .divider {
	margin-top:24px;
	height:26px;
	background:url('../_img/dashed.png') top repeat-x;
}


/***** FORM *****/

.formoptions {
	float:right;
	margin-top:-2px !important;
	padding-right:12px;
}
.formoptions a {
	color:#fff;
}
.formoptions a:link, .formoptions a:visited {
	text-decoration:none !important;
}
.formoptions a:hover, .formoptions a:active {
	text-decoration:underline !important;
}


/***** BLOCKER *****/

#blocker {
	position:absolute;
	left:0px; top:0px;
	width:100%; height:100%;
	
	background-color:rgba(0,0,0,0.5);
	
	z-index:2;
}


/***** LARGE IMAGE *****/

#largeimage {
	position:absolute;
	top:92px; left:50%;
	width:804px; height:531px;
	margin-left:-414px;
	padding:8px 8px 2px;
	
	background:url(../_img/bg_content.jpg);
	
	z-index:3;
}
#largeimage .image {
	width:804px; 
	height:525px; 
	background-color:#fff;
	z-index:1;
}
#largeimage:hover .prev { display:block }
#largeimage:hover .next { display:block }
#largeimage:hover .indicator { display:block }

#largeimage .prev, #largeimage .next {
	position:absolute;
	
	top:50%;
	margin-top:-263px;
	
	display:none;
	z-index:2;
}


#largeimage .prev div, #largeimage .next div {
	width:100px; height:525px;
	cursor:pointer;
}
#largeimage .prev { left:6px }
#largeimage .next { right:6px }
#largeimage .prev div {
	background:url( '../_img/arrow_lft.png' ) 44px 240px no-repeat;
}
#largeimage .prev div:hover {
	background:url( '../_img/arrow_lft.png' ) 44px -52px no-repeat;
}
#largeimage .prev div:active {
	background:url( '../_img/arrow_lft.png' ) 43px -51px no-repeat;
}

#largeimage .next div {
	background:url( '../_img/arrow_rgt.png' ) 43px 240px no-repeat;
}
#largeimage .next div:hover {
	background:url( '../_img/arrow_rgt.png' ) 43px -52px no-repeat;
}
#largeimage .next div:active {
	background:url( '../_img/arrow_rgt.png' ) 44px -51px no-repeat;
}
#largeimage .winner {
	position:absolute;
	left:162px; top:82px;
	width:80px;
	height:111px;
	background:url(../_img/winner_large.png);
}
#largeimage .indicator {
	position:absolute;
	left:50%; bottom:18px;
	margin-left:-25px;
	
	display:none;
	z-index:2;
}
#largeimage .indicator span {
	width:100px; height:20px;
	font-family:"Arial";
	font-size:0.7em;
	font-weight:bold;
	color:rgba( 0, 0, 0, 0.6 );
}
#close {
	position:absolute;
	top:92px; left:50%;
	width:25px; height:29px;
	
	margin-left:390px;
	margin-top:-6px;
	
	background:url(../_img/close.png) no-repeat;
	cursor:pointer;
	
	z-index:4;
}

#largeimage .editlink {
	position:absolute;
	left:40px; top:484px;
	width:120px; height:18px;
	
	zoom: 0.82; 
	-moz-transform: scale( 0.82); 
	-moz-transform-origin: 0 0;
	
	background-image:url(../_img/editdesign.png );
	cursor:pointer;
	z-index:999;
}
#largeimage .editlink:hover,
#largeimage .editlink:active {
	background:url( ../_img/editdesign.png ) 0px -20px no-repeat;
}



.highresshoe {
	position:absolute;
	top:12px;
	width:100%;
	height:580px;
	background:url(../_img/bg_content.jpg);
}
.highresshoe .image {
	position:absolute;
	width:982px;
	height:560px;
	margin:10px;
	
	background-color:#fff;
	overflow:hidden;
	z-index:1;
}
.highresshoe .image img {
	position:absolute;
	left:0px; top:-64px;
	width:982px;
}
.highresshoe .overlay {
	width:100%;
	height:100%;
	
	z-index:2;
}

.highresshoe .overlay .editlink,
.highresshoe .overlay .facebooklink {
	position:absolute;
	left:40px; 
	cursor:pointer;
	z-index:999;
}
.highresshoe .overlay .editlink {
	top:496px; width:120px; height:18px;
	background-image:url(../_img/editdesign.png );
}
.highresshoe .overlay .facebooklink {
	top:516px; width:201px; height:18px;
	background-image:url(../_img/shareonfacebook.png );
}
.highresshoe .overlay .editlink:hover,
.highresshoe .overlay .facebooklink:hover,
.highresshoe .overlay .editlink:active,
.highresshoe .overlay .facebooklink:active {
	background-position: 0px -20px;
}

/***** FOOTER *****/

#footer {
	position:absolute;
	left:2px; bottom:4px;
	height:10px;
}
#footer p,
#footer a {
	margin:0px;
	color:#fff;
}
#footer p {
	font-family:"HelveticaNeue";
	font-size:10px;
	
	letter-spacing:0.75px;
	line-height:12px;
	
	cursor:default;
	vertical-align:middle;
}
#footer a:link,
#footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover,
#footer a:active {
	color:#fff;
	text-decoration:underline;
}
#footer .selected {
	color:#fff;
	text-decoration:underline !important;
}
#footer .divider {
	position:relative;
	top:-1px;
	font-size:9px;
	padding:0px 5px;
}


/***** DISPLAYOPTIONS *****/

.invisible { display:none }
.visible { display:block }