/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing:0;}
a {text-decoration:none;outline:none;}
abbr {cursor:help;}

/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


body {height:100%;font-size: 62.5%;font-family: georgia, palatino, times new roman;background:#F1F1F1 url(../images/template/page-bg.jpg);border-bottom:8px solid #333;}
#headerwrap{width:100%;position:relative;min-height:9.5em;z-index:98;}
#header_wrapper {width:100%;min-height:9.5em;position:fixed;top:0;z-index:98;border-top:8px solid #B20894;background:#fff url(../images/template/header_bg.gif) left bottom repeat-x;border-bottom:1px solid #E7B2DE;}
#header_footer {width:100%;height:10px; background:transparent url(../images/template/header_shadow.png) left top repeat-x;position:fixed;top:10.3em;z-index:99;}
#header {width: 90em;margin:0 auto;}
#header h1 {float:left; width:416px;height:65px;background: transparent url(../images/template/alexmahan_bg.png) left top no-repeat;text-indent:-9999px;margin-top:0.8em;}
#header h1 a {display:block;width:410px;height:65px;}
ul#nav {display:block;float:right; width: 44.8em;}
ul#nav li {cursor:pointer;}
ul#nav li a {display:block;float:left;margin-left:0.8em;font-size:1.4em;background-color:#D06ABE;padding:4em 0.76em 0.5em 0.76em;font-family:georgia, times new roman, serif;font-style:italic;color:#fff;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;overflow:auto;}
ul#nav li a:hover,ul#nav li a:active {background-color:#B20894;}
ul#nav li a.current{background-color:#B20894!important;}
ul#nav li.selectedLava a {background-color:#B20894!important;}

#container {width: 90em;margin: 0 auto 4em auto; z-index:1}

#content {width:100%;}
div.section {padding-top:13.5em;}
/*#content p, #header p {font-size:1.6em;line-height:1.4em;font-style:italic;color:#4d4d4d;margin-bottom:2em;padding-left:15em;}*/
h2 {width:99.9%;padding-top:0;padding-bottom:.5em;margin-bottom:1em;font-family:helvetica,arial,sans-serif;letter-spacing:-1px;font-size:3em;color:#4d4d4d;border-bottom:1px solid #E7B2DE;}
span.backtotop a {width:22px;height:12px;background:transparent url(../images/template/backtotop.png) left bottom no-repeat;text-indent: -9999px;margin-top:20px;display:block;}
span.backtotop a:hover {background:transparent url(../images/template/backtotop.png) left top no-repeat;}


#slideController {width:22em;float:left;}
#slideController ul li a {display:block;float:left;text-indent:-9999px;width:9em;height:9em;margin: 0 1.5em 1.5em 0;border:1px solid #e7b2de;-moz-border-radius: 4px; -webkit-border-radius: 4px;cursor:pointer;}
#slideController ul li a:hover {border-color:#B20894;}
#slideController ul li a#slidelink1 {background:url(../images/content/heineken_ar_bigthumb.jpg) -204px -80px no-repeat;}
#slideController ul li a#slidelink2 {background:url(../images/content/wpp_bigthumb.jpg) -140px -166px no-repeat;}
#slideController ul li a#slidelink3 {background:url(../images/content/dos_bigthumb.jpg) -285px 0 no-repeat;}
#slideController ul li a#slidelink4 {background:url(../images/content/pl_chances_bigthumb.jpg) -58px -85px no-repeat;}
#jFlowSlide {float:right!important;}
.jFlowSlideContainer {overflow:hidden!important;float:left!important;}
#slideController ul li a.jFlowSelected {border-color:#B20894!important;}

#featurebox {width:66.6em;}
#featurebox div.clearfix {display:block;width:64em; height: 28em;border:1px solid #B20894;padding:1.2em;background-color:#fff;margin-bottom:2em;-moz-border-radius: 5px; -webkit-border-radius:5px; overflow:hidden !important;}
#featurebox div.clearfix img {float:left;border:1px solid #E7B2DE; margin-right:1.2em; }
#featurebox div.clearfix h3{font-size:1.4em;color:#333;margin-bottom:0.6em;}
#featurebox div.clearfix p {font-size:1.25em;font-style:italic;line-height:1.3em;margin-bottom:0.8em;color:#4d4d4d;}
#featurebox div.clearfix p a {color: #B20894;text-decoration: underline;}
#featurebox div.clearfix p a:hover {color:#fff;background-color:#B20894;text-decoration: none;}
#featurebox div.flipbox {background-color: transparent;}

.portfolio_row{width:100%;margin-bottom:3.5em;}
.portfolio_item {display:inline;float:left;margin-right:32px;width:175px;min-height:230px;border:1px solid #B20894;-moz-border-radius: 5px; -webkit-border-radius:5px;background-color:#fff;padding:12px;}
.portfolio_item.last {margin-right:0;}
.portfolio_item img {border:1px solid #E7B2DE;}
.portfolio_item img:hover {border:1px solid #B20894;}
.portfolio_item h3 {font-size:1.4em;margin:0.3em 0 0 0;color:#4d4d4d;}
.portfolio_item p {font-size:1.2em;font-style:italic;line-height:1.3em;color:#4d4d4d;margin-top:0.2em;}
.portfolio_item p a, #portfolio p.footnote a {color: #B20894;text-decoration: underline;}
.portfolio_item p a:hover, #portfolio p.footnote a:hover {color:#fff;background-color:#B20894;text-decoration: none;}
.portfolio_item p a.bonus {color:#4d4d4d;text-decoration:none;border-bottom:1px dotted #999;}
.portfolio_item p a.bonus:hover {color:#4d4d4d;background:transparent;border-bottom:1px solid #999;}
#portfolio p.footnote {font-size: 1.3em;font-style:italic;color:#4d4d4d;}

#skills {}
.cv_download {display:inline;margin-right: 3.2em;float: left;width:199px;height:199px;border:1px solid #e7b2de;-moz-border-radius: 5px; -webkit-border-radius:5px;background:transparent url(../images/template/cv_button.gif) left top no-repeat;}
.cv_download:hover {border:1px solid #B20894}
.cv_download a {display:block;text-indent:-9999px;width:199px;height:199px;background:transparent;}
#skills h3 {font-size:2em;color:#4d4d4d;}
#skills .col1 {float:left;display:inline;width:31.3em;}
#skills .col2 {float:right;width:31.3em;}
#skills ul {margin-top: 1em;font-size:1.6em;font-style:italic;color:#4d4d4d;}
#skills ul li {padding: 10px 0 10px 38px;border-bottom:1px solid #e7b2de;background:transparent url(../images/template/checkbox.png) left 4px no-repeat;}

#about img {float:left;}
.about_content {width:66.4em;float:right;}
.about_content p {font-size:1.6em;font-style:italic;color:#4d4d4d;line-height:1.4em;margin-bottom:1.2em;}

#contact {padding-bottom:4em;}
#contact h2, #contact h3, #contact p {color:#4d4d4d;}
#contact h3 {font-size: 2em;}
#contact p {font-size:1.6em;line-height:1.4em;font-style: italic;margin-bottom:1.5em;}
#contact p a, #about p a {color:#b20894;}
#contact p a:hover, #about p a:hover {background-color:#b20894;color:#fff;}
#contact_form {width:540px; float:left;}
#contactform div {clear:both;margin-bottom:1em;}
#contactform div.validate {display:none;}
form {margin-top: 3em;}
form label {width:170px;float:left;font-size:1.6em;font-style:italic;color:#4d4d4d;}
form input {width:340px;min-height:20px;border: 1px solid #ccc;-moz-border-radius: 4px; -webkit-border-radius:4px; padding:5px 5px 2px 5px;font-size:1.6em;font-family: helvetica, arial, verdana, sans-serif;color:#999;}
form textarea {width: 340px;min-height: 100px;border: 1px solid #e7b2de;-moz-border-radius: 4px; -webkit-border-radius:4px; padding:5px 5px 2px 5px;font-size:1.6em;font-family: helvetica, arial, verdana, sans-serif;color:#999;}
form input#submit {margin-left:170px;margin-bottom: 10px;width:350px;background-color: #B20894;color:#fff;cursor:pointer;}
form input#submit:active {background-color:#e7b2de;border-color:#fff;}
form input#reset {margin-left:170px;width:350px;background-color: #999;border-color:#ccc;color:#fff;cursor:pointer;}
form input#reset:active {background-color:#e7b2de;border-color:#fff;}

/* contact form notification shit */

.notification_error, .notification_ok, div.response
{
border: 1px solid #e7b2de;
height: auto;
width: 505px!important;
color:#fff;
padding: 8px;
background-color: #E7B2DE;
text-align: left;
-moz-border-radius: 5px;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: bold;
font-size: 1.9em;
line-height: 1.2em;
}


#other_contact {width:300px;float:right;}

#social {}
#social ul li {float:left;margin-right: 8px;display:inline;}