@charset "utf-8";
/* CSS Document */

/* body and container */
body { padding: 0; margin: 0; background:#000 url(../images/bg-dark.jpg) top center;  text-align:center }

#container{ width:1200px; margin:0 auto; text-align:center;  }


/* top bar */
#topBar { background:url(../images/cB-top.jpg) no-repeat top center; height:130px}
#topBar h2 { line-height:120px;}
#topBar h2 b, #topBar h2 strong { color:#fff}
/* -----------------------  */


/* header  */
#header { background:url(../images/bg-header.gif) repeat-x top left; height:580px; position:relative; z-index:0}
#header a { color:#ffc7c7; font-size:14px}
#header a:hover { color:#fff;}

#header-content { width:1200px; margin:0 auto; position:relative; z-index:70}

#menu { height:50px; position: absolute; z-index:30; overflow:hidden;  top:0; width:100% ; left:0}
#bg-header-top { background:url(../images/bg-header-top.png) no-repeat top center; height:580px; width:100%; position:absolute; z-index:20; top:0; left:0}
#slider-wrapper { height:540px; width:100%; position:absolute; z-index:15; top:51px; left:0}

/* -----------------------  */

/*  menu */
ul#nav { margin:0; padding:0; list-style-type:none; width:1200px;  margin:0 auto; }
ul#nav li{ margin:0; padding:0; list-style-type:none; float:left; display:block; height:50px;     }
ul#nav li a {  text-indent:-9999em; height:50px; display:block; float:left; background:url(../images/nav.gif) no-repeat top left; text-indent:-9999em}
ul#nav li a.home { background-position: 0 0; width:102px;}
ul#nav li a.home:hover { background-position: 0 -50px}
ul#nav li a.photos { background-position: -102px 0; width:116px;}
ul#nav li a.photos:hover { background-position: -102px -50px}
ul#nav li a.videos { background-position: -218px 0; width:116px;}
ul#nav li a.videos:hover { background-position: -218px -50px}
ul#nav li a.members { background-position: -885px 0; width:108px;}
ul#nav li a.members:hover { background-position: -885px -50px}
ul#nav li a.bookmark { background-position: -993px 0; width:115px;}
ul#nav li a.bookmark:hover { background-position: -993px -50px}
ul#nav li a.join { background-position: -1108px 0; width:92px;}
ul#nav li a.join:hover { background-position: -1108px -50px}
/* -----------------------  */


/* index page header and slider */
body#main #header { background:url(../images/bg-header.gif) repeat-x top left; height:720px; position:relative; z-index:0}
body#main #bg-header-top { background:url(../images/bg-header-top.png) no-repeat top center; height:720px; width:100%; position:absolute; z-index:20; top:0; left:0}
body#main #slider-wrapper { height:669px; width:100%; position:absolute; z-index:10; top:51px; left:0}


/* block styles */
.content { width:1200px; margin:0 auto; position:relative; z-index:0}
.bar { background:url(../images/bar.png) no-repeat top center; height:140px; width:100%; position:absolute;  z-index:170; bottom:-54px; left:0; overflow:hidden}


#welcome { background:url(../images/bg-welcome.jpg) no-repeat top center; height:867px;}
#welcome .content p.text { padding:0; margin:0; text-align:center; width:650px; position:absolute; z-index:1; top: 245px; left:10px; letter-spacing:-1px;}
#trailer { width:640px; height:360px; position: absolute; z-index:1; top:378px; left:12px}


#pictures { background:url(../images/bg-light.jpg) top center; position:relative; z-index:0}
#bg-pics-top { background:url(../images/bg-pics-top.jpg) no-repeat top center; text-align:center; width:100%; height:148px}
#bg-pics-bottom { background:url(../images/bg-pics-bottom.png) repeat-x bottom center; height:25px; position:absolute; bottom:0; left:0; z-index:1; width:100%}
	
ul#pictures-wrapper { margin:0; padding:0; list-style-type:none; width:1130px; margin:0 auto; padding:0 0 0 70px; display:block}
ul#pictures-wrapper li{ margin:0; padding:0; list-style-type:none; color:#2a2a2a; float:left; width:268px; text-align:left; display:block; font-size:14px; padding:5px 0 }
ul#pictures-wrapper li h1 { font-size:24px; color:#5a2129; margin:0; padding:0; }
ul#pictures-wrapper li img { border:3px solid #fff; box-shadow:#b6b8ad 0px 2px 5px; margin:5px 0 0 0 }
ul#pictures-wrapper li img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}


#pictures-wrapper { background:none}
#pictures-wrapper table td { margin:0; padding:0; list-style-type:none; color:#2a2a2a; width:268px; text-align:left; font-size:14px; padding:5px 0 }
#pictures-wrapper table td h1 {  font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5a2129; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px;}
#pictures-wrapper table td img { border:3px solid #fff; box-shadow:#b6b8ad 0px 2px 5px; margin:5px 0 0 0 }
#pictures-wrapper table td img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}

ul#videos-wrapper2 { margin:0; padding:0; list-style-type:none; margin:0 auto; padding:0 0 0 70px; display:block}
ul#videos-wrapper2 li{ margin:0; padding:0; list-style-type:none; color:#2a2a2a; float:left; width:268px; text-align:left; display:block; font-size:14px; padding:5px 0 }
ul#videos-wrapper2 li h1 { font-size:24px; color:#5a2129; margin:0; padding:0; }
ul#videos-wrapper2 li img { border:3px solid #fff; box-shadow:#b6b8ad 0px 2px 5px; margin:5px 0 0 0 }
ul#videos-wrapper2 li img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}


#videos-wrapper2 { background:none}
#videos-wrapper2 table td { margin:0; padding:0; list-style-type:none; color:#2a2a2a; width:268px; text-align:left; font-size:14px; padding:5px 0 }
#videos-wrapper2 table td h1 {  font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5a2129; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px;}
#videos-wrapper2 table td img { border:3px solid #fff; box-shadow:#b6b8ad 0px 2px 5px; margin:5px 0 0 0 }
#videos-wrapper2 table td img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}




.added, .amount  {  line-height:22px; padding-left:25px; color:#2a2a2a; font-size:12px  }
.added  { background:url(../images/ico-added.gif) no-repeat center left; margin-right:3px}
.amount { background:url(../images/ico-amount.gif) no-repeat center left;}


#videos { background:url(../images/bg-dark.jpg) top center; }
#videos-top { background:url(../images/bg-videos.jpg) no-repeat top center}
#videos .content { padding-top:463px}
#videos .content p.text { padding:0; margin:0; text-align:center; width:440px; position:absolute; z-index:1; top: 325px; right:150px; letter-spacing:-1px;}
#videos-wrapper { text-align:center;}
#videos-wrapper img { margin:5px; border:3px solid #777}
#videos-wrapper img:hover { border:3px solid #575b61}


#bottom { background:url(../images/bg-bottom.jpg) no-repeat top center; position:relative; z-index:0  }
#bottom-top { background:url(../images/bg-bottom-top.png) no-repeat top center; height:60px}
#bottom .content p.text { padding:0; margin:0; text-align:center; width:460px; position:absolute; z-index:1; top: 180px; right:30px; letter-spacing:-1px;}
/* -----------------------  */



/* warning page  */
#warning-content { background:url(../images/bg-cb-warning.jpg) no-repeat top center; width:540px; height:750px; margin:0 auto; font-size:13px;  padding:0 40px 0 504px}
#warning-content h2 { color:#373c3e}
#warning-content h2 b, #warning-content h2 strong { color:#8d1e02}
#warning-content p { padding:0; margin:10px 0}
/* -----------------------  */



/* footer  */
#footer { background:#fff; text-align:center; padding:100px 0 50px 0; font-size:14px; color:#35373c; position:relative; z-index:10; }
#footer div.bar { top:-53px; left:0; overflow:hidden; z-index:10 }
#footer a{ font-size:14px; margin:0 5px}

/* -----------------------  */

body#warning #contentArea { width:1152px; margin:0 auto 200px; padding:0px; background:none }
.warningBox { background:#000 url(../images/pic-warning.jpg) no-repeat top left; height:560px; padding:20px 20px 20px 544px; font-size:12px; margin-bottom:20px}

#contentArea { width:1120px; margin:0 auto 80px; padding:60px 0px;  background:url(../images/bg-dardarkBG-light.png) no-repeat center top }
.contentBox { background:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  box-shadow:#cae38a 0px 0px 15px; color:#000; margin:15px; padding:20px}


/* Join Page */
#contentBlock-join { width:1040px; margin:0 auto; padding:0 40px;  text-align:center;  background:url(../images/join-bg-content.jpg) repeat-y top center;  }

ul#features { margin:0; padding:0; list-style-type:none; position:absolute; z-index:100; top:269px; left:75px;}
ul#features li{ margin:0; padding:0; list-style-type:none; line-height:22px; height:46px; color:#fff; text-shadow:#000 3px 3px 3px; text-align:left}


#links { padding:0; margin:0; text-align:center; line-height:20px; position:absolute; z-index:120; top:570px;  width:456px; right:60px; display:block}
#links  a { text-decoration:none}




.input, .input2 { position:absolute; right:90px;    z-index:50; display:block; width:388px; height:78px; color:#fff; font-size:24px; font-weight:bold;  text-align: center; background:none; border:0 none; cursor:pointer }
.input:hover, .input2:hover { text-decoration:underline}

.input { top:293px;}
.input2 {  top:388px;}

/* -----------------------  */


/* align */
.align-center{ text-align:center}
.align-left{ float:left}
.align-right{ float:right}
.clear{ clear:both}



/* forms */
form, input, select{ margin:0; padding:0}

input[type="radio"] { margin:5px; }



/* text styles and headings */
body, td, div, input, textarea, table, tr, span{font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;}
h1{ font: normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffc7cf; text-decoration:none ; margin:0; padding:0; letter-spacing:-2px; }
h2{ font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffc7cf; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px }
h3{ font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffc7cf; text-decoration:none ; margin:0; padding:0; letter-spacing:0; }
h4{ font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffc7cf; text-decoration:none ; margin:0; padding:0; letter-spacing:0; }





p{ margin:0; padding:10px 0}

/* text colors */
.text-pinky{ color:#ffc7cf}
.text-white{ color:#fff}
.text-black { color:#373c3e}
.text-red{ color:#965159}



/* text sizes */
.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt14{ font-size:14px;}
.uppercase { text-transform:uppercase}


/* links */
a {font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #cf909b; text-decoration:underline}
a:hover { color:#69c0dc; text-decoration:none }
a img{ border:0}