/* Handcoded by RapidxHTML - http://www.rapidxhtml.com */

/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* links */
a {
    color:#6600cc;
    text-decoration:underline;
    font-weight:bold;
}

a:hover {
    text-decoration:none;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    margin:0;
}

h1 {
    font-size:300%;
    color:#000;
}

h2 {
    font-size:250%;
    color:#000;
}

h3 {
    font-size:200%;
    color:#000;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#000;
}

h6 {
    font-size:125%;
    color:#000;
}

/* page setup */
body {
    background:#FFF url(../images/bg.jpg);
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#444;
    font-size:12px;
}

div#page {
    background:url(../images/wrapper_bg.jpg) 50% 0 no-repeat;
		min-width:1250px;
}

/* wrapper setup */
div.rapidxwpr {
    margin:auto;
    width:1169px;
    padding:330px 25px 0 0;
    position:relative;
}

/* header */
div#header {
    position:relative;
    height:90px;
    margin:0;
}

/* main body setup */
div#middle {
    width:auto;
    margin:0 8px 0 0;
    clear:both;
    background:url(../images/middle_bottom.png) 100% 100% no-repeat;
    padding:0 0 20px 0;
}

div.middle_bg {
    background:url(../images/middle_bg.png) 100% 0 repeat-y;
    overflow:hidden;
    padding:32px 0 0 0;
}

/* left column */
div#left {
    width:225px;
    float:left;
    margin:0;
    padding:0;
}

/* content column */
div#main {
    width:800px;
    float:right;
    margin:0;
    padding:0 55px;
}

/* footer */
div#footer {
    width:auto;
    padding:35px 0 100px 260px;
    clear:both;
    overflow:hidden;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

div.logo {
    float:left;
}

/* topmenu */
div#topmenu {
    float:right;
    padding:48px 62px 0 0;
    width:800px;
    font-weight:bold;
}

div#topmenu ul {
    padding:0;
    margin:0;
    list-style:none;
    float:right;
}

div#topmenu ul li {
    float:left;
    height:36px;
    margin:0 0 0 15px;
}

div#topmenu ul li a {
    display:block;
    padding:0;
    line-height:34px;
    color:#fff;
    width:106px;
    height:36px;
    background:url(../images/menu_bg.png) 0 0 no-repeat;
    text-align:center;
    text-decoration:none;
}

div#topmenu ul li a:hover {
    background:url(../images/menu_bg.png) 0 -50px no-repeat;
    text-decoration:none;
}

div#topmenu ul li.active a {
    background:url(../images/menu_bg.png) 0 -100px no-repeat;
    text-decoration:none;
    color:#b27fe5;
}

div#topmenu h4 {
    margin:0;
    font-size:13px;
    line-height:35px;
    color:#999999;
    padding:-1 10px 0 45px;
    float:left;
}

div#topmenu a.selected_work {
    display:block;
    font-size:12px;
    line-height:34px;
    color:#b27fe5;
    padding:0;
    float:left;
    width:146px;
    height:36px;
    background:url(../images/selected_bg.png) 0 0 no-repeat;
    text-align:center;
    text-decoration:none;
}

div#topmenu a.selected_work:hover {
    text-decoration:none;
}


div.work ul {
    list-style:none;
}

div.work div.portfolioitem {
    border-top:dotted 1px #cccccc;
    padding:33px 0 45px 0;
    overflow:hidden;
}

div.work div.portfolioitem div.work_title {
    width:705px;
    line-height:20px;
    float:left;
}

div.work div.portfolioitem div.work_title h2 {
    margin:0;
    font-family:"Museo 500", Arial;
    font-size:30px;
    color:#6600CC;
    line-height:30px;
}

div.work div.portfolioitem div.work_title span {
    display:block;
    color:#000;
}

div.work div.portfolioitem div.work_title span a {
    color:#6600CC;
    text-decoration:underline;
}

div.work div.portfolioitem div.work_title span a:hover {
    text-decoration:none;
}

div.work div.portfolioitem div.select_more {
    float:right;
    width:90px;
    margin:36px 0 0 0;
}

div.work div.portfolioitem div.select_more a.up {
    background:url(../images/button_arrows.png) 0 0 no-repeat;
    width:40px;
    height:40px;
    display:block;
    text-indent:-9999px;
    float:left;
}

div.work div.portfolioitem div.select_more a.up:hover {
    background:url(../images/button_arrows.png) 0 -50px no-repeat;
}

div.work div.portfolioitem div.select_more a.down {
    background:url(../images/button_arrows.png) -50px 0 no-repeat;
    width:40px;
    height:40px;
    display:block;
    text-indent:-9999px;
    float:right;
}

div.work div.portfolioitem div.select_more a.down:hover {
    background:url(../images/button_arrows.png) -50px -50px no-repeat;
}

div.work div.portfolioitem div.work_preview {
    padding:15px 0 0 0;
    clear:both;
}


div.sidebox {
    padding:20px 14px 0 0;
    color:#000;
    margin:0 0 20px 0;
    clear:both;
    overflow:hidden;
}

div.sidebox h3 {
    margin:0 0 13px 0;
    color:#6600CC;
    font-size:20px;
    font-weight:normal;
    background:#fff;
		float:left;
		clear:both;
}

div.sidebox span.newline {
    line-height:18px;
    font-weight:normal;
    background:#fff;
    margin:1px 0;
    display:block;
		float:left;
		clear:both;
}

div.sidebox img {
    margin:8px 0 12px 0;
}


div.mention {
    margin:30px 0 0 0;
}

div.mention h3 {
    margin:0;
    color:#6600CC;
    font-size:20px;
    font-weight:normal;
    background:#fff;
}

div.mention ul {
    list-style:none;
}

div.mention ul li {
    color:#000;
    margin:20px 0 0 0;
    line-height:20px;
    padding:0 35px 0 0;
}

div.mention ul li span.mention_title {
    background:#fff;
    margin:0 0 2px 0;
    display:block;
		float:left;
		clear:both;
}

div.mention ul li span.interview_date {
    background:#fff;
    margin:0 0 2px 0;
}

div.mention ul li span.mention_title a {
    color:#6600CC;
    text-decoration:underline;
    font-style:italic;
}

div.mention ul li span.mention_title a:hover {
    text-decoration:none;
}


div.thank_you {
    float:left;
    width:523px;
    color:#CCCCCC;
}

div.thank_you span.copyright {
    font-size:16px;
    background:#FFF;
    display:block;
		float:left;
		clear:both;
}

div.thank_you h2 {
    margin:30px 0 -4px 0;
    color:#e5e5e5;
    font-size:88px;
    background:#FFF;
    display:block;
		clear:both;
    font-weight:normal;
}

div.thank_you h4 {
    margin:0;
    color:#e5e5e5;
    font-size:26px;
    background:#FFF;
    clear:both;
    font-weight:normal;
}


div.social_media {
    width:170px;
    float:left;
	padding-left: 38px;
}

div.social_media h3 {
    margin:0;
    color:#CCCCCC;
    font-size:16px;
    font-weight:normal;
		background:#FFF;
}

div.social_media ul {
    list-style:none;
    padding:16px 0 0 0;
}

div.social_media ul li a {
    color:#000;
    height:25px;
    padding:0 0 0 35px;
    margin:0 0 8px 0;
    line-height:25px;
    display:block;
		float:left;
		clear:both;
}

div.social_media ul li a.behance {
    background:#fff url(../images/social_icon.png) 0 0 no-repeat;
}

div.social_media ul li a.twitter {
    background:#fff url(../images/social_icon.png) 0 -35px no-repeat;
}

div.social_media ul li a.facebook {
    background:#fff url(../images/social_icon.png) 0 -70px no-repeat;
}

div.social_media ul li a.linkedin {
    background:#fff url(../images/social_icon.png) 0 -105px no-repeat;
}

div.social_media ul li a:hover {
    color:#6600CC;
    text-decoration:none;
}


div.my_inspiration {
    width:178px;
    float:right;
}

div.my_inspiration h3 {
    margin:0;
    color:#CCCCCC;
    font-size:16px;
    font-weight:normal;
		background:#FFF;
}

div.my_inspiration ul {
    list-style:none;
    padding:16px 0 0 0;
}

div.my_inspiration ul li a {
    color:#000;
    line-height:25px;
    margin:0 0 8px 0;
    background:#fff;
    display:block;
		float:left;
		clear:both;
}

div.my_inspiration ul li a:hover {
    color:#6600CC;
    text-decoration:none;
}

a#floatlink {
    position:absolute;
    top:330px;
    right:-15px;
    width:35px;
    height:125px;
    display:block;
    background:url(../images/top_btn.png) 0 0 no-repeat;
    text-indent:-9999px;
}

a#floatlink:hover {
    background:url(../images/top_btn.png) 0 -170px no-repeat;
}