/*
Name:
Date: 
Coder: Ace_luffy
Author URI: http://www.creationcrew.com/
*/
/******************* Body *******************/


a:link, a:visited  { color: #bb3030; text-decoration: none; }
a:hover, a:active  { color: #881010; text-decoration: underline; }
.clear
{
	clear:both;
}
ul {
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
}



body {
	margin:auto;
	background-color:black;
line-height:145%;
	cursor:default


}

#container {
width:1150px;
text-align:center;
margin-left:auto; 
margin-right:auto;
background-color:#fff;
min-height:100%;
}
#holder {
min-height:100%;
text-align:left;
margin-left:auto; 
margin-right:auto;
background: #00052b url('./images/bg_out.jpg') no-repeat center top;
min-width: 100%;
display: table;

}
bgstatic { }


.space { height:20px; width:100%;}
.space1 { height:10px; width:100%;}
.space2 { height:27px; width:100%;}
.space3 { height:50px; width:100%;}


/********index********/



/********header********/

#header-wrapper  { width: 100%; height: 38px; margin: 0 auto;  }
#header  { width: 1150px; height: 79px; margin: 0 auto; background: url("images/header_bg.png") no-repeat top center;  margin:0 auto;
 margin-left:0px; z-index:100;  }
#header-c {width: 1150px; margin:0 auto; position:absolute; }
#logo  { float:left; padding-left:10px; padding-right:100px;}
#ads  { float: left; padding-left:10px;}
#ads2  { float: left; margin:0px 1px 10px 0px; }

.floatingHeader {  position: fixed;   top: 0;  visibility: hidden; display:block}
/********topmenu********/

#topmenu  { width: 1150px; height: 38px; text-align: center; margin: 0 auto; background:url("images/top_nav.jpg") repeat-x;  }
#topmenu a:link, #topmenu a:visited { }
#topmenu a:hover, #topmenu a:active  { }

#topmenu #topmenubuttons {width: 876px; 30px; float:left; background:  }
#topmenu #header-box-search  { width: 248px; height: 32px; float: left;padding-left: 0px; margin: 3px 0 0 0;    }

#topmenu #searchform-field-white  { padding-left:10px; color:#fff ;width: 214px; height: 32px; float: left;  background: #fff;  background: url("./images/search_bar.jpg");background-repeat: no-repeat; border: none; color:#fff }


.searchform-submit  { width: 24px; height: 25px; padding-top:10px; margin: 0 0 13px 0; float: left; background: url("./images/search_b.jpg") top left no-repeat; color: #fff; border: none;  cursor: pointer; }


.alliaces ul{ position: relative; padding: 7px 7px; overflow: hidden; text-align: center;  }
.alliaces .base{ float: left; padding-top:4px; padding-left:10px; margin-right: 2px; list-style: none; color:#fff ; font: 700 12px Tahoma, Arial, sans-serif; margin: 7px 7px; text-decoration: none; outline: none; text-align: center; top: 7px; text-transform: none; letter-spacing: 0; z-index: 10; display: block; }
.alliaces li a { padding-top:4px; text-decoration: none; color: #fff; outline: none; text-align: center; top: 7px; text-transform: none; letter-spacing: 0; z-index: 10; display: block; float: left;   height: 30px; position: relative; overflow: hidden; margin: auto 7px; font: 700 12px Tahoma, Arial, sans-serif; }
.alliaces li a:hover {color: #ffabde;  }	
.alliaces li {color: #fff;  }					  
.alliaces li a:hover, .alliaces li a:active, .alliaces li a:visited { border: none; }


/********menu********/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@charset 'UTF-8';
/* Base Styles */
#menu ul,
#menu li,
#menu a {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
font: 700 15px Tahoma, Arial, sans-serif;
}
#menu {	padding-top:10px; }

#menu li {
  float: left;
  margin: 0 3px 0 0;
  border: 1px solid transparent;
}
#menu li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px 9px 15px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid transparent;
  font-size: 16px;
}
#menu li.active {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b0006;
}
#menu li.active a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background: #453bac;
  border: 1px solid #453bac;
  -moz-box-shadow: inset 0 5px 10px #453bac;
  -webkit-box-shadow: inset 0 5px 10px #453bac;
  box-shadow: inset 0 5px 10px #453bac;
}
#menu li:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #453bac;
}
#menu li:hover a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background: #453bac;
  border: 1px solid #453bac;
  -moz-box-shadow: inset 0 5px 10px #453bac;
  -webkit-box-shadow: inset 0 5px 10px #453bac;
  box-shadow: inset 0 5px 10px #453bac;
}



/**/


/**/

/********gallery content only ****************/

#gallerycontent { width:1150px; margin: 0 auto; text-align: center; padding-top:0px; background-color:#fff;      }

/********gallery contentside****************/
/********left gallery contentside****************/
#gallerycontent #gleftside { width:263px; height:100%;  float:left;  background:#c5d4ff; margin: 0 auto; margin-left:2px;  }
#gallerycontent #gleftside #glist{ width:248px; float:left; color:#fff;  }
#gallerycontent #gleftside #glist .gheaderx{ width:263px; height:36px; background: url("./images/gallery_list_bg1.jpg") no-repeat; text-shadow:2px 2px 0px #000; padding-top:10px;  font: 700 15px Tahoma, Arial, sans-serif; }

.glistthumbs ul{ position: relative; padding: 2px 2px; overflow: hidden; text-align: center; margin: 0 auto; }
.glistthumbs li a {  text-decoration: none; color: #fff; outline: none; text-align: center;  text-transform: none; letter-spacing: 0; z-index: 10;  float: left; overflow: hidden; margin: auto 7px 5px ; font: 200 12px Tahoma, Arial, sans-serif; }

#gallerycontent #gcontentside { width:618px; float:left;  text-align: center;  margin-left:auto; margin-right:auto; }
#gallerycontent #gcontentside #text {width:617px; float:left;  font: 700 12px Tahoma, Arial, sans-serif; color:#fff;  }
#gallerycontent #gcontentside #text .yellow{ float:left; color:#ff7200; }
#gallerycontent #gcontentside #text .white{ float:left; color:#19135e; margin-left:5px; }
#gallerycontent #gcontentside #text .modelname{ float:left; width:400px;  }
#gallerycontent #gcontentside #text .sponsors{ float:right; width:200px;  }
#gallerycontent #gcontentside #text .tags{ float:left; width:600px; }
#gallerycontent #gcontentside #text .tags .tags2{ margin-left:4px; float:left; color:#fff;}
#gallerycontent #gcontentside #text a{color:#fff;}
#gallerycontent #gcontentside .ads{ float:left; margin:5px 0px 5px 0px ; }
#gallerycontent #gcontentside #gallery{width:618px; margin-left:auto; margin-right:auto; text-align: center; padding:0px 10px; overflow:auto; }
#gallerycontent #gcontentside  .ads  { float: left; padding-right:5px;}
#gallerycontent #gcontentside  .ad3  { margin:10px;}
gallerycontent #gcontentside #galleryothers{width:618px; margin-left:auto; margin-right:auto; text-align: center; padding:0px 10px; overflow:auto;}
#gallerycontent #gcontentside .infoheaderx{width:607px; height:36px; color:#fff;  background: url("./images/gallery_header.jpg") no-repeat; text-shadow:2px 2px 0px #000; padding-top:7px;  font: 700 18px Tahoma, Arial, sans-serif;  }

#gallerycontent #gcontentside   .thumbs{	
	border:solid #650064 1px;
	line-height:264px; float:left;	 
  display: table; margin:5px 9px 0px 0px;
padding:6px;

}

#gallerycontent #gcontentside   .thumbs1{	

	line-height:264px; float:left;	 
  display: table; margin:5px 9px 0px 0px;
padding:6px;

}  
 #gallerycontent #gcontentside .thumbs img {
    vertical-align: middle; border:solid #ffae00 1px;}

#gallerycontent #gcontentside #gallery .thumbs img:hover{border-color:#a00000}

#gallerycontent #gcontentside #galleryothers .thumbs{ float:left; padding:5px 5px 5px 11px; }
#gallerycontent #gcontentside #galleryothers1 .bigheaderx{width:100%; padding-top:5px;  font: 700 25px Tahoma, Arial, sans-serif; color:#fff  }


/********content****************/
#content { width:1150px; margin: 0 auto; text-align: center; padding-top:0px; background-color:#fff;      }


.listsite ul{ position: relative; padding: 7px 7px; overflow: hidden; text-align: center;  }
.listsite li a {  text-decoration: none; color: #fff; outline: none; text-align: center;  text-transform: none; letter-spacing: 0; z-index: 10;  float: left;   height: 15px; overflow: hidden; margin: auto 7px; font: 200 12px Tahoma, Arial, sans-serif; }
/********contentside****************/
#content #contentside { width:827px; float:left; margin-left:5px;}
#content #contactus { width:807px; float:left;  margin-right:2px;}
#content #contactus .infoheaderx{width:618px; height:36px; color:#fff;   text-shadow:2px 2px 0px #000; padding-top:5px;  font: 700 18px Tahoma, Arial, sans-serif; }
#content #contactus .infoheaderx1{width:618px; height:36px; color:#322c7d;   padding-top:5px;  font: 700 18px Tahoma, Arial, sans-serif; }

#content #contactus .text1{color:#322c7d;  padding-top:5px;  font: 700 12px Tahoma, Arial, sans-serif; }
#content #thumbs { width:260px; height:379px;  float:left; background:  url("./images/thumb_bg.jpg") no-repeat; padding-top:8px; text-align:center; margin:2px; 0px; 2px; 0px;}
#content #thumbs img1 { 	border:solid #d96fff;	border-width:1px;	padding:1px;	background-color:;}
#content #thumbs img:hover1  {background-color:#fff;}
#content #thumbs .title { top:-25px; position:relative; width:240px; height:23px; margin-left:10px;  	background-color:#000; 	opacity:0.4;	filter:alpha(opacity=60); }
#content #thumbs .title a{ font: 16px Tahoma, Arial, sans-serif; color:#fff; text-align:center; }
#content #thumbs .info a{ font: 14px Tahoma, Arial, sans-serif; color:#fff}
#content #thumbs .end1{ width:188px; height:12px; background:url("./images/thumb_f.jpg") no-repeat;}
/********rightside****************/
#content #righttside { width:300px;height:100%; float:left; }
#content #righttside #listx{ width:305px; float:left; color:#fff; background:#c5d4ff; margin-top:10px;  }
#content #righttside #2basex{ width:305px; float:left; color:#fff; background:#c5d4ff; margin-top:10px; display:block  }
#content #righttside #listx2{ width:145px; float:left; color:#fff; background:#c5d4ff; margin-top:10px; margin-left:0px; margin-right:10px;  }
#content #righttside #listx3{ width:145px; float:left; color:#fff; background:#c5d4ff; margin-top:10px;  }
#content #righttside .headerxx{ width:309px; height:36px; background: url("./images/modelofthemonth.jpg") no-repeat; text-shadow:2px 2px 0px #000; margin-top:10px; padding-top:10px;  font: 700 15px Tahoma, Arial, sans-serif; color:#fff }
#content #righttside .headerxxx{ margin-top:10px; width:309px; height:36px; background: url("./images/modelofthemonth2.jpg") no-repeat; text-shadow:2px 2px 0px #000; margin-top:0px; padding-top:10px;  font: 700 15px Tahoma, Arial, sans-serif; color:#fff }
#content #righttside .header3{ margin-top:10px; width:148px; height:36px; background: url("./images/topreferrer.jpg") no-repeat; text-shadow:2px 2px 0px #000; margin-top:0px; padding-top:10px;  font: 700 15px Tahoma, Arial, sans-serif; color:#fff }
#content #righttside .contentbox{  width:309px; min-height:100%; background:#c5d4ff; margin:0;}
#content #righttside .contentbox2{  width:138px; min-height:100%; background:#c5d4ff; margin:0;}
#content #righttside .box{  width:133px; float:left;}
#content #righttside .listmodel li a {color:#40389b;}

#content #righttside .listmodel li{
	text-align:left;
	margin-left:11px;
	letter-spacing:0px;
	height:20px;
	color:#fff;
	font: 13px Tahoma, Arial, sans-serif;
}
#listofsites {background: url("./images/listofsites_bg.jpg") no-repeat; width:955px; height:179px; margin-left:auto; margin-right:auto; text-align: center; padding:15px; float: }
#listofsites #box{ width:130px; float:left; margin:10px auto auto 20px }
#listofsites #box .listsite ul{ position: relative; padding: 7px 7px; overflow: hidden; text-align: center;  }
#listofsites #box .listsite li a { width:130px; text-decoration: none; color: #fff; outline: none; text-align: left;  text-transform: none; letter-spacing: 0; z-index: 10;  float: left;   height: 15px; overflow: hidden; margin: auto 7px; font: 200 12px Tahoma, Arial, sans-serif; min-height:25px;  }


/********pagination****************/
#pagination  { width: 100%; margin: 15px auto 5px auto; text-align: center; margin-top:10px; color: #2853d8;}
#pagination a:visited  { border: 1px solid #363636; background:; font:12px Tahoma, Arial, sans-serif; min-width: 20px; height: 20px; padding: 7px 3px 3px 3px; margin: 3px; display: inline-block; background:; color: #fff; border: 0px solid #fff; font-size: 12px; font-weight: bold; color:#2853d8;
											 -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#pagination a:active  { min-width: 20px; height: 20px; background: #2853d8; text-decoration: none; color:#2853d8 }
#pagination a:hover { min-width: 20px; height: 20px; background: #2853d8; text-decoration: none; color:#fff  }
#pagination span  {width: 20px; height: 20px; padding: 7px 3px 3px 3px; margin: 3px; display: inline-block; background:#2853d8; color: #fff; border: 0px solid #fff; font:12px Tahoma, Arial, sans-serif;; font-weight: bold;  
											 -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#pagination a:link  { font:12px Tahoma, Arial, sans-serif; min-width: 20px; height: 20px; padding: 7px 3px 3px 3px; margin: 3px; display: inline-block; background:; color: #2853d8; border: 0px solid #fff; font-size: 12px; font-weight: bold; 
											 -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }										 
											 							 
											 
/********footer****************/
#footer_base { padding-top:20px; width:100%; text-align:center; height:79px;  font:14px Tahoma, Arial, sans-serif;; font-weight: bold;color:#fff;background:url("images/footer_bg.jpg") repeat-x;}
#footer_base a{color:#fff}
											 
h2 {
  background: lightgrey;
  padding: 10px;
  font: 28px Georgia, Serif;
  margin: 0 0 20px 0;
}
/********thumb hover****************/
@import url(http://fonts.googleapis.com/css?family=Lobster);
.effects {
  padding-left: 15px;
}
.effects .img {
  position:static;
  width:240px;
height:359px;  
  float: left;
  	margin-left:10px;
  margin-bottom: 5px;
  overflow: hidden;
  
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: 10px;
  margin-top: 2px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position:relative;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width:240px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width:240px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}


/**** + ******/

#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
}



@media only screen and (max-width: 1100px) {
  .effects {
    padding-left: 5px;
  }
  .effects .img {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 5px;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: -5px;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  .effects .img {
    width: 100%;
	margin-left:10px;
  }
  .effects .img:nth-child(n) {
    margin-right: 0;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: 0;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
  .effects .img img {
    margin: 0 auto;
  }
}