body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} abbr,acronym{border:0;} img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;} ol,ul{list-style:none;color:#666;} caption,th{text-align:left;} q:before,q:after{content:'';} body{ background-color: #6b6b6b;background-image:url(images/BG.png);background-position:top center;background-repeat:repeat-y;font:90% 'Ubuntu', Arial,sans-serif;color:#4a4949;} .cleared{float:none;clear:both;margin:0;padding:0;border:none;font-size:1px;} h1{font-weight:normal;font-size:1.4em;color:#999;text-align:left;line-height:150%;margin:0;padding: 12px 0 20px 0; font-weight:bold;} h2{font-weight:normal;font-size:1.7em;color:#7d7d7d;text-transform:none;text-align:left;line-height:130%;} h2{font: 1.6em normal 'Ubuntu',Arial,sans-serif; color:#bfbfbf; text-shadow:none; line-height:120%;letter-spacing:.005em; color:#9b024e;font-size:1.6em; font-weight:500;} h3{font:bold 1.1em 'Ubuntu',Arial,sans-serif;color:#7d7d7d;text-align:left;line-height:150%;margin:0;padding:20px 0 0 10px;} h1,h2,h3,h4{voice-family:male;richness:80;cue-before:inherit;} a:link,a:visited{color:#af2f73;text-decoration:none;} a:hover,a:active{color:#ee4ea8;} .info{font:normal .8em 'Ubuntu',Arial,sans-serif;color:#0c9bcc;text-align:left;line-height:130%;margin:5px 0 10px 0;padding:0;} * html p{height:1%;} p{font:normal 1em 'Ubuntu',Arial,sans-serif;text-align:left;line-height:140%;color:#737171;} #wrap{margin:0 auto ;padding:0; text-align:center; min-height:281px; height:100%;background: url(images/BG-new2.jpg) top center no-repeat ;} #header{ margin:0 auto; width:1000px; height:100px;} #main{margin:0 auto 20px auto;padding:0; width:1000px; text-align:center; height: auto; } .wrap{margin:0 auto; padding:0;width:1000px;text-align:center;} #left, #right{float:left;margin:0;display:inline;width:50%;padding:0; height: auto; } #portfolio #left{width:100%;} .contents{text-align:left;margin:0 0 10px 0; padding:0 10px 0 40px; height:100%; } #portfolio #left .contents{min-height:600px;} #right .contents, #left .contents{height:100%;} #contact #left .contents, #thanks #left .contents, #services #left .contents{min-height:600px;} #faq #right .contents{ margin-top:40px;} body#faq .contents{height:600px;min-height:600px;} .contents h2{display:block;padding:20px 0 0 0;} #plein-largeur{display:block;width:80%; padding-left:40px;} .contents p{padding:0 0 9px 0;color:#36191c; } .contents strong{color:#ccc;font-size:16px;font-weight:normal;letter-spacing:1px;} .contents a:link,.contents a:visited{text-align:left;color:#392a2c;text-decoration:underline;} .contents a:hover,.contents a:active{text-align:left;color:#7f7576;text-decoration:underline;} .contents ul{padding-left:10px;} .contents li{color:#444243;list-style:none;line-height:130%;} .contents ul, .contents ol{ display:block;margin:10px 0 10px 25px; width:80%;} .contents li{font-size:95%;color:#333;line-height:140%; padding: 0 20px 6px 0;list-style-image:url(images/buttonRed.gif);} #faq .contents p{padding:0 15px 9px 30px;} #faq .contents li{padding: 0 20px 6px 0; margin-left:30px;} #logo,#portfolio #logo,#services #logo,#contact #logo{height:64px;width:350px;padding:0; margin:0 0 0 40px; padding-top:15px;} #white{margin-left:-9999px;color:#fff;} #white h1{color:#fff;font-size:9px;} .white{color:#fff;} .white h1{margin-left:-999px;} .red{color:#750a16;font-weight:bold;} #kicker{width:80%;font-size:1.2em;line-height:170%;margin:25px 0 10px 0;color:#666;text-align:left;letter-spacing:normal; font-family:'Ubuntu',Arial,sans-serif;} #kicker img{ display:block; float:left; padding:0 35px 15px 0;} #kicker h1{color:#9a0332; font:24px 'Ubuntu',Arial,sans-serif;font-weight:bold;} #kicker a,#kicker a:hover, #kickerFr a,#kickerFr a:hover{font-style:normal;font-weight:normal;color:#b31850!important;text-align:left;text-decoration:none;border:1px dashed #b98f3f;padding:0 3px;} #kicker a:hover,#contact .contents a:hover{color:#fff!important;background-color:#c94172;text-decoration:none;padding:0 3px;} #thanks #kicker{font-size:1em;line-height:170%; } #thanks #kicker{width:360px;height:300px;} #home #kicker h1, #home #kicker span, #home #kickerFr span, #thanks #kickerFr span{ block;color:#9b024e;font-family:'Coustard', Georgia,Times New Roman,Times,serif !important;font-size:1.6em;line-height:150%;padding:12px 0 9px 0;margin:12px 0 0 0;letter-spacing:normal;text-align: left; font-weight:400; } #thanks #kicker h2, #thanks #kicker span{height:auto;line-height:130%;padding:12px 0;margin:12px 0 0 0;letter-spacing:normal;text-align:left;} #home #kicker img{float:left;} #portfolio #kicker{margin:0 15px 0 40px;} .picture{width:460px;margin-left:40px;} .picture img{float:left;display:inline;margin:5px;} .picture h2{text-align:left;display:block;width:400px;} #nav{float:left;display:block;width:1000px;margin:20px 0 0 0;padding:0 0 0 500px;height:48px;list-style:none;} #nav li{float:left;margin:0;padding:0 ;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:15px;color:#fff;} #nav a,#nav a:visited{float:left;display:block;margin: 0 0 0 6px;;padding:5px 12px 0 12px;text-decoration:none;color:#fff;} #nav a:hover{height:30px;margin: 0 0 0 6px;padding:5px 12px;cursor:pointer;color:#8d0e3b;background-color:#fff;} #on{display:block;height:48px; margin: 0 0 0 6px;padding:5px 12px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;color:#8d0e3b;background-color:#fff;} .blog{background-color:#fff; -moz-box-shadow: 3px 3px 7px #ccc; /* FF3.5+ */ -webkit-box-shadow: 3px 3px 7px #ccc; /* Saf3.0+, Chrome */ box-shadow:3px 3px 7px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ -moz-border-radius: 9px; /* FF1+ */ -webkit-border-radius: 9px; /* Saf3+, Chrome */ border-radius: 9px; /* Opera 10.5, IE 9 */ width:80%;margin:50px 0 10px 0;padding:5%; border:1px solid #bfbfbf; } #feed{margin:0;padding:0;border:none;} #feed h2{font:1.5em 'Coustard', Georgia,Times New Roman,Times,serif !important; display:block;width:280px;color:#bfbfbf; text-shadow:1px 1px 1px #000; line-height:120%;margin:0;border:none;padding:15px 0 9px 0;letter-spacing: .03em; } #feedControl{width:370px;overflow:hidden;margin:0 ;padding:0 0 10px 0;border:none;} #feedControl h2{border:none; padding:15px 0 0 0; display:block;color:#454545;padding:3px 0 0 0;line-height:110% ;font: 1.1em normal 'Ubuntu',Arial,sans-serif;} #feedControl h3{color:#99004c;padding:3px 0 6px 0;line-height:110%; font: .9em normal 'Ubuntu',Arial,sans-serif;} #feedControl p{color:#454545;padding:3px 0 0 0;font-size:.9em;line-height:120%;text-align:left; display:block; width:70%; float:left;} #feed small{color:#f9c;border:none;} #feed a{color:#603;font-size:9px;} #feed a:hover{color:#c06;} #feedControl .PostAuthor, #feedControl .PostDate{visibility:hidden;display:none;} #read-more{ display:block; float:right; display:inline; width:38px; height:39px; margin:10px 0 9px 0; padding:0 ;} .read-more{ display:block; float: left; width:90%; height:40px; margin:2% 10% 5% 0; padding:10px 0 3px 20px; background-color:#fff; -moz-box-shadow: 3px 3px 7px #ccc; /* FF3.5+ */ -webkit-box-shadow: 3px 3px 7px #ccc; /* Saf3.0+, Chrome */ box-shadow:3px 3px 7px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ -moz-border-radius: 9px; /* FF1+ */ -webkit-border-radius: 9px; /* Saf3+, Chrome */ border-radius: 9px; /* Opera 10.5, IE 9 */ border:1px solid #bfbfbf; } #read-more a, #read-more a:visited{ width:38px; height:39px; background-image: url(images/web-btnSM.png); background-position:90% 0; background-repeat:no-repeat; display:block; float:right;} #read-more a:hover, #read-more a:active{ color:#bfbfbf; width:38px; height:39px; background-color:#FFF !important; background-image:url(images/web-btnSM.png); background-position:90% -40px; background-repeat:no-repeat; display:block; float:right; } .read-more a, .read-more a:visited{ padding:10px 0 3px 20px; font:normal 1.2em 'Coustard', Georgia,Times New Roman,Times,serif; color:#b73676; font-weight:400; text-align:left; line-height:200%; text-decoration:none; width:100%; height:39px; padding:0; background-image: url(images/web-btnSM.png); background-position:90% 0; background-repeat:no-repeat; display:block; } .read-more a:hover, .read-more a:active{ color:#b73676 !important; width:100%; height:39px; background-image:url(images/web-btnSM.png); background-position:90% -40px; background-repeat:no-repeat; display:block; } #contact #pdficon.read-more a, #contact #pdficon.read-more a:visited, #contact #pdficon.read-more a:hover, #contact #pdficon.read-more a:active{ background-image:url(images/pdficon_large.png); padding:0; background-color:#FFF !important; } .boite{ float:left; clear:both; display:block; width:100%; height:auto; padding:0; margin:3% 0;; } .boite ul{ padding:0; margin:0 0 0 5%;} .boite li{ padding:0 0 2% 0; margin:0;} .contents h2{line-height:120%; padding:10px 0 12px 0; color:#868686;} .contents h3{display:block; font:1.3em 'Coustard', Georgia,Times New Roman,Times,serif;color:#7f384c;text-align:left;line-height:150%; padding:10px 0 9px 0; text-shadow:none;} #contact .contents h3{font:1.1em 'Ubuntu',Arial,sans-serif;color:#454545;} #contact .contents p{line-height:180%;} #footer{margin:0 auto;padding:0;height:171px;background:url(images/footerBG.jpg) top center no-repeat; } #footer h1{font-size:16px;font-weight:bold;color:#fff;padding:0 0 6px 0;line-height:100%;} #footer h2{font-size:14px;font-weight:bold;color:#fff;padding:6px 0 6px 0;letter-spacing:.05em;} #footer p{text-align:left;font-size:12px;color:#fff;padding-top:0;} #footer a:link,#footer a:visited{color:#392129;text-decoration:none;} #footer a:active,#footer a:hover{color:#bdf4ec;text-decoration:none;} #box1{width:500px;float:left;text-align:left;padding:0;} .pad{padding:0 10px 10px 20px;} #box1 ul{padding:35px 0 36px 20px;float:left;display:block;width:430px;} #box1 li{line-height:150%;float:left;display:block;} #box1 a,#box1 span{padding:0 3px;font-size:10px;} #box1 p{padding:12px 0 0 20px;} #box2{width:500px;float:left;display:inline;text-align:left;padding:0;margin-top:0; color:#fff;} #box2 h2{padding-top:0;margin-top:0;} #box2 a:link{color:#fff;font-size:.9em;} #box2 a:hover{color:#c61f51;} #contact #box2{width:500px;float:left;text-align:left;padding:0;margin-top:0; color:#FFF;} #pad1{width:180px;padding:12px 0 0 65px;float:left; display:inline;} #portfolio #pad1{width:120px;padding:12px 0 0 55px;float:left;} #services #pad1{width:120px;padding:12px 0 0 45px;float:left;} #pad1 p{color:#fff;font-size:1em;margin-top:0;padding-top:0;line-height:110%;} #pad1 p span{font-weight:bold;display:block;padding:21px 0 6px 0;font-size:100%;} #pad2{width:250px;padding:0;float:left;display:inline; margin-top:15px;} #contact #pad2{width:200px;margin:0 0 0 20px;padding:0 10px;float:left;} #fb-root{ display:block; float:left; width:200px; height:40px; padding:0; vertical-align:top; margin:0;} #firefox{padding:0; vertical-align:top; margin:0;} #social-bookmarks{padding:35px 0 30px 20px;float:left;display:block;width:480px; clear:both;} #social-bookmarks li{ float:left; display:block; width:32px; height:32px; padding:10px; } #social-bookmarks #firefox{padding-top:0;} #social-bookmarks li a{ display:block; width:32px; height:32px; } #facebook a:link{background-image:url(images/Social-icons.png); background-repeat:no-repeat; background-position:0 -41px;} #linkedIn a:link{background-image:url(images/Social-icons.png); background-repeat:no-repeat; background-position:-85px -41px;} #twitter a:link{background-image:url(images/Social-icons.png); background-repeat:no-repeat; background-position:-42px -41px;} #facebook a:hover{background-image:url(images/Social-icons.png); background-repeat:no-repeat; background-position:0 0px;} #linkedIn a:hover{background-image:url(images/Social-icons.png); background-repeat:no-repeat; background-position:-85px 0px;} #twitter a:hover{background-image:url(images/Social-icons.png); background-repeat:no-repeat; background-position:-42px 0px;} #copy{padding:50px 0 30px 0;float:left;display:block;width:480px; clear:both; margin-left:0;} #port{width:391px;height:51px;margin:10px 0 0 60px;} #port h2{padding:10px 0 0 0;} #splash{margin:10px 0 30px 0;height:255px;width:403px;} #slider ul,#slider li,#slider2 ul,#slider2 li{margin:0;padding:0;list-style:none;} #slider2{margin-top:1em;} #slider li,#slider2 li{width:403px;height:255px;overflow:hidden;} #prevBtn,#nextBtn,#slider1next,#slider1prev{display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;} .image-title{ font:13px 'Ubuntu', Helvetica, sans-serif #000; font-weight:bold;} .image-desc{ font:11px 'Ubuntu', Helvetica, sans-serif #000; font-weight:normal;} #nextBtn,#slider1next{left:696px;} #prevBtn a,#nextBtn a,#slider1next a,#slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(btn_prev.gif) no-repeat 0 0;} #nextBtn a,#slider1next a{background:url(btn_next.gif) no-repeat 0 0;} #controls{margin:1em 0;padding:0;height:28px;float:right;display:inline-block;width:395px;} #controls li{margin:0;padding:0;float:left;display:inline-block;list-style:none;height:28px;line-height:28px;width:35px;} #controls li a{float:right;display:inline-block;height:28px;line-height:28px;color:#333;padding:0 10px;text-decoration:none;} #controls li a:hover{background-color:#d41c62;} #controls li.current a{display:inline-block;color:#111;font-weight:bold;background-color:#999;} #controls li a:focus,#prevBtn a:focus,#nextBtn a:focus{outline:none;} .quest{ display:block; background-image:url(images/webCheckMarkSM.png); background-position:0 12px ; background-repeat: no-repeat;width:430px; line-height:110%; height:auto; } .quest span{ display:block; padding-left:30px;} ::-moz-selection{background-color:#666;color:#fff;} ::selection{background-color:#666;color:#fff;} /*******************************IE 7*****************************************/ .ie7 #wrap{margin:0 auto ;padding:0; text-align:center; min-height:281px; height:100%;background: url(images/BG-newIe.jpg) top center no-repeat ;} .ie7 #main{margin:30px auto 20px auto;padding:0; width:1000px; text-align:center; height: auto; background:none; background-color:#FFF;} .ie7 #header{ min-height:150px;} .ie7 #nav{min-height:1px; }/*reason: IE width problems */ .ie7 #nav{float:right;display:block;width:500px;margin:98px 0 100px 0;padding:0;height:48px; position:relative;} /*#logo,#portfolio #logo,#services #logo,#contact #logo{min-height:64px;width:350px;padding:0; margin:0; padding-top:15px;} #logo img{ text-align:left; float:left;}*/ .ie7 #logo{display:none;} .ie7 #left { min-height:400px; float:left; display: inline; width:49%; margin-left:1%;} .ie7 #portfolio #left{float:left;margin:0; display:block; width:100%; margin-top:0; margin-left:2px;} .ie7 #portfolio #left .contents{margin:0 0 20px 40px;padding:0; min-height:600px;} .ie7 #right{ min-height:1px; float:right; display: inline; width:50%;} .ie7 .contents{ min-height:1px; margin-top:0; margin-left:2px;} .ie7 .contents h2{padding:20px 0 0 0;} .ie7 #home #kicker{ width:400px; margin:25px 0px 20px 0; min-height:1px;} .ie7 div.slideshow-container { margin-top:0px; } #faq #right .contents{ padding-top:0;} #footer{min-height:164px; margin-top:0; } /***********************portfolio page*************************/ #main{ background-color:none;} /**********************Media = Smallerscreens*****************************/ @media only screen and(max-width:1023px){ } /***********************Media = IPad orientation: landscape***************/ @media only screen and (min-device-width:481px) and (max-device-width: 1024px) and (orientation: landscape){ } /***********************Media = IPad orientation: portrait***************/ @media only screen and (min-device-width:481px) and (max-device-width: 1024px) and (orientation: portrait){ body{background-image:none; background-color:#fff;} #left, #right, #box1, #box2{ clear:both!important;display:block!important;width:100%!important;float:none!important; margin:0!important; padding:0!important; background-image:none; height:auto; } #wrap{ height: auto; min-height:1px; margin:0; padding:0;background-color:#fff; background-image:none; width: auto; } #main{margin:0;padding:0; width:100%; text-align:center; height: auto;background-color:#fff; } .contents{height:auto; min-height:1px; margin:0 0 6% 0; padding:0 8% 0 8%; width:84%; background-color:#fff;} .contents ul{ margin:10%;} #logo,#portfolio #logo,#services #logo,#contact #logo{ display:block;height:100px;width: auto; padding: 4% 0;margin: 0; background-color:#6b6b6b;} #header{background-color:#6b6b6b; width:100%; margin: 0 0 5% 0; padding:0; } #nav{padding:2% 4% 0 4%; background-image:none; background-color:#fff; width:85%; margin:0 0 5% 4%;} #nav li{float:left;margin:0 2% 0 0;padding:0 ;} #nav a,#nav a:visited{float:left;display:block;margin: 0 0 0 6px;padding:8px 20px 8px 20px;text-decoration:none;color:#fff; background-color: #9a1a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#9a1a4a), to(#d71c43)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #9a1a4a, #d71c43); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #9a1a4a, #d71c43); /* FF3.6 */ -webkit-box-shadow: 4px 4px 4px #ccc; /* Saf3-4 */ -moz-box-shadow: 4px 4px 4px #ccc; /* FF3.5 - 3.6 */ box-shadow: 4px 4px 4px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 6px; /* FF1-3.6 */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } #nav a:hover{height: auto;margin: 0 0 0 6px;padding:8px 20px 8px 20px;cursor:pointer;color:#fff;background-color:#fff;} #on{display:block;height:30px; margin: 0 0 0 6px;padding:5px 12px 5px 12px;} #home #kicker h1, #home #kicker span, #thanks #kicker span{ margin: 0; padding: 9px 0 9px 0; text-align: left; width: auto;} #splash{margin:0;} #footer{height:100%;background-image:none; width:100%; padding:0; margin:0 ; border-top: none; min-height: 1px; padding-bottom:5%; background-color: #9a1a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#9a1a4a), to(#d71c43)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #9a1a4a, #d71c43); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #9a1a4a, #d71c43); /* FF3.6 */ background-image: -o-linear-gradient(top, #9a1a4a, #d71c43); /* Opera 11.10+ */ } .wrap{text-align: left; background-color: none; width:92%; height:100%; padding:0; margin:0;} #footer .pad ul{margin:0; padding:0;} #box1 ul {padding:5% 0; margin:0;} #box1 .pad p{ display:block; width:90%;clear:left; padding-left:0; margin-left:0;} .blog, #kicker{width:85%;margin:0;padding:2% 0;} #kicker img{ padding:0 6% 20% 0;} .blog{ padding:5%;} #feedControl{width:90%; margin:0; padding:0;} .read-more{ display:block; width:85%; margin:2% 15% 1% 0; float:left; clear:both;} .read-more a{width:85%; padding:0; margin-right:15%;} .read-more a, .read-more a:visited{ background-position:100% 0; } .read-more a:hover, .read-more a:active{ background-position:100% -40px; } .boite{ float:left; clear:both; display:block; width:100%; height:auto; padding:0; margin:3% 0;; } .boite ul{ padding:0; margin:0 0 0 5%;} .boite li{ padding:0 0 2% 0; margin:0;} /*.contents,#print{width:97%;margin:2%;}*/ #portfolio #left{float: none;margin:0;display: block;width:100%;padding:0; height:auto;} #portfolio #left .contents{ width:96%;margin: 0 0 0 20%;padding:0; height:auto; } div.content { display: none; float: none; margin-right:0; margin-left:2%; width: 420px;} div.caption-container { display: block; float: none; height:50px; position: relative; width:auto; margin:10px 0; padding:0;} div.navigation {margin-left:15px;} #faq #right .contents{ margin-top:0;} body#faq .contents{height:auto;min-height:1px;} .pad{padding:2% 0 2% 8%; min-height:1px; margin:5% 0 0 0;} #pad1, #portfolio #pad1, #services #pad1{display: block; float: none; margin:0 ; padding:0 0 2% 8%; width: auto;height:auto;} #pad2{ margin:0 0 0 8%; padding:0;} #firefox{ margin-top:2%;} form, #payPalForm{ max-width:90%; margin:0; padding:0;} fieldset { width:80%; max-width:70%; margin:2% 10%; padding:5%; background-color:#FFC;} ul.thumbs, #thumbs.navigation h2{ display:none; visibility:hidden;} } /**********************MKedia = Mobile - IPhone *************************/ @media handheld, only screen and (max-device-width: 480px){ body{background-image:none; background-color:#fff;} #left, #right, #box1, #box2{ clear:both!important;display:block!important;width:100%!important;float:none!important; margin:0!important; padding:0!important; background-image:none; height:auto; } #wrap{ height: auto; min-height:1px; margin:0; padding:0;background-color:#fff; background-image:none; width: auto; } #main{margin:0;padding:0; width:100%; text-align:center; height: auto; background-color:#fff;} #right .contents, #left .contents{ height:auto; min-height:1px; margin:0 0 6% 0; padding:0 5%; width:90%; background-color:#fff;} #right .contents{ margin-bottom:5%;} #logo,#portfolio #logo,#services #logo,#contact #logo{height:100px;width: auto;padding: 4% 0;margin: 0; background-color:#6b6b6b;} #logo img{max-width:100%;} #header{background-color:#6b6b6b; width:100%; margin: 0 0 5% 0; padding:0; } #nav{padding:2% 1%; background-image:none; background-color:#fff; width:98%; margin:2% 0 ; height:auto;} #nav li{float: none;margin:0 0 2% 0 ;padding:0 ; max-width:95%;} #nav a,#nav a:visited{float: none;display:block;margin: 0 0 0 1%;padding:2% 10%; text-decoration:none;color:#fff; width:79%; background-color: #9a1a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#9a1a4a), to(#d71c43)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #9a1a4a, #d71c43); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #9a1a4a, #d71c43); /* FF3.6 */ -webkit-box-shadow: 4px 4px 4px #ccc; /* Saf3-4 */ -moz-box-shadow: 4px 4px 4px #ccc; /* FF3.5 - 3.6 */ box-shadow: 4px 4px 4px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 6px; /* FF1-3.6 */ border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } #nav a:hover{height: auto;margin: 0 0 0 1%;padding:2% 10%;cursor:pointer;color:#fff;background-color:#fff;} #on{display:block;height:26px; margin: 0 0 0 1%;padding:2% 10%; max-width:79%;} #home #kicker h1, #home #kicker span, #thanks #kicker span, #home #kickerFr span, #thanks #kickerFr span { margin: 0; padding: 9px 0 9px 0; text-align: left; width: auto;} #footer{height:100%;background-image:none; width:100%; padding:0; margin:0 ; border-top: none; min-height: 1px; padding-bottom:5%; background-color: #9a1a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#9a1a4a), to(#d71c43)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #9a1a4a, #d71c43); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #9a1a4a, #d71c43); /* FF3.6 */ background-image: -o-linear-gradient(top, #9a1a4a, #d71c43); /* Opera 11.10+ */ } .wrap{text-align: left; background-color: none; width:92%; height:100%; padding:0; margin:0 4%;} #footer .pad ul{margin:0; padding:0;} #box1 ul {padding:5% 0; margin:0;} #box1 .pad p{ display:block; width:90%;clear:left; padding-left:0; margin-left:0;} #kicker{width:85%;margin:2% 0 2% 0; padding:0; } #kicker img{ padding:0 6% 20% 0;} .blog{margin:2% 5% 2% 0; width:80%; height:auto;} #feedControl{width:90%; margin:0; padding:0 0 2% 0; height:auto;} .read-more{ display:block; max-width:100%; margin:2% 5% 2% 0; float:left; clear:both;} .read-more a, .read-more a{width:100%;padding:0; margin:0;} .read-more a, .read-more a:visited{background-position:100% 0;} .read-more a:hover, .read-more a:active{background-position:100% -40px;} .boite{ float:left; clear:both; display:block; width:100%; height:auto; padding:0; margin:3% 0;; } .boite ul{ padding:0; margin:0 0 0 10%;} .boite li{ padding:0 0 2% 0; margin:0;} #portfolio #left{float: none;margin:0;display: block;width: auto; max-width:95%; padding:0; height:auto;} #portfolio #left .contents{ max-width:95%;margin: 0;padding:0; height:auto; min-height:1px; margin-left:4%; margin-bottom:5%;} div.content { display: none; float: none; margin-right:0; margin-left:2%; width: 420px;} div.caption-container { display: block; float: none; height:50px; position: relative; width:auto; margin:10px 0; padding:0;} #thumbs h2 { display: block; margin:20px 0 0 0; padding:2% 0 2% 15px; text-align: left; height:30px; } div.navigation {margin-left:15px;} #faq #right .contents{ margin-top:0;} body#faq .contents{height:auto;min-height:1px;} .pad{padding:0 10px 10px 20px;padding:2% 0 2% 2%; min-height:1px; margin:5% 0 0 0;} #pad1, #portfolio #pad1, #services #pad1{display: block; float: none; margin:0 0 0 4%; padding:0 0 2% 0; width: auto;height:auto;} #contact #box2{ margin:0; padding:0; float:none; width:100%; background-color:#09F;} #pad2{ margin:0 0 0 4%; padding:0;} #firefox{ margin-top:2%;} div.content, div.controls, div.loader, div.slideshow a.advance-link { max-width:100%; height:auto; padding:0; margin:0;} form, #payPalForm{ max-width:100%; margin:0; padding:0;} fieldset { width:80%; max-width:80%; margin:2% 10%; padding:5%; background-color:#FFC;} ul.thumbs, #thumbs.navigation h2{ display:none; visibility:hidden;} } /**********************MKedia = Mobile - IPhone portrait *************************/ @media handheld, only screen and (max-device-width: 480px)and (orientation: portrait){ body,#left, #right, #box1, #box2,#wrap.#main{ max-width:320px; } #logo,#portfolio #logo,#services #logo,#contact #logo{height: auto; width: auto;padding:0; margin:2%;} #contact #box2, #contact #pad2{max-width:100%; padding:0; margin:0;} #logo img{ max-width:100%;} #portfolio #left{float: none;margin:0;display: block;width: auto; max-width:60%; padding:0; height:auto;} #portfolio #left .contents{ max-width:80%;margin: 0;padding:0; height:auto; min-height:1px; margin-left:4%; margin-bottom:5%;} #splash, #home #port h2{ display:none; visibility:hidden;} #gallery.content, ul.thumbs, #thumbs.navigation h2{ display:none; visibility:hidden;} } /**********************MKedia = Mobile - All other orientation portrait *************************/ @media handheld, only screen and (max-device-width: 767px) and (orientation: portrait){ #gallery.content, ul.thumbs, #thumbs.navigation h2{ display:none; visibility:hidden;} } /*******png img fix for IE7 .logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader» (src="/path/to/logo.png", sizingMethod="scale"); }