* {margin:0;padding:0;outline:0;}

html {background:#000;}
body {font-size:11px;font-family:Helvetica, Arial, sans-serif;color:#fff;}
a {text-decoration:none;color:#fff;}
a:hover {color:#dedede;}
a img {border:none;}
p {margin-left: -96px;
font-size: 11px;
text-align: justify;}
li {list-style:none outside none;}
input {border:none;padding:3px 5px;}
h1,h2,h3,h4,h5,h6 {margin:0 0 0.5em;font-weight:bold;}
h1 {font-size:2em;}
h2 {font-size:1em;}
h3 {font-size:1em;}
h4 {font-size:1em;}
h5 {font-size:1em;}
h6 {font-size:1em;}
.marginless {margin:0;}

#container {position:relative;width:1153px;height:950px;}

#main {position:relative;width:368px;height:950px;z-index:1000;}
#mainBG {position:absolute;top:0;left:0;width:368px;height:950px;background:#000;opacity:0.7;z-index:-1;}
#logo  {position:absolute;left:-184px;top:199px;width:184px;height:34px;cursor:pointer;}
#logo2 {position:absolute;left:-823px;top:480px;width:823px;height:167px;}
#menu {padding:192px 0 0 266px;font-size:10px;line-height:2em;text-transform:uppercase;}
#menu ul li a {display:block;padding:3px 0;color:#bcb8b8;opacity:0.4;}
#menu ul li a.active {opacity:1;}

#pages {position:absolute;top:0;left:0;height:950px;}
#pages .page {position:absolute;top:0;left:0;width:1153px;height:950px;}

#home {background:url('home.jpg') no-repeat top right;}
#media {background:#000;}
#backgrounds {display:none;position:absolute;top:0;right:0;width:785px;height:950px;}

/* SUBMENU */
.submenu {position:absolute;top:0;left:-150px;width:150px;height:950px;opacity:0.4;background:#000;z-index:50;}
#projects .submenu {width:130px;height:755px;padding:195px 0 0 20px;font-size:9px;line-height:2em;text-transform:uppercase;opacity:1;background:#666;background:rgba(0,0,0,0.4);z-index:200;}
#projects .submenu ul {margin-bottom:3em;}
#projects .submenu ul li a {display:block;padding:3px 0;/*opacity:0.4;*/}
#projects .submenu ul li a.activeSub {opacity:1;}
#projects .submenu h3 {/*opacity:0.4;*/}
#contact .submenu {width:280px;opacity:0.3;}

/* CONTENT PANEL */
.contentPanel {position:absolute;top:0;left:368px;height:950px;background:#999;background:rgba(0,0,0,0.6);z-index:100;}
#home     .contentPanel {width:785px;left:-700px;}
#profile  .contentPanel {width:785px;left:-700px;}
#projects .contentPanel {width:510px;left:-510px;}
#services .contentPanel {width:150px;left:-150px;}
#media    .contentPanel {width:785px;left:-785px;background:url('clients background.jpg');}
#media1    .contentPanel {width:785px;left:-785px;background:url('clients-background1.jpg');}
#contact  .contentPanel {width:280px;left:-280px;background:rgba(0,0,0,0.3);}

/* CONTENT */
#home .arrow {position:absolute;top:690px;left:250px;}
#profile .content {padding:190px 0 0;line-height:1.5em;}
#profile .content img {float:left;}
#profile .content .description {float:right;width:402px;padding:0px 45px 0 20px;}
#projects .content {padding:195px 20px 0 170px;font-size:12px;line-height:1.5em;}
#projects .content .client, #projects .content .desc, #projects .content .showImages {margin-top:3em;font-size:8px;text-transform:uppercase;}
#projects .content .showImages {opacity:0.7;cursor:pointer;}
#projects .content h2 {font-weight:normal;}
#services .content {padding:195px 0 0 20px;font-size:9px;line-height:1.3em;text-transform:uppercase;color:#bcb8b8;}
#services .content li {margin:0 0 1.5em;}
#media .content {height:875px;padding:75px 40px 0;}
#media a img {float:left;width:93px;height:132px;margin:0 7px 35px 0;}
#contact .content {padding:195px 0 0 40px;}

/* PROJECTS */
#slideshowHolder {position:absolute;top:0;left:568px;width:785px;height:950px;opacity:0;background:#000;z-index:500;}
#slideshowHolder .holder {position:absolute;top:40px;left:53px;width:732px;height:710px;z-index:600;}
#slideshowHolder .loading {position:absolute;top:400px;left:420px;margin:-16px 0 0 -16px;z-index:601;}
#slideshowHolder #activeShow {position:absolute;top:40px;left:53px;width:732px;height:710px;overflow:hidden;background:#1e1e1e;z-index:520;}
#kslideshowHolder #activeShow div {position:absolute;top:50% !important;width:732px;height:710px;}
#slideshowHolder #activeShow img {position:absolute;top:50% !important;left:50% !important;}
#slideshowHolder #pagerFrame {position:absolute;top:40px;left:0;width:53px;height:710px;background:url('pager.png');z-index:600;}
#slideshowHolder #pager {position:absolute;top:150px;left:0;height:424px;width:53px;overflow:hidden;}
#slideshowHolder #pager ul {position:absolute;top:0;left:0;}
#slideshowHolder #pager li a img {display:block;margin:4px 2px;padding:2px;}
#slideshowHolder #pager li.activeSlide a img {border:2px solid #666;padding:0;}
#slideshowHolder #pagerFrame #prev  {position:absolute;left:4px;top:110px;width:45px;height:40px;background:transparent;cursor:pointer;}
#slideshowHolder #pagerFrame #next  {position:absolute;left:4px;top:585px;width:45px;height:40px;background:transparent;cursor:pointer;}
#slideshowHolder #pagerFrame #close {position:absolute;left:4px;top:640px;width:30px;height:30px;background:transparent;cursor:pointer;}

/* CONTACT */
.address, .fax, .info {line-height:1.5em;opacity:0.5;}
.phone {margin:1em 0;font-size:12px;}
.info {font-size:12px;}
.pragency {margin:25px 0 10px 0;opacity:0.8;}
.fbc {margin:130px 0 0 0;}

/* FOOTER */
#footer {position:absolute;top:960px;left:956px;font-size:10px;opacity:0.3;z-index:10000;}

/* NoJS */
.noJS #container {height:auto;overflow:visible;}
.noJS #pages, .noJS .submenu {position:relative;background:transparent;}
.noJS #pages .page {position:relative;}
.noJS #container #pages .page .mainContentPanel {left:368px;display:block;}
.noJS .contentPanel {display:none;}
.noJS #pages #home {height:950px;}
.noJS #main {position:fixed;top:0;left:0;}
.noJS #projects .submenu {display:none;}
.noJS #profile {background:url('profile.jpg') no-repeat top right;}
.noJS #projects {background:url('projects.jpg') no-repeat top right;}
.noJS #services {background:url('services.jpg') no-repeat top right;}
#media {background:#000;}
.noJS #contact {background:url('contact.jpg') no-repeat top right;}


.fbclogolink {
    left: 930px;
    position: absolute;
    top: 740px;
    width: 104px;
    z-index: 150;
}

.socialmedialinks {
    left: 975px;
    position: absolute;
    top: 877px;
    width: 213px;
    z-index: 200;
}

.twitterlink {
    display: block;
    float: left;
    width: 89px;
}

.facebooklink {
    display: block;
    float: left;
    width: 84px;
}



.tumblrlink {
    display: block;
    float: left;
    width: 28px;
}