/* =Containers
--------------------------------------------------------------------------------*/
.container
{
	margin-left: auto;
	margin-right: auto;
	width: 1005px;
}

.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 1008px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7,
.grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14,
.grid_15, .grid_center {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14 {
	position: relative;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 15 Columns
--------------------------------------------------------------------------------*/
.container .grid_1 {width: 57px;}
.container .grid_2 {width: 124px;}
.container .grid_3 {width: 191px;}
.container .grid_4 {width: 258px;}
.container .grid_5 {width: 325px;}
.container .grid_6 {width: 392px;}
.container .grid_7 {width: 459px;}
.container .grid_8 {width: 526px;}
.container .grid_9 {width: 593px;}
.container .grid_10 {width: 660px;}
.container .grid_11 {width: 727px;}
.container .grid_12 {width: 794px;}
.container .grid_13 {width: 861px;}
.container .grid_14 {width: 928px;}
.container .grid_15 {width: 995px;}

.container .grid_center {width: 490px;}


/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {width: 74px;}
.container_12 .grid_2 {width: 158px;}
.container_12 .grid_3 {width: 242px;}
.container_12 .grid_4 {width: 326px;}
.container_12 .grid_5 {width: 410px;}
.container_12 .grid_6 {width: 494px;}
.container_12 .grid_7 {width: 578px;}
.container_12 .grid_8 {width: 662px;}
.container_12 .grid_9 {width: 746px;}
.container_12 .grid_10 {width: 830px;}
.container_12 .grid_11 {width: 914px;}
.container_12 .grid_12 {width: 998px;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 1007px) {
    	.container			{ width: 768px; }
	    .grid_3.models .model	{height: 202px;} .grid_3.models .model img { height: 200px; }
	    .grid_3.models .desc	{ height: 33px; text-indent: 10px; font-size: 11px; }
	    
	    /*	Profil Page	*/
	    .pictures .pic-wrapper	{height: 376px;}		.pictures .pic-wrapper img 	{ width: 276px; }
	    .pictures .tab-wrapper ul.models-pics li		{ width: 70px;  }
	    .pictures .tab-wrapper ul.models-pics li a img		{ width: 60px; margin: 5px 5px 0 5px; }
	    .pictures .vip-models ul.vips li .model-pic			{ width: 70px; } .pictures .vip-models ul.vips li .model-pic a img { width: 60px; }
	    .pictures .vip-models ul.vips li .model-info p		{ line-height: 12px; font-size: 11px; }
	    .model-infos .abilities .liste h3				{ width: 95%; margin-left: 10px; }
	    .model-infos .abilities .liste li				{ margin-left: 15px; width: 45%; }
	    .model-infos .model-comments .send-comment span.calc	{ width: 50px; }	.model-infos .model-comments .send-comment input.answer	{ width: 50px !important; }
	    .model-infos .model-comments .send-comment .sendit		{ width: 60px; }
	    .model-infos .model-comments .comments p { line-height: 12px; font-size: 11px; }
	    .result .membs .model-info		{ width: 60%; margin: 0px; }	.result .membs .model-info p		{ line-height: 12px; }
	    
	    /*	Page	*/
	    .page-photos-videos .box .model-pic		{ margin: 0 9px 15px 17px; }
		.tab-wrapper .tab-nav li a { font-size:12px;}
	    
	    .container .grid_1 {width: 41px;}
		.container .grid_2 {width: 92px;}
		.container .grid_3 {width: 143px;}
		.container .grid_4 {width: 194px;}
		.container .grid_5 {width: 245px;}
		.container .grid_6 {width: 296px;}
		.container .grid_7 {width: 347px;}
		.container .grid_8 {width: 398px;}
		.container .grid_9 {width: 449px;}
		.container .grid_10 {width: 500px;}
		.container .grid_11 {width: 551px;}
		.container .grid_12 {width: 602px;}
		.container .grid_13 {width: 653px;}
		.container .grid_14 {width: 704px;}
		.container .grid_15 {width: 755px;}
		
		.container .grid_center {width: 370px;}
		
		
		/*	Container 12	*/
		.container_12			{width: 768px;}
		.container_12 .grid_2.models .model	{height: 156px;} .container_12 .grid_2.models .model img {height: 156px;}
		.container_12 .grid_2.models .desc	{font-size: 10px; line-height: 10px; text-indent: 9px;}
		
		.container_12 .grid_1 {width: 54px;}
		.container_12 .grid_2 {width: 118px;}
		.container_12 .grid_3 {width: 182px;}
		.container_12 .grid_4 {width: 246px;}
		.container_12 .grid_5 {width: 310px;}
		.container_12 .grid_6 {width: 374px;}
		.container_12 .grid_7 {width: 438px;}
		.container_12 .grid_8 {width: 502px;}
		.container_12 .grid_9 {width: 566px;}
		.container_12 .grid_10 {width: 630px;}
		.container_12 .grid_11 {width: 694px;}
		.container_12 .grid_12 {width: 758px;}
	    
    }
    
    /*	landscape	*/
	@media only screen and (max-width: 767px) {
    
    	.container .grid_5 { margin: 0px !important; } .container .grid_15 { margin: 0px !important; } .container .grid_center { margin: 0px !important;  }
    	
    	
    	.container { margin: 0 auto; width: auto; }

        .container .grid_1,
        .container .grid_2,
        .container .grid_3,
        .container .grid_4,
        .container .grid_5,
        .container .grid_6,
        .container .grid_7,
        .container .grid_8,
        .container .grid_9,
        .container .grid_10,
        .container .grid_11,
        .container .grid_12,
        .container .grid_13,
        .container .grid_14,
        .container .grid_15 { width: 98%; }
        
        
        .container_12 { margin: 0 auto; width: auto; }
        
        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12 { width: 100%; }
        
        .container .grid_center { width: 100%; }
        
        #menu select {display: block; }
		/*.nav { display: none; }*/
        h1 {font-size: 16px; margin: 0 0 10px 10px;}
        
        .comment .caroufredsel_wrapper { width: 100%; }
        .top-line .grid_3 { width: auto; } .top-line .grid_12 { width: auto; float: right; }
        .logo-section { height: 95px; } .logo-section .grid_3 { text-align: center; } .logo-section .logo { float: none !important; } .logo-section .grid_5 { display: none; }
        .paragrphs-wrapper p { width: 95%; } .tab-wrapper .tab-content p { width: 90%; }
        
        .container_12 .grid_2.models { height: 230px; width: auto !important; }  .container_12 .grid_2.models .model img { height: 210px !important; width: auto !important; }
        /*.grid_3.models { width: 148px !important; height: 230px !important; } .grid_2.models { width: 158px; }  .grid_3.models .model img { width: auto !important; height: 210px !important; }*/
        .grid_3.models { width: 110px !important; height: 171px !important; } .grid_2.models { width: 158px; }  .grid_3.models .model img { width: 105px !important; height: 150px !important; }
        footer#footer ul.news, ul.comments { width: 100%; padding: 0px; margin: 0px; } footer#footer ul.news li, ul.comments li { width: 95%; padding-left: 10px; }
    	footer#footer .footer-area { height: auto; } footer#footer .footer-links { background-repeat: repeat; } footer#footer .footer-area .grid_5 { margin-bottom: 20px !important; }
    	footer#footer .subs { float: left; margin: 10px 0 0 0; width: 100%; } footer#footer .subs .subscribeTf { width: 70%; float: left; margin-left: 10px; }
    	#header .log-out {margin-left: 0px;}
    	.pages-btns .next-prev-pages {left: 10px; top: 25px;} .pages-btns { height: 65px; }
    	.grid_6.pictures { width: 97.5%; height: auto; }  .pictures .pic-wrapper img { width: 96%; height: auto; } .pictures .pic-wrapper { height: auto; }
    	
		.pictures .vip-models { display: none; }
    	.tab-wrapper .tab-nav li a { font-size:12px;}
		.tab-wrapper .tab-nav li:last-child { display:none; }
    	
	   }

    
    /*	Phones	*/
	@media only screen and (max-width: 321px) {
    
    	.container .grid_5 { margin: 0px !important; } .container .grid_15 { margin: 0px !important; } .container .grid_center { margin: 0px !important;  }
    	
    	
    	.container { margin: 0 auto; width: auto; }

        .container .grid_1,
        .container .grid_2,
        .container .grid_3,
        .container .grid_4,
        .container .grid_5,
        .container .grid_6,
        .container .grid_7,
        .container .grid_8,
        .container .grid_9,
        .container .grid_10,
        .container .grid_11,
        .container .grid_12,
        .container .grid_13,
        .container .grid_14,
        .container .grid_15 { width: 98%; }
        
        
        .container_12 { margin: 0 auto; width: auto; }
        
        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12 { width: 100%; }
        
        .container .grid_center { width: 100%; }
        
        #menu select {display: block; }
		.nav { display: none; }
        h1 {font-size: 16px; margin: 0 0 10px 10px;}
        
        .comment .caroufredsel_wrapper { width: 100%; }
        .top-line .grid_3 { width: auto; } .top-line .grid_12 { width: auto; float: right; }
        .logo-section { height: 95px; } .logo-section .grid_3 { text-align: center; } .logo-section .logo { float: none !important; } .logo-section .grid_5 { display: none; }
        .paragrphs-wrapper p { width: 95%; } .tab-wrapper .tab-content p { width: 90%; }
        
        
        .container_12 .grid_2.models { height: 230px; width: 148px !important; }  .container_12 .grid_2.models .model img { height: 210px !important; width: auto !important; } 
        /*.grid_3.models { width: 148px !important; height: 230px; } .grid_2.models { width: 158px; }  .grid_3.models .model img { width: auto !important; height: 210px; }*/
        .grid_3.models { width: 96px !important; height: 148px !important; } .grid_2.models { width: 158px; }  .grid_3.models .model img { width: auto !important; height: 128px !important; }
        footer#footer ul.news, ul.comments { width: 100%; padding: 0px; margin: 0px; } footer#footer ul.news li, ul.comments li { width: 95%; padding-left: 10px; }
    	footer#footer .footer-area { height: auto; } footer#footer .footer-links { background-repeat: repeat; } footer#footer .footer-area .grid_5 { margin-bottom: 20px; }
    	footer#footer .subs { float: left; margin: 10px 0 0 0; width: 100%; } footer#footer .subs .subscribeTf { width: 60%; float: left; margin-left: 10px; }
    	#header .log-out {margin-left: 0px;}
    	.pages-btns .next-prev-pages {left: 10px; top: 25px;} .pages-btns { height: 65px; }
    	.grid_6.pictures { width: 96%; height: auto; }  .pictures .pic-wrapper img { width: 286px !important; } .pictures .pic-wrapper { height: 390px; }
    	
    	.pictures .vip-models { display: none; }
		.tab-wrapper .tab-nav li a { font-size:12px;}
		.tab-wrapper .tab-nav li:last-child { display:none; }
    	
	   }


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}