@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;font-weight:normal}
:focus{outline:0}
body{line-height:1;color:#000;font:14px/120% Arial,Verdana,Tahoma,'Sans-serif';text-align:center;background:#fff;-webkit-font-smoothing:antialiased;}
a{color:#000;text-decoration:none}
li{list-style:none}
blockquote:before, blockquote:after,
q:before, q:after {content:""}
blockquote, q{quotes:"" ""}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
abbr,acronym {border:0;font-variant:normal}
textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt}
table,
td,
tr { padding:0; border:0; margin: 0; border-collapse:collapse }
*:link, *:visited, *:hover, *:active, *:focus {-webkit-transition:color .25s linear,background-color .25s linear,border-color .25s linear;-moz-transition:color .25s linear, background-color .25s linear,border-color .25s linear}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix {display:inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%}

/* header */
header {display:block;width:247px;float:left}
header h1 {display:block;background:url(../images/beach-nail-art.png) 50% 50% no-repeat #0abaae;width:100%;height:211px;text-indent:-9000px}
header h1 a {display:block;width:100%;height:100%}
header h2 {display:block;width:100%;height:60px;background-color:#e61a59;border-bottom:10px solid #0abaae;font:45px/45px 'ChaletComprime-CologneEighty',Arial,Verdana,Tahoma,'Sans-serif';color:#000;text-transform:uppercase;padding:130px 0 0}

/* menu */
nav {display:block;background:#0abaae;border:5px solid #e61a59}
nav ul li {float:left}
nav ul li a {display:block;width:79px;height:30px;font:18px/18px 'ChaletComprime-CologneEighty',Arial,Verdana,Tahoma,'Sans-serif';color:#000;text-transform:uppercase;padding:60px 0 0}
nav ul li a.color:hover {background-color:#ea6c90}
nav ul li a:hover {background-color:#3ad8cc}

/* wrapper */
.wrapper {display:block;width:809px;height: 511px;margin:0 auto;background:#f9ed32}
.wrapper .content {width:534px;padding:14px;float:left}
.wrapper .content h2 {background:#b0dc24;height:55px;padding:0 0 0 95px;font:31px/55px 'pf_beausans_probold',Arial,Verdana,Tahoma,'Sans-serif';color:#fff;text-transform:uppercase;text-align:left}

/* footer */
footer {display:block;width:809px;margin:0 auto}
footer p {display:block;background:url(../images/maybelline.gif) 0 0 repeat-x #000;width:100%;height:89px;text-indent:-9000px}
footer p a {display:block;width:100%;height:100%;text-indent:-9000px}