/* 
Theme Name: Project Magic
Version: 1.0
Author: Fuzzco
Author URI: http://www.fuzzco.com
*/

/* $typography & colors
------------------------------------------------

"din-condensed-web"	Regular (400)
"ff-tisa-web-pro"	Regular (400)	Bold (700)
	
black	#424039
brown	#7C5531
green	#47746F
blue	#4F799E
pink	#A04E6C
											  */

/* $reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* $global
--------------------------------------------- */
body {	
	font-family: "garamond-premier-pro-display", Georgia, Times, serif;
	font-size:18pt;	
	
	line-height: 20pt;
	letter-spacing:1px;
	background: #FFF;
	color: #333;
	-webkit-text-size-adjust: none;
	z-index:1;
	}
form{
	line-height:1;
}
em {
	font-style: italic;
	}
strong {
	font-weight: 700;
	}
img,
embed,
object,
video {
	max-width: 100%;
	}
a {
	outline: none;
	}
a:link,
a:visited {
	text-decoration: none;
	color: #EA423A;
	}
a:hover{
	color:#bb1c14;
}
p {
	margin-bottom: 20px;
	}
h1 {
	font-family:"futura-pt";
	text-transform: uppercase;
	font-size: 48px;
	line-height: 56px;
	letter-spacing: 10px;
	padding-bottom:75px;
	}
h2 {
	font-size: 36px;
	line-height: 44px;
	}
h3 {
	font-family:"futura-pt";
	text-transform: uppercase;
	font-size: 10pt;
	line-height: 10pt;
	text-decoration: underline;
	width:100%;
	display:inline-block;
	padding-bottom:20px;
	letter-spacing:2px;
	font-weight:500;
	}
h4 {
	font-size: 27px;
	line-height: 35px;
	}
h5 {
	font-size: 24px;
	line-height: 32px;
	}
h6 {
	font-size: 18px;
	line-height: 26px;
	}
::selection {
	background: #333;
	color: #E5E5E5;
	}
::-moz-selection {
	background: #333;
	color: #E5E5E5;
	}
*:focus {
	outline: none
	}
.clear:before,
.clear:after {
    content: "";
    display: table;
	}
.clear:after {
    clear: both;
	}
.clear {
    zoom:1;
	}
::-webkit-input-placeholder {}
:-moz-placeholder {}
input[type=text],
input[type=submit] {
	-webkit-appearance: none;
	}
input, textarea, select, option{
	font-family:"garamond-premier-pro-display";
	font-size:14pt;
}
.tame {
	width: 992px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	}
	
/* CLEARFIX */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
	
/* PROJECT MAGIC SPECIFIC */

.wrapper{
	width:990px;
	margin:0 auto;
	z-index:2;
}

.break{
	margin:75px 0px;
	border-bottom:1px solid #C2C4C5
}

.header{
	background:#fff;
	width:100%;
	height:163px;
	position:absolute;
	text-align:center;
	padding: 20px 0 0;
	border: none!important;
	box-shadow: inset 0 -1px 0 1px #FFF;
	z-index:9999;
}

.logo{
	width:414px;
	margin:0 auto;
	width: 592px;
	margin: -30px auto -59px auto;
}
	.logo img {
		height: 192px;
	}

.navigation{
	background:#fff;
	width:100%;
	border-top:1px solid #C2C4C5;
	border-bottom:1px solid #C2C4C5;
	padding:19px 0px 11px;
}

.navigation .wrapper{
	text-align:center;
	width:990px;
}

.navigation ul{
  list-style:none;
  padding:0;
  text-align:center;
  margin:0 auto;
  display:inline-block;
}

.navigation ul li{
	display:inline;
	float:left;
	text-transform: uppercase;
	padding:0px 40px;
}

.navigation ul li a{
	color:#000;
	font-family:"futura-pt";
	font-weight:400;
	letter-spacing:2px;
	font-size:10pt;
	display:inline-block;
  
}

.navigation ul li a:hover{
	color:#bb1c14;
}

.navigation ul li a.active{
	color:#bb1c14;
}

a.twitter-black{
	background-image:url(-/img/social-icons.png);
	background-position:0px -24px;
	width:17px;
	height:14px;
	display:block;
	text-indent:-9999px;
}

a.twitter-black:hover{ 
	background-position:0px -120px;
}

a.twitter-white{
	background-image:url(-/img/social-icons.png);
	background-position:0px -72px;
	width:17px;
	height:14px;
	display:inline-block;
	text-indent:-9999px;
}

a.twitter-white:hover{
	background-position:0px -168px;
}

a.facebook-black{
	background-image:url(-/img/social-icons.png);
	background-position:0px 0px;
	width:8px;
	height:14px;
	display:block;
	text-indent:-9999px;
}

a.facebook-black:hover{ 
	background-position:0px -96px;
}

a.facebook-white{
	background-image:url(-/img/social-icons.png);
	background-position:0px -48px;
	width:8px;
	height:14px;
	display:inline-block;
	text-indent:-9999px;
}

a.facebook-white:hover{ 
	background-position:0px -144px;
}

.headline{
	
	text-align: center;
	color:#58595B;
	padding:50px 0px;
	font-weight:300;
	font-size:42pt;
	line-height:60pt;
	padding-top:235px;
}

.headline .wrapper{
	width:900px;
}

.video .wrapper{
	line-height:0;
	text-align:center;
	position:relative;
}

.sub-headline{
	color:#58595B;
	padding:50px 0px;
	font-weight:300;
	font-size:20pt;
	line-height:24pt;
	letter-spacing:1px;
}

.sub-headline .wrapper{
	width:820px;
}

.main-content{
	
}

.main-content .wrapper{
	width:820px;	
}

.main-content .wrapper .columns div{
	float:left;
	width:397px;
}

.main-content .wrapper .columns .right-column{
	padding-left:25px;
}

/* HISTORY */

.history{
	
}

.history .wrapper{
	width:800px;
}

.history .wrapper .row .columns > div {
	float:left;
	width:400px;
}

.history .wrapper .quote{
	color:#EA423A;
	font-family:"futura-pt";
	font-size:16pt;
	line-height:24pt;
	letter-spacing:5px;
	text-transform: uppercase;
	padding:25px 0px;
}

.history .wrapper .row .columns .left-column{
	position:relative;
}

/* Moving Parts Animation */
.wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
	}
.movable-parts {
	position: relative;
	}
.movable-parts.one {
	height: 560px;	
	}
.movable-parts.two {
	height: 260px;	
	}
.history-top-text {
	margin-left: 415px;
	margin-top: 0;
	width: 385px;
	font-size: 23px;
	}
.history-middle-text {
	margin-left: 415px;
	margin-top: 270px;
	width: 385px;
	font-size: 23px;
	}
.history-bottom-text {
	margin-left: 415px;
	margin-top: 0px;
	width: 385px;
	font-size: 23px;
	}
.history-image,
.movable-part {
	position:absolute;
	top: 0;
	left: 0;
}

#history-image-1 {
	margin-top: 0;
	margin-left: 0;
	width: 385px;
}

#history-image-2{
	margin-top: 275px;
	margin-left: 0;
	width: 385px;
}

#history-image-3{
	top:0px;
	left:0px;
	width: 385px;
}

/* TRICKS */

.tricks{
	
}

.tricks .wrapper{
	width:780px;
}

.tricks .wrapper .main-window{
	width:780px;
	position:relative;
	background-color:black;
	margin-bottom: 50px;
}

.tricks .wrapper .main-window .player{
	padding:0;
}

#trick-holder{
	background-color:white;
	min-height:426px !important;
	color:#58595B;
	line-height:0;
}

#trick-holder .columns{
	line-height:normal;
}

#trick-holder img{
	display:block;
}

.tricks .wrapper .main-window #video{
	display:none;
}

.tricks .wrapper .main-window #more-info{
	display:none;
}

.tricks .wrapper .main-window #more-info{
	display:none;
}

.tricks .wrapper .main-window .info{
	font-family:"futura-pt";
	font-size:16pt;
	text-transform: uppercase;
	padding:10px;
	border-top:1px solid #85878A;
	background-color:white;
}

.tricks .wrapper .main-window .info .title{
	float:left;
	margin-top:9px;
	width:500px;
}

.tricks .wrapper .main-window .info .title p{
	margin:0;
}

.tricks .wrapper .main-window .info .button{
	float:right;
}

#trick-gallery{
/* 	padding-top:50px; */
/* 	margin-top:20px; */
}

#trick-gallery .video{
	float:left;
	padding-right:43px;
	padding-bottom:30px;
	opacity:0.25;
	cursor:pointer;
	width:230px;
	height:150px;
}

#trick-gallery .video.active{
	opacity:1;
}

.tricks .wrapper .gallery .video img{
	padding-bottom:10px;
}

.tricks .wrapper .gallery .video .title{
	font-family:"futura-pt";
	font-size:10pt;
	text-transform: uppercase;
}

#trick-gallery .video .more-info{
	display:none;
}

#trick-gallery .video .video-data{
	display:none;
}

#trick-holder .columns .{
	float:left;
	width:350px;
}

#trick-holder .columns .left-column{
	float:left;
	width:480px;
	padding:50px 25px;
}

#trick-holder .columns .left-column .gallery .image{
	float:left;
	padding-right:30px;
}

#trick-holder .columns .right-column{
	float:left;
	width:200px;
	padding:50px 25px;
	font-size:11pt;
}

#trick-holder .columns .right-column ul {
	list-style: disc;
	padding-left:15px;
}

#trick-holder .columns .right-column ul li{
	padding-bottom:8px;
}

#toggle-trick-info{
	background-image:url(-/img/learn-more.png);
	width:154px;
	height:34px;
	display:inline-block;
	text-indent:-9999px;
	background-position:0px 0px;
}

#toggle-trick-info:hover{
	background-position:0px -44px
}

/* GET INVOLVED */

.get-involved{
	padding-bottom:75px;
}

.get-involved .wrapper{
	width:850px;
}

.get-involved .wrapper .columns{
}

.get-involved .wrapper .columns .left-column{
	float:left;
	width:397px;
}

.get-involved .wrapper .columns .right-column{
	float:left;
	margin-left:111px;
	width:316px;
	height:425px;
}

.get-involved .wrapper .columns .right-column .border{
	position:relative;
	width:316px !important;
}

.get-involved .wrapper .columns .right-column .border .inner{
	
}

.get-involved .wrapper .columns .right-column .form{
	padding:15px 15px 4px 15px;
	visibility: visible;
	background:white;
	width:286px;
	height:406px;
	position:relative;
}	

.get-involved .wrapper .columns .right-column .form button{
	background: url(-/img/submit-button.png) no-repeat scroll 0 0 transparent;
	background-position:0px 0px;
  cursor: pointer;
  font-weight: bold;
  height: 35px;
  padding-bottom: 10px;
  width: 99px;
  border:0;
  float:right;
  margin-right:8px;
}

.get-involved .wrapper .columns .right-column .form button:hover{
	background-position:0px -45px;
}

#get-involved-thank-you{
	display:none;
	height:406px;
}

.get-involved .wrapper .columns .right-column .thank-you{
	color:#EA423A;
	text-align:center;
	padding-top:146px;
}
.get-involved .wrapper .columns .right-column .thank-you .top{
	border-top:1px solid #EA423A;
	border-bottom:1px solid #EA423A;
	font-family:"futura-pt";
	text-transform: uppercase;
	font-size:30pt;
	letter-spacing: 4px;
	padding:15px 0px;
	width:280px;
	margin-bottom:25px;
	margin-left:18px;
}

.get-involved .wrapper .columns .right-column .thank-you p{
	padding:0;
}


label{
	font-family:"futura-pt";
	font-size:10pt;
	text-transform: uppercase;
	padding:10px 0px 10px 3px;
	display:inline-block;
}

.get-involved select{
	border:1px solid #848689;
	background: transparent;
	width: 285px;
	overflow: hidden;
	background: url(-/img/select-arrow-dark.png) no-repeat right #fff;
	line-height: 1;
	border-radius: 0;
	height: 28px;
	-webkit-appearance: none;
	padding-left:5px;
}

input[type="text"]{
	border:1px solid #848689;
	padding:5px;
	border-radius:0;
}

.get-involved textarea{
	border:1px solid #848689;
	width:278px;
	height:100px;
	border-radius:0;
}
.get-involved .wrapper .form .text-field {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.get-involved .wrapper .columns .right-column .form .names{
	width:100%;
}

.get-involved .wrapper .columns .right-column .form .first-name{
		float:left;
		width:130px;
}	

.get-involved .wrapper .columns .right-column .form .last-name{
		float:left;
		width:130px;
		padding-left:18px;
}	

.get-involved .wrapper .columns .right-column .form .first-name input, .get-involved .wrapper .columns .right-column .form .last-name input{
	width:125px;
}

.get-involved .wrapper .columns .right-column .form .email{
	width:273px;
}

.get-involved .wrapper .columns .right-column .form .message{
	width:100%;
}

.get-involved .wrapper .columns .right-column .form .email input{
	display:inline-block;
	width:100%;
}

.get-involved .wrapper .columns .right-column .form .submit {
	width:100%;
	padding:10px 0px;
	height:35px;
	padding-left:6px;
}

.get-involved .wrapper .columns .right-column .form .submit input{
	float:right;
}

/* THE BOOK */

.book{
	padding-top:75px;
	padding-bottom:75px;
	background:#000;
	color:#fff;
	border-bottom:1px solid #C2C4C5;
}

#book{
}

.book .wrapper{
	width:850px;
}

.book .wrapper h1{
	color:#C2C4C5;
}

.book .wrapper .columns .left-column{
	width:430px;
	float:left;
}

.book .wrapper .columns .left-column .main-window{
	padding-bottom:28px;
}

.book .wrapper .columns .left-column .gallery .image{
	float:left;
	padding-right:28px;
	padding-bottom:28px;
	opacity:0.25;
	cursor:pointer;
}

.book .wrapper .columns .left-column .gallery .image.active{
	opacity:1;
}

.book .wrapper .columns .right-column{
	padding-left:25px;
	width:395px;
	float:left;
}

.book .wrapper .columns .right-column .purchase{
	padding-top:25px;;
}

.book .wrapper .columns .right-column .purchase .price{
	float:left;
	line-height:25pt;
}

.book .wrapper .columns .right-column .purchase .button{
	float:right;
	padding-right:85px;
}	

/* PURCHASE */

#purchase{
	color:#fff;
	text-align:left;
	display:none;
}

#purchase .required{
	font-family:"futura-pt";
	text-transform: uppercase;
	font-size:10pt;
	padding:15px 0px 30px 0px;
	letter-spacing: 2px;
}

#purchase .purchase-form{

}

#purchase .columns{
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#purchase .columns .left-column{
	float:left;
	width:550px;
	border-right:1px solid white;
	padding:15px 0px 0px 0px;
}

#purchase .columns .left-column .billing{
/* 	border-bottom:1px solid white; */
}

/* 

	Upon showing the .shipping div below, we need to add a bottom border to:
	
	.billing
	.payment-info

*/

#purchase .columns .left-column .shipping{
	padding:25px 0px 25px 0px;
	display:none;
}


#purchase .columns .right-column{
	float:left;	
	width:280px;
	padding:0;
}

#purchase .columns .right-column .payment-info{
/* 	border-bottom:1px solid white; */
	padding:15px 0px 15px 15px; 
}

#purchase select{
	border:1px solid #848689;
	background: transparent;
	width:50px;
	overflow: hidden;
	background: url(-/img/select-arrow-dark.png) no-repeat right #fff;
	line-height: 1;
	border-radius: 0;
	height: 28px;
	-webkit-appearance: none;
	padding-left:5px;
	height:26px;
}

#purchase input{
	height:16px;
	background-color:#333333;
	border:0;
	color:#848689;
}

#purchase input:focus{
	height:16px;
	background-color:#fff;
	border:0;
	color:black;
}

#purchase select{
	color:#848689;
	background-color:#333333;
	border:0;
}

#purchase .title{
	float:left;
}

#purchase .title select{
	width:70px;
}

#purchase .first-name{
	float:left;
	padding-left:10px;
}

#purchase .first-name input, #purchase .last-name input{
	width:210px !important;
}

#purchase .last-name{
	float:left;
	padding-left:10px;
}

#purchase .address input{
	width:521px !important;
}

#purchase .city, #purchase .state, #purchase .zip, #purchase .country {
	float:left;
}

#purchase .city input{
	width:160px !important;
}

#purchase .country {
	padding-left: 10px;
}
#purchase .country select{
	width: 130px !important;
}

#purchase .state{ padding-left:10px; }
#purchase .state input,
#purchase .state select{
	width:95px !important;
}

#purchase .zip{ padding-left:10px; }
#purchase .zip input{
	width:84px !important;
}

#purchase .email, #purchase .confirm-email{float:left;}

#purchase .email{padding-right:10px;}

#purchase .email input, #purchase .confirm-email input{width:250px !important;}

#purchase .ship-to-different-address{
	display:inline-block;
	font-family:"futura-pt";
	text-transform: uppercase;
	font-size:10pt;
	padding:25px 0px;
}

#purchase .ship-to-different-address input{
float:left;
	width: 15px;
  height: 15px;
  background: white;
}

#purchase .ship-to-different-address div{
	line-height:15pt;
	float:left;
	padding-left:10px;
}

#purchase .card-type select{
	width:200px;
}

#purchase .card-number input{
	width:268px;
}

#purchase .name-on-card input{
	width:268px;
}

#purchase .expiration-date{
	width:100%;
}

#purchase .expiration-date select.month{
	float:left;
	width:190px;
}

#purchase .expiration-date select.year{
	margin-left:10px;
	float:left;
	width:65px;
}

#purchase .verification-code input{
	width:100px;
}

#purchase .purchase-section{
	border-bottom:1px solid white;
	padding:10px 0px;
}

#purchase .purchase-section .qty{
	float:left;
}

#purchase .purchase-section .qty input{
	width:30px;
	text-align:center;
}

#purchase .purchase-section .multiplier{
	float:left;
	font-family:"futura-pt";
	font-size:10pt;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding:41px 20px 0px 20px;
}

#purchase .purchase-section .grand-total{
	float:left;
}

#purchase .purchase-section .refresh{
	float:left;
	font-family:"futura-pt";
	font-size:10pt;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding:41px 20px 0px 20px;	
}

#purchase .purchase-section .refresh a{
	text-decoration: underline;
}

#purchase .purchase-section .purchase-button{
	padding-top:12px;
	float:right;
	padding-bottom:12px;
}

#purchase .purchase-section .purchase-button input{
	height:56px;
}

#purchase .purchase-section .purchase-button button{
	background: url(-/img/place-order-button.png?v=1) no-repeat scroll 0 0 transparent;
  cursor: pointer;
  font-weight: bold;
  height: 56px;
  padding-bottom: 10px;
  width: 298px;
  border:0;
}

#purchase .purchase-section .purchase-button button:hover{
	background-position:0px -66px;
}

#purchase .loading{
	padding:27px 24px 0px 0px;
	float:left;
	display:none;
}

#toggle-purchase{
	background-image:url(-/img/purchase-button.png);
	background-position:0px 0px;
	width:184px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

#toggle-purchase:hover{
	background-position:0px -45px;
}


/* ERRORS */
.payment-errors{
	padding:25px 0px;
	color:#F15C4B;
	display:none;
}

input.error, select.error {
	background: #EA423A !important;
}

/* THANK YOU */

#thank-you{
	display:none;
	border-bottom:1px solid white;
}

#thank-you .border{
	position:relative;
	margin-bottom:25px;
}

#thank-you .border .inner{
	width:100%;
	text-align:center;
	padding:75px 0px 50px 0px;
	position:relative;
}

#thank-you .back{
	float:right;
	padding:20px 0px 50px 0px;
}

#thank-you h1{
	font-family:"futura-pt";
	font-size:75pt;
	text-transform: uppercase;
	color:white;
	padding-bottom:50px;
}

#thank-you p{
	padding:0;
}

#back-button{
	background-image:url(-/img/back.png?v=1);
	background-position:0px 0px;
	width:258px;
	height:34px;
	display:inline-block;
	text-indent:-9999px;
}

#back-button:hover{
	background-position:0px -44px;
}

/* FOOTER */

.footer{
	padding:75px 0px;
	background:#000;
	color:#fff;
	font-size:10pt;
}

.footer .wrapper{
	width:820px;
	text-align:center;
	position:relative;
}

.footer .wrapper .inner{
	padding:15px;
}

/* BORDERS */
/* Gray */
.borders-gray .top{
	position:absolute;
	height:7px;
	width:100%;
	top:-7px;
	background-image:url(-/img/border_piece_gray_horizontal.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-gray .top-right{
	position:absolute;
	width:7px;
	height:7px;
	top:-7px;
	right:-7px;
	margin-left:-7px;
	background-image:url(-/img/border_gray_top_right.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.borders-gray .right{
	position:absolute;
	width:7px;
	height:100%;
	right:-7px;
	background-image:url(-/img/border_piece_gray_vertical.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-gray .bottom-right{
	position:absolute;
	width:7px;
	height:7px;
	right:-7px;
	bottom:-7px;
	background-image:url(-/img/border_gray_bottom_right.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.borders-gray .bottom{
	position:absolute;
	height:7px;
	width:100%;
	bottom:-7px;
	background-image:url(-/img/border_piece_gray_horizontal.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-gray .bottom-left{
	position:absolute;
	width:7px;
	height:7px;
	bottom:-7px;
	left:-7px;
	background-image:url(-/img/border_gray_bottom_left.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
	
.borders-gray .left{
	position:absolute;
	width:7px;
	height:100%;
	left:-7px;
	background-image:url(-/img/border_piece_gray_vertical.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-gray .top-left{
	position:absolute;
	width:7px;
	height:7px;
	left:-7px;
	top:-7px;
	background-image:url(-/img/border_gray_top_left.png);
	background-repeat:no-repeat;
	background-position:left top;
}

/* White */
.borders-white .top{
	position:absolute;
	height:7px;
	width:100%;
	top:-7px;
	background-image:url(-/img/border_piece_white_horizontal.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-white .top-right{
	position:absolute;
	width:7px;
	height:7px;
	top:-7px;
	right:-7px;
	margin-left:-7px;
	background-image:url(-/img/border_white_top_right.png);
	background-repeat:repeat;
	background-position:right top;
}

.borders-white .right{
	position:absolute;
	width:7px;
	height:100%;
	right:-7px;
	background-image:url(-/img/border_piece_white_vertical.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-white .bottom-right{
	position:absolute;
	width:7px;
	height:7px;
	right:-7px;
	bottom:-7px;
	background-image:url(-/img/border_white_bottom_right.png);
	background-repeat:repeat;
	background-position:right bottom;
}

.borders-white .bottom{
	position:absolute;
	height:7px;
	width:100%;
	bottom:-7px;
	background-image:url(-/img/border_piece_white_horizontal.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-white .bottom-left{
	position:absolute;
	width:7px;
	height:7px;
	bottom:-7px;
	left:-7px;
	background-image:url(-/img/border_white_bottom_left.png);
	background-repeat:repeat;
	background-position:left bottom;
}
	
.borders-white .left{
	position:absolute;
	width:7px;
	height:100%;
	left:-7px;
	background-image:url(-/img/border_piece_white_vertical.png);
	background-repeat:repeat;
	background-position:left top;
}

.borders-white .top-left{
	position:absolute;
	width:7px;
	height:7px;
	left:-7px;
	top:-7px;
	background-image:url(-/img/border_white_top_left.png);
	background-repeat:repeat;
	background-position:left top;
}
	
/* $hd support
--------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
}