/*** SET MAIN BACKGROUND IMAGE AND SITE WIDE FONT ***/

body {
background: #262626 url(/images/bg-page.jpg) no-repeat center top; font: 85% "Century Gothic","Century",Arial,Tahoma,Verdana,sans-serif;
color: #333;}


/*** GLOBAL TYPOGRAPHY ***/

p {
line-height: 22px;
margin: 0 0 18px 0; }

p.description {    
font-size: 80%;
line-height: 16px;
margin-bottom: 8px; }

a {
color: #333;
outline: none; }

a:hover {
color: #ff66ff; }

h2 {
margin: 0 0 18px 0;
font-size: 200%; 
font-weight: normal;
color: #666; }

h3 {
color: #666;
font-size: 170%;
font-weight: bold;
position: absolute;
top: 125px;
left: 27px; }

h4 {
color: #999;
font-size: 150%;
font-weight: bold;
position: absolute;
top: 75px;
left: 80px; }

h5 {
color: #DA77C7;
font-size: 150%;
font-weight: bold; }

h6 {
color: #DA77C7;
font-size: 90%;
font-weight: bold;
margin-bottom: 8px; }


/*** HEADER WITH LOGO ***/

div#header {
margin: 5px auto 0 auto;
width: 960px;
height: 89px; }

h1#masthead {
float: left;
width: 178px;
height: 99px;
background: url(/images/logo.gif);
text-indent: -9999px; }

h1#masthead a {
display: block;
width: 178px;
height: 99px; }

h1#masthead a:hover {
background: none; }



/*** MAIN NAVIGATION (about,links,contact,etc.) ***/

ul#global-nav {
margin: 70px 0 0 0;
float: right;
overflow: hidden; }

ul#global-nav li {
display: inline; }

ul#global-nav a {
float: left;
margin-left: 8px;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */ }

ul#global-nav a:hover {
background-position: 0 -20px; }

ul#global-nav a:active, ul#global-nav a.selected {
background-position: 0 -40px; }

#styles a  {
width: 63px;
height: 20px;
background: url(/images/global-nav_styles.gif) top left no-repeat; }

#about a  {
width: 136px;
height: 20px;
background: url(/images/global-nav_about.gif) top left no-repeat; }

#contact a  {
width: 82px;
height: 20px;
background: url(/images/global-nav_contact.gif) top left no-repeat; }

#links a  {
width: 56px;
height: 20px;
background: url(/images/global-nav_links.gif) top left no-repeat; }

#blog a  {
width: 56px;
height: 20px;
background: url(/images/global-nav_blog.gif) top left no-repeat; }


/*** STYLES NAVIGATION ***/

ul#style-nav {
position: absolute;
top: 80px;
left: 27px;
display: inline; }

ul#style-nav li {
color: #999;
display: inline; }

ul#style-nav a {
color: #999;
font-size: 11px;
text-decoration: none; }

ul#style-nav a:hover {
color: #ff66ff; }

ul#style-nav a.on {
color: #666;
font-weight: bold; }



/*** SITE CONTAINER STARTS ***/

div#container {
position: relative;
margin: 0 auto;
text-align: left;
width: 960px;
height: 540px;
background: #fff;
border: 2px solid #FFCCFF; }

#checkout div#container {
min-height: 2500px;
height: 100%; }

div#thumbnails {
position: absolute;
top: 134px;
margin: 0 0 0 27px;
padding: 0;    
width: 500px;
overflow: auto;
white-space: no-wrap; 
height: 90px; 
}

div#thumbnails a:hover {
background-color: #fff; }

div#thumbnails img {
border: 1px solid #999;
margin: 0 10px 10px 0;
width: 65px;
height: 88px; }

div#thumbnails img.thisSuit {
border: 2px solid #ff66ff; }

#main-photo {
position: absolute;
bottom: 0;
right: 60px; }

#main-photo a:hover {
background: none; }

#style-info {
border: 1px solid #e1e1e1;
position: absolute;
top: 245px;
left: 27px;
padding: 15px;
width: 444px; }

#style-info li {
font-size: 80%;
color: #666; }

#style-info a {
color: #999;
text-decoration: none; }

#style-info a:hover {
color: #ff66ff; }

#style-info #cart {
margin-top: 15px; }

#style-info label {
display: block;
float: right;
width: 346px;
padding-top: 2px;
margin-bottom: 0; }

#style-info select {
display: block;
font: 11px Verdana,Arial,sans-serif;
margin-bottom: 5px;
padding: 1px; 
width: 90px; }

#style-info .submit {
border: none; 
width: 89px;
height: 28px;
margin-top: 10px; }


/** HOMEPAGE STUFF **/

div#home-slideshow {
position: absolute;
top: 40px;
left: 600px; }

div#home-styles {
position: absolute;
top : 135px;
left: 70px; }

div#home-styles ul {
float: left; }

div#home-styles li {
display : inline; }

div#home-styles a {
float: left;
width: 70px; 
height: 144px; }

div#home-styles a#home-brazilian {
background: url(/images/home-style1.jpg) no-repeat;
text-indent: -9999px; }

div#home-styles a#home-1piece {
background: url(/images/home-style2.jpg) no-repeat;
text-indent: -9999px; }

div#home-styles a#home-halter-string {
background: url(/images/home-style3.jpg) no-repeat;
text-indent: -9999px; }

div#home-styles a#home-halter {
background: url(/images/home-style4.jpg) no-repeat;
text-indent: -9999px; }

div#home-styles a#home-halter-sport {
background: url(/images/home-style5.jpg) no-repeat;
text-indent: -9999px; }

div#home-styles a#home-brazilian:hover,
div#home-styles a#home-1piece:hover,
div#home-styles a#home-halter-string:hover,
div#home-styles a#home-halter:hover,
div#home-styles a#home-halter-sport:hover {
background-position: -70px 0; }



/*** ABOUT PAGE ***/

div#graffinis-text {
position : absolute;
top : 109px;
margin : 0 0 0 109px;
width : 332px; }

div#graphic {
position : absolute;
top : 20px;
left : 639px; }



/*** CONTACT PAGE ***/
div#contact-form {
position: absolute;
top: 109px;
margin: 0 0 0 109px;
width: 450px; }

#contact-form label {
float: left;
text-align: right;
margin-right: 5px;
width: 100px; }

#contact-form input, #contact-form textarea {
width: 200px;
margin-bottom: 5px; }

#contact-form textarea {
width: 250px;
height: 90px; }

#contact-form #submit {
width: 90px;
margin-left: 105px;
margin-top: 5px; }

#contact-form br {
clear: left; }



/*** FOOTER ***/

div#footer {
text-align : center;
margin-top : .5em;
font-size : 80%;
color : #999; }

div#footer a {
color: #999; }


/*** PRIVACY AND SUCH ***/
#wide-text {
position : absolute;
top : 20px;
margin : 0 0 0 20px;
padding-right: 30px;
width: 900px;
height: 500px;
overflow: auto; }