/* -------------------------------------------------
    (c)2007    www.nip-x.com - Switzerland
    Created:   07.07.2007
    Author:    ELITE MEDIA COMPANY LLC
    Website:   www.elitemediacompany.com
------------------------------------------------- */

@import url("master.css");
@import url("navigation.css");
@import url("forms.css");
@import url("titles.css");
@import url("squarepub.css");
@import url("profile.css");
@import url("cart.css");
@import url("search_result.css");
@import url("tables.css");
@import url("jscalendar.css");

/* -------------- COLOR SCHEME ---------------------

Grey dark: 		#6d6d6d
Grey medium: 	#d6d6d6
Grey light: 	#efefef
Pink: 			#d2516d

*/

/* -------------- GLOBAL STYLES -------------- */

body {
    background: #efefef;
    font: 62.5%/1.4 Arial, Helvetica, sans-serif;
    color: #6d6d6d;
    text-align: center;
}

a:link, a:visited { color: #d2516d; }
a:hover { text-decoration: underline; }

/* -------------- LAYOUT -------------- */

#wrapper {
	width: 751px;
    background: #ffffff;;
    margin: 15px auto;
    padding: 15px;
    text-align: left;
    font-size: 1.15em;
}

#header {
	height: 122px;
    text-indent: -5000px;
    width: 751px;
    overflow: hidden;
    margin-top: -8px;
}

	#header a {
        display: block;
        width: 100%;
        height: 100%;
	}

    #header .logo {
    	background: url(../images/logo_nipx.gif) no-repeat;
        float: left;
        width: 114px;
        height: 114px;
    }

    #slogan {
        background: url(../images/txt_porno-chic-glamour.gif) no-repeat top right;
        height: 7px;
        margin-bottom: 1px;
    }

    #banner {
        float: left;
        width: 635px;
        height: 114px;
        margin: 0 0 0 2px;
        padding: 0;
    }

#content {
	padding: 15px 0;
	min-height: 40em;
}

    #content p {
        margin-bottom: 1.5em;
    }

#left_col {
    float: left;
    width: 559px;
    padding: 0 15px 0 0;
}

#right_col {
    float: left;
    width: 177px;
}

#col_content {
    width: 557px;
}

#col1, #col2, #col3 {
    float: left;
    width: 179px;
}

    #col1 {

    }

    #col2 {
        padding: 0 10px;
    }

    #col3 {

    }

#subcol_left {
    width: 265px;
    float: left;
    padding-right: 12px;
}

#subcol_right {
    width: 279px;
    float: left;
}

#contact_left {
    float: left;
    width: 320px;
    height: 125px;
    background: url(../images/deco-contact.jpg) no-repeat;
}

#contact_right {
    float: right;
    width: 230px;
}


#footer {
    background: #efefef url(../images/footer.jpg) no-repeat right bottom;
    text-align: left;
    font-size: .95em;
    height: 116px;
    margin: 0 auto;
    padding: 10px 15px;
}

	#contacts-adress {
    	width: 150px;
        float: left;
    }

    #contacts-phone {
    	float: left;
        padding-left: 1.4em;
        border-left: solid 1px #9e9e9e;
    }

 	#footermenu {
        overflow: hidden;
        font: 1.05em Arial, Helvetica, sans-serif;
        float: right;
        padding: 62px 40px 0 0;
	}

     #footermenu li {
     	display: inline;
	}

         #footermenu a {
             float: left;
             border-left: solid 1px #9e9e9e;
             padding: 0 .7em 0;
             margin: 0 1px 0 -1px;
         }

	#contacts-footer {
    	float: left;
        width: 300px;
	}

/* -------------- ELEMENTS ACCUEIL -------------- */

#video_accueil, #profiles_accueil {
    margin: 0 0 1.5em 0;
}

#video_accueil p, #profiles_accueil p {
    margin: 0 0 .4em 0;
    padding: 0;
}

#wrapper #video_accueil .button, #wrapper #profiles_accueil .button {
    float: left;
    padding: .5em 20px .5em .5em;
    line-height: 1em;
}

#video_accueil {
    width: 283px;
    float: left;
    margin-right: 15px;
}

#profiles_accueil {
    width: 261px;
    float: left;
}

    #profiles_accueil .big_picture {
        width: 255px;
        height: 174px;
        overflow: hidden;
        display: block;
        border: 3px solid #d0d0d0;
    }

    #profiles_accueil .big_picture img {

    }

    #profiles_accueil .thumbnails {
        margin: 5px 0 5px 0;
    }

        #profiles_accueil .thumbnails a {
            display: block;
            margin: 0 5px 0 0;
            width: 54px;
            height: 41px;
            overflow: hidden;
            float: left;
            border: 3px solid #d0d0d0;
        }

        #profiles_accueil .big_picture:hover, #profiles_accueil .thumbnails a:hover {
            border: 3px solid #e84d8b;
        }

        #profiles_accueil .thumbnails a img {
            width: auto;
        }


/* -------------- NIPX MOVIES -------------- */

#movies .pagination {
	text-align: center;
	float: none;
	font-size: 1.4em;
}

#movie_players {
	margin: 26px 0 0 0;
}

	#movie_players h3 {
		margin: 0 0 1px 0;
		height: 15px;
		overflow: hidden;
		padding: 3px 7px;
		border: none;
		background: #695b52;
		font-size: 1em;
		color: #ffffff;
	}

	#movie_players dd {
		float: left;
		width: 160px;
		margin: 0 13px 20px 13px;
	}


/* -------------- ELEMENTS DIVERS -------------- */

#content ul.links {
	padding: 0;
	margin: 10px 0 30px 0;
	list-style: none;
	text-align: center;
}

    #content ul.links li {
		padding: 0;
		margin: 10px auto;
		text-align: center;
		list-style: none;
		background: none;
	}

#left_col ul { margin: 15px 0 15px 10px; }

	#left_col li {
		background: url(../images/arrow_list.gif) no-repeat left top;
		padding: 0 0 0 8px;
	}

	#left_col p { text-align: justify; }

	#left_col ol {
		padding: 1em;
        margin: 1.5em;
        list-style: decimal;
	}

    #left_col ol li {
		padding: 0;
        margin: 0 0 1.5em 0;
        background: transparent;
	}

#designedby {
    width: 745px;
    margin: -10px auto 0;
    text-align: right;
}

.flashMessage {
    color: #ffffff;
    background: #afc343;
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0 0;
    padding: 0.5em;
    display: none;
}

.module, #wrapper .module { margin-top: 1.5em; }

.warning, #left_col h3.warning {
    color: #FF9900;
    font-weight: bold;
    font-size: 1.3em;
    background: url(../images/bullet_warning.gif) no-repeat left center;
    padding: 15px 0 15px 35px;
    margin: 0 auto;
    width: 60%;
    border: none;
}

div.error { background: #d92d35; }

#content pre, #content code {
    font-family: Monaco, Verdana, Sans-serif;
    font-size: 11px;
    background-color: #f9f9f9;
    border: 1px solid #d0d0d0;
    display: block;
    margin: 0 0 2em 0;
    white-space: normal;
    word-wrap: break-word;
    padding: 12px 10px 12px 10px;
}