html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-size:11px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background-color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
a:hover, a.on:hover, #breadcrumb li a:hover{
    color:#FFB100;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	font-family: 'Helvetica',Arial,sans-serif;
	
}
.clear{
	clear:both;
}
.clear:before, .clear:after {
    content: "";
    display: table;
    line-height: 0;
}
.clear:after {
    clear: both;
}
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}
.ft-white{color:#ffffff;}
.ft-orange{color:#FFB100;}

/*** CONTENT ***/
#container{
	width:1010px;
	margin:0 auto;	
}
#content{
    color:#ffffff;
    border-top:1px solid #9F9F9F;
    width:100%;
    padding:6px 0 0 0;
    line-height: 13px;

}
#content a{color:#FFB100;text-decoration: none;}
#content a:hover{color:#ffffff;text-decoration: underline;}
ul#breadcrumb {
	list-style: none;
	width:80%;
    overflow-x: hidden;
    position: absolute;
    top: 25px;
    left: 0;
}
#breadcrumb li{
	display:block;
	height:21px;
	float:left;
	margin:0 0 0 5px;
}

#breadcrumb li:first-child{
	margin:0;
}


#breadcrumb li a,#breadcrumb li span{ 
	color:#fff;
	margin: 0 0px;
	display:inline-block;
	text-decoration:  none;
	line-height: 23px;
}

#breadcrumb li span{
	margin:0;
}

header{
	height: 30px;
    padding-top: 30px;
    position: relative;
}

header menu{
	position:relative;
	float: right;
	margin:0;
	padding:0;
	width:50%;
} 

header menu ul {
	height:60px;
	float:right;
}
header menu > ul {
    padding-right: 210px;
}

header menu ul > li, #footer menu ul > li{
	list-style: none;
	display: inline-block;
}

header menu ul span, #footer menu ul span{
	display:inline-block;
	text-decoration:  none;
	color:#CCCCCC;
	font-size:10px;
}

header menu ul > li > ul {
	position:absolute;
	right:0;

}

header menu ul > li > div{
    display:none;
    position: absolute;
    right:0;
    top:39px;
    width: 1010px;
    height: 15px;
    background: #333;
}


header menu ul > li > div.hover{
    display:block;
}

header menu ul li a{ 
	color:#CCCCCC;
	margin: 0 10px;
	display:inline-block;
	text-decoration:  none;
}

header menu ul li a:hover,header menu ul li a.active{
	color:#FFB100;
}

.region-search{
    position: absolute;right: 0;top: 26px;
}
.region-search .form-item-search-block-form{
    float: left;
}
.region-search .form-actions.form-wrapper{
    float: left;
}

#edit-search-block-form--2{
	width:170px;
    height: 16px;
    margin-right: 2px;
}

@media (min-width:900px) {
    #intro {
        position: absolute;
        width: 2560px;
        height: 1440px;
        top: 50%;
        left: 50%;
        margin: -720px 0 0 -1280px;
        background-image: url("/sites/all/themes/custom/ariklevy2013/home/images/Home_Zoe02.jpg")
    }
}

@media (max-width:900px) {
    #intro {
        position: absolute;
        width: 1100px;
        height: 1100px;
        top: 50%;
        left: 50%;
        margin: -550px 0 0 -550px;
        background-image: url("/sites/all/themes/custom/ariklevy2013/home/images/Home_Zoe_iPhone.jpg")
    }
}

@media screen and (orientation:landscape) {
    /* Landscape styles here */
    #intro  {
        transform: scale(0.7, 0.7);

    }
}


#intro a {display: block; padding: 10px 15px; text-decoration: none; color: white; }
#intro a:hover {text-decoration: none; background-color: #ffb10c; color: #333333;}

#art {float: right; margin: 354px 0 0 0;}

#design {float: left; margin: 577px 0 0 235px;}




#content .change-project{
	width:100%;
	padding-left:125px;
	height: 20px;
}

#content .change-project a {
	color:#fff;
	text-decoration: none;
	font-size:10px;
}
#content .change-project a.off{
    color: #636363;
}
#content .change-project a.on:hover{
    color: #FFB100;
}

#gallery{
	width:100%;

}

#gallery a{
	float:left;
	margin:0 10px 7px 0;
	display:block;
	position:relative;
}

#gallery a:nth-child(6n){
	margin-right:0;
}

#gallery a img{
	width:160px;
	height:160px;
}




#gallery a td {
    height:160px;
    width:160px;
    vertical-align:middle;
    text-align:center;
    color: #000000;
    font-family: 'Arial Black',Arial;
    font-size: 16px;
    font-weight: bold;
    word-break: break-all;
}


#gallery a span{
    display: none;
    background: none repeat scroll 0 0 #FFFFFF;
    height: 160px;
    opacity: 0.75;
    width: 160px;
    z-index: 3000;
    position:absolute;
    top:0;
    left:0;
    line-height: 20px;
}

/** Gallery first element x2 square */
#gallery.field-square a:nth-child(1)  img{
    width:330px;
    height:330px;
}
#gallery.field-square a:nth-child(5),
#gallery.field-square a:nth-child(9),
#gallery.field-square a:nth-child(6n+15){
    margin-right:0;
}
#gallery.field-square a:nth-child(6n){
    margin-right:10px;
}
#gallery.field-square a:nth-child(1) td {
    height: 330px;
    width: 330px;
}
#gallery.field-square a:nth-child(1) span{
    height: 330px;
    width: 330px;
}
/** Gallery first element x2 width */
#gallery.field-width a:nth-child(1)  img{
    width:330px;
}
#gallery.field-width a:nth-child(5),

#gallery.field-width a:nth-child(6n+11){
    margin-right:0;
}
#gallery.field-width a:nth-child(6n){
    margin-right:10px;
}
#gallery.field-width a:nth-child(1) td {
    width: 330px;
}
#gallery.field-width a:nth-child(1) span{
    width: 330px;
}

/** Gallery first element x2 height */
#gallery.field-height a:nth-child(1)  img{
    height:330px;
}
#gallery.field-height a:nth-child(6),
#gallery.field-height a:nth-child(11),
#gallery.field-height a:nth-child(6n+17){
    margin-right:0;
}
#gallery.field-height a:nth-child(6n+12){
    margin-right:10px;
}
#gallery.field-height a:nth-child(1) td {
    height: 330px;
}
#gallery.field-height a:nth-child(1) span{
    height: 330px;
}


#gallery a span.img{opacity: 1;}

#gallery a:hover span{ 	display:block; }

#carousel {width:115px; height:586px; float:left; position:relative; overflow-y:hidden; }
#carousel .ps-scrollbar-x-rail{display:none; overflow-x: scroll;}
#carousel img{ height:70px; }

#carousel li{ width:auto; margin-bottom: 5px}

.slider{ position: relative; }

#container-right{
	position:relative;
	float:right;
	width:886px;

}
#slider{ height: auto; right:0;	top:0;	width: 886px; }
#slider .img { position:relative; top:0; right:0; height: 586px }

#slider .img img{
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	width: 100%; position:absolute;	top:0; right:0; cursor:pointer;
}

#slider .picture{ opacity:0; }

#slider .picture.active{ opacity:1; }

#slider .line{	color:#FFF;	width:100%;margin-top:5px; }

.more{ margin-top:15px; }
.more .left{ float:left; width:55%;line-height: 18px; }
#content .more .left a{ font-size: 18px;font-weight: bold;text-decoration: underline;}
.more .right{ float:right; width:42%; text-align: right}
.more .right a { display:inline-block;margin-left: 4px;height:21px; width:21px;  cursor: pointer; }

.social a.facebook { background:url('/sites/all/themes/custom/ariklevy2013/images/facebook.png') no-repeat top left;  }
.social a.facebook:hover { background:url('/sites/all/themes/custom/ariklevy2013/images/facebook-hover.png') no-repeat top left;}

.social a.pinterest { background:url('/sites/all/themes/custom/ariklevy2013/images/pinterest.png') no-repeat top left;  }
.social a.pinterest:hover { background:url('/sites/all/themes/custom/ariklevy2013/images/pinterest-hover.png') no-repeat top left;}

.social a.twitter { background:url('/sites/all/themes/custom/ariklevy2013/images/twitter.png') no-repeat top left;  }
.social a.twitter:hover { background:url('/sites/all/themes/custom/ariklevy2013/images/twitter-hover.png') no-repeat top left;}


.addthis_toolbox.addthis_default_style{display: inline-block;}
.addthis_button_email, .at300b{padding:0;}
/*.more .right a:first-child{ margin-right: 8px; }*/

.more .right a.purchase{ width:115px; height:22px; background: url('/sites/all/themes/custom/ariklevy2013/images/purchase.png'); cursor: pointer; margin-right: 8px;}
.more .right a.purchase:hover{ background: url('/sites/all/themes/custom/ariklevy2013/images/purchase-on.png')}


/**** Webform Purchase Request *****/

.webform-client-form{width: 80%;margin-left:90px;}
.webform-client-form > div{clear: both;}
.webform-client-form .form-header{border-bottom: dotted #787878 1px;margin-bottom: 20px;padding-bottom: 20px;}
.webform-client-form h2 {   color: #FFFFFF;font-size: 17px;font-weight: normal;line-height: 18px;margin-bottom: 15px;}
.webform-client-form .warning{color: #787878;font-size: 11px;}
.webform-client-form .mandatory{color: #EF870A;display: block;font-size: 12px;padding: 10px 0;}

.webform-client-form .form-content{width: 80%; height: 500px;font-size: 12px;}

.webform-client-form .form-content .col1,
.webform-client-form .form-content .col2{float: left;width: 50%;}

.webform-client-form .form-content h3{color: #787878;font-size: 16px;}
.webform-client-form .form-content .projet{margin-left: 20px;font-size: 16px;margin-left: 70px;margin-top:40px;line-height:20px;}
.webform-client-form .form-content .projet span {font-size: inherit;}

.webform-client-form .col1 .table {display: table;float:left;width:38%;padding: 10px;margin-left:60px;}
.webform-client-form .col2 .table {display: table;float:left;width:100%;margin-top:35px;}
.webform-client-form .row {display: table-row}
.webform-client-form .cell {display: table-cell;text-align:right;font-size: 14px;padding: 7px 0;}
.webform-client-form .cell.colspan {width:1px;}
.webform-client-form .cell.select .styled-select{margin-left: 10px;}

.webform-client-form .webform-component-select select,
.webform-client-form .styled-select select {
    background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 30px;
    -webkit-appearance: none;
    color: #333333;
}
.webform-client-form .col2 .webform-component-select
{
    width: 205px;
    height: 30px;
    overflow: hidden;
    background: url("/sites/all/themes/custom/ariklevy2013/images/arrows-select.png") no-repeat scroll 182px center #787878;
    border: 0;
}

.webform-client-form .styled-select {
    width: 170px;
    height: 30px;
    overflow: hidden;
    background: url("/sites/all/themes/custom/ariklevy2013/images/arrows-select.png") no-repeat scroll 153px center #787878;
    border: 0;
}

#webform-component-country{margin-left: 118px;}
#webform-component-email,#webform-component-first-name,#webform-component-last-name{float: right;}

.webform-client-form input[type=text],.webform-client-form input[type=email] {
    height: 30px;
    font-size: 14px;
    color: #333333;
    background-color: #787878;
    margin: 0;
    padding: 0;
    width: 200px;
    padding-left: 5px;
}
.webform-client-form textarea {

    background-color: #787878;
    color: #333333;
    font-size: 14px;
    height: 139px;
    margin: 25px 0 0 72px;
    padding: 0;
    width: 570px;
    padding-left: 5px;
}

.webform-client-form .form-content label{display: none;}
.webform-client-form .form-content .asterisk{color: #FFB100;vertical-align: top;font-size: 14px;}
.webform-client-form .form-content .error, #webform-contact .error {color: red;display: block;}
.webform-client-form .form-content input.error {border:1px solid red;}

.webform-client-form  .form-actions{
    clear: both;
}

.webform-client-form .form-actions{margin-top: 15px;}
.webform-client-form .form-actions input {
    background-color:#ef870a;
    margin-right: 20px;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0px;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:normal;
    font-style:normal;
    height:25px;
    line-height:25px;
    width:180px;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase ;
    cursor: pointer;

}
.webform-client-form .form-actions input:hover {
    color:#333333;
}
.webform-client-form .form-actions input.cancel{
    background-color: #787878;
}

.webform-confirmation{
    margin-left: 90px;
}
.webform-confirmation .text{
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.webform-confirmation .col1{
    float: left;
    width: 30%;
}
.webform-confirmation .col2{
    float: left;
}
.webform-confirmation .h2{
    color: #787878;
    display: block;
    margin-bottom:16px;
}
.webform-confirmation .fields{
    margin-top: 20px;
    height: 100px;
}
.webform-confirmation .additional-information{
    clear: both;
    margin-top: 20px;
    margin-bottom: 50px;
}


/*** Webform contact ***/
#webform-contact .field-name-body{
    color: #CCCCCC;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
    width: 500px;
}
#webform-contact .webform-client-form{
    float: right;
    width: 500px;
    margin-left:0;
    margin-top:20px;
}
#webform-contact .webform-client-form input[type="text"],#webform-contact .webform-client-form input[type="email"]{
    display: block;
}
#webform-contact .webform-client-form textarea{
    margin: 0;
}

#webform-contact .webform-component{
    margin-bottom: 10px;
}
#webform-contact .webform-client-form textarea{
    width:490px;
}

/*** content type :  projet 2 images ***/

.col-left{
    float: left;
    width: 50%;
    clear:both;
}
.col-right{
    float: left;
    width: 50%;
}


/*** Search result ***/
#search-form {
    margin-bottom: 10px;

}
#search-form #edit-keys{
    display: block;
    margin: 5px 0;
}
.search-results.node-results{
    margin-top: 10px;
    margin-left: 20px;
}
.search-results.node-results li{
    line-height: 20px;
}
ul.pager{text-align: center;}
ul.pager li{ display: inline-block; width: 15px;}
ul.pager li.pager-first,
ul.pager li.pager-next,
ul.pager li.pager-last{width: 40px;}
ul.pager li.pager-previous{width: 50px;}





/*** Clients view ****/
#clients ul {
    float: left;
    margin-top: 10px;
    width: 33%;
    clear: right;
}
#clients a {
    font-size: 12px;
    line-height: 14px;
    color: #CCCCCC;
    text-decoration: none;
}






/*** Footer ***/

#footer{  width:100%;clear:both; }
#footer .container{
	width:1010px; margin:0 auto; padding: 20px 0 0 0;
}
#footer .container a{color:#fff; text-decoration: none; font-size:10px;}