@charset "UTF-8";
/* CSS Document */
@import url(../../shared/css/shared.css);

/* --------------------------------------------------------------    
	Reset      
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;

}


body {
	font-size: 9pt; /* Resets 1em to 10px */
	

}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* --------------------------------------------------------------    
	Headings      
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {width:100%; float:left;}
h1 {font-size: 1.4em; ; margin-bottom:20px; font-weight:bold;}
h2 {font-size: 1.2em; ; font-weight:bold; margin-bottom:10px}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* --------------------------------------------------------------    
	Text Elements    
-------------------------------------------------------------- */

p {font-size:1.2em;  float:left; width:100%}
p img {float: left; margin:0px; padding:0px}
a { text-decoration:underline}
strong {font-weight: bold;}
em,dfn {font-style: italic;}
dfn {font-weight: bold;}
ol, li {line-height:2em;}

/* --------------------------------------------------------------    
	Tables      
-------------------------------------------------------------- */

table       {margin-bottom: 1.4em; width:100%; float:left}
th          {font-weight: bold;}
th,td       {padding: 4px 10px 4px 5px;}
tfoot       {font-style: italic;}


/* --------------------------------------------------------------    
	Misc Classes      
-------------------------------------------------------------- */

.small      {font-size:8px}
.highlight  {color:#ed135d}
.bold {font-weight:bold}
.red {color:#ed1848}
	
/* --------------------------------------------------------------    
	Container Elements      
-------------------------------------------------------------- */

html, body {height: 100%; width:100%;}

body {
	margin:0px;
	padding:0px;
	text-align:center;	
	background:#333;
	background-position:top left;
	font-family:"Helvetica Neue", Helvetica,  Arial, sans-serif;
	color:#333;
	}
a {color:  #333;}

.ie6 {position:absolute; top:0px; left:0px; width:100%; padding-top:20px; padding-bottom:20px; background:#333; text-align:center}

/* --------------------------------------------------------------    
	Text Column     
-------------------------------------------------------------- */


#container {width:100%; height:100%; float:left; }
#section-outline {width:100%; height:100%; float:left;}
#main-content {width:100%; height:100%; float:left; min-width:1000px;}
#section-top {position:relative; text-align:left; clear:both; width:300px; z-index:1; margin: 30px 0 0 50px;  padding:0;}
#section-top a {text-decoration:none;}
h1#title-site,
div#description-site { 
    display: none; 
}
#section-nav {position:relative; clear:both; margin: 0px 0 0 50px; width:200px; z-index:3000; font-size: 11pt;}
/*#section-nav {position:relative; clear:both; margin: 0px 0 0 50px; width:200px; z-index:1; font-size: 11pt;}*/

#container-nav {text-align:left; width:200px; float:left}
div#container-nav ul li.current_page_item {font-weight:bold;}	
#section-skip {display:none;}


#section-content {
	position: absolute;
	top:10%;
	left:250px;
	width: 70%;
	min-width:500px;
	height: 90%;
	padding: 0 0 0 5%;
	overflow: hidden;
}

#content-body {
	width: 70%;
	min-width: 500px;
	height: 70%;
	position: absolute;
	top: 0;
	margin-right:auto;
	margin-left:auto;
	background:#fff;
	overflow-y:auto;
	padding:30px;
	text-align:left;
	opacity:0.80;
	filter:alpha(opacity=80);
	z-index:1000;
	font-size:12px;
}



br.clear {
clear:both;
display:block;
height:1px;
margin:-1px 0 0;
}

#section-footer {width: 90%; position:fixed; bottom:15px; left:50px; text-align:left; font-size:12px; color:#fff;}
#section-footer-inside {clear:left;
margin:0 auto;
width:580px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; height:20px; background:url(../img/white-bg.png);}
#section-footer p {float:left; width:auto; font-size:12px; }
#section-footer form {float:left; width:auto; margin-left:30px;}
#section-footer legend {float:left}
#section-footer label {float:left}
#section-footer input, #headerWidget input {float:left; margin-left:10px; font-size:12px; border:0px; background:#fff; color:#333; opacity:0.8; filter:alpha(opacity=80);}

#time-display { text-align:right;  margin:0px}
#section-footer .submit {background:#fff; opacity:0.8;filter:alpha(opacity=80);color:#333; border:0px; padding:1.5px 3px; font-size:12px; }

#bg-music-player {position:absolute; top:12px; right:50px}

/* paypal */
.paypal-price {
	display: block;
	color: #333;
	text-align: center;
}
.paypal-add2cart-btn {
	display: block;
	padding: 1px;

}
.paypal-add2cart-btn a {
	text-align:left;
	text-decoration: none;

}
.paypal-add2cart-btn a:link,
.paypal-add2cart-btn a:visited {
	color: #333;
}
.paypal-add2cart-btn a:hover {
	text-decoration: underline;
}

.gallery-view-cart {
	clear:both;
	text-align: left;
}

.gallery-view-cart a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 9pt;
}

.gallery-view-cart a:hover {
	/*color: #333;*/
	text-decoration: underline;
}


/***** Forms *****/

form#contact-form {

}

form#contact-form input, form#contact-form textarea {margin-left:10px; font-size:9pt; border:0px;  color:#FFF; padding:2.5px;}


form dt {
	display:block;
    margin-top: 5px;
    color: #333;
}
form dd {
    margin-bottom: 5px;
	margin-left:-10px;
}
form input,
form textarea,
form inp-text inp-required {
    background:#333; color:#FFF;
	opacity:0.8;width:auto;
	filter:alpha(opacity=80);
	border:none;
}

form textarea{height:100px;}
form#contact-form a {
	text-decoration:none;
	color:#333;

}

form input.inp-text:focus,
form textarea:focus {
    color: #fff;
}
form dd.buttons {
    padding: 5px 0;
    vertical-align: middle;
}
form dd.buttons a {
    margin-left: 0px; padding: 3px 6px;
}
form dd.buttons a:link,
form dd.buttons a:visited,
form dd.buttons a:active {
    color: #333;
}
form dd.buttons a:hover {
    color: #333;
}