@charset "utf-8";
/* CSS Document */

html, body {background: url(../images/background-webvair.png) repeat-x #f6f6f6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #222645; padding: 0; margin: 0; height: 101%;}

#all {width: 950px; margin: 0 auto; padding: 0;}


/* TOP */

#top {width: 950px; height: 120px; padding: 40px 0 0 0; margin: 0;}


/* LOGO */

div.logo {float: left; width: 200px; height: 70px; padding: 27px 0 0 20px; margin: 0;}


/* ICONS - SOCIAL MEDIA */

div.icons {float: right; padding: 42px 20px 0 0; margin: 0;}
div.linkedin {float: right; padding: 0 0 0 10px;}
div.cv {float: right; padding: 0 0 0 10px;}
div.twitter {float: right;}


/* MENU */

#menu {height: 42px; background: url(../images/background-menu-webvair.png) no-repeat; padding: 0; margin: 0;}
ul.menu {float: left; padding: 14px 20px 0 20px; margin: 0;}
ul.menu li {display: inline; list-style-type: none; font-size: 14px; text-transform: uppercase; padding: 0 70px 0 0; margin: 0;}

a.menu:link, a.menu:visited {text-decoration: none;}
a.menu:hover {text-decoration: underline;}


/* ABOUT ME */

#about-me {height: 250px; padding: 0; margin: 0;}
div.image {float: left; width: 250px; height: 191px; padding: 27px 0 0 0; margin: 0;}
div.about {float: right; width: 670px; padding: 75px 15px 0 15px; margin: 0;}
h1 {line-height: 0px; font-size: 24px; margin: 0;}

#line {width: 950px; height: 1px; background: url(../images/line.png) no-repeat;}
#line- {width: 950px; height: 1px; background: url(../images/line.png) no-repeat;}


/* RECENT WORK */

#recent-work {padding: 25px 20px 0 20px; margin: 0;}
div.portfolio {width: 910px; margin: 0 0 35px 0;}
div.website {float: left; width: 600px; height: 222px; padding: 20px; border: 1px solid #e4e4e4; border-style: dashed; background: #FFFFFF;}
div.information {float: right; width: 208px; height: 222px; padding: 20px; border: 1px solid #e4e4e4; border-style: dashed; background: #FFFFFF;}


/* FOOTER */

#footer {height: 40px; padding: 0; margin: 0;}
div.info {float: right; padding: 20px 20px 20px 0;}


/* LINKS */

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


/* TEXT */

h2 {font-size: 14px; text-transform: uppercase; font-weight: normal; padding: 0 0 20px 0; margin: 0;}
h3 {font-size: 12px; font-weight: bold; padding: 0 0 20px 0; margin: 0; color: #000000;}


/* LIST */

ul, li {list-style: none; margin: 0; padding: 0;}
li.yes {background: url(../images/yes.png) no-repeat; height: 16px; margin: 0 0 15px 0; padding: 1px 0 0 26px;}
li.no {background: url(../images/no.png) no-repeat; height: 16px; margin: 0 0 15px 0; padding: 1px 0 0 26px;}


/* IMAGES */

img.work {border: 1px solid #FFF;}