html {
    height: 100%;
}



body  {
	height: 100%;
	margin:0;
	padding: 0px;
	border: 0px;
	color: #000000;
	font-family: facitweb,Times,sans-serif;
	font-style: normal;
    font-weight: 300;
	font-size:100%;
	background-image:url(../images/bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#000b0b;
}

img {
border:0px;
}





#containerouter {
	position: relative;
	overflow: visible;	
	width:960px;
	left:0px;
	border: 0px;
	padding: 0px;
	margin: auto auto;
	text-align:left;
}


#maincontent {	
width:960px;
float:left;
padding:0px;
margin:0px;
border:0px;
}

#contentwrapper{
float:left;
width:773px;
height:326px;
margin-top:242px;
margin-left:93px;
border:0px;
padding:0px;
background-image:url(../images/home.png);
}


#contentwrappertext{
float:left;
width:773px;
height:326px;
margin-top:242px;
margin-left:93px;
border:0px;
padding:0px;
background-image:url(../images/text_bg.png);
}

#logo{
position:absolute;	
top:160px;
left:865px;
}


#enter {
width:70px;
height:11px;
margin:0px;
padding:0px;
position:absolute;
top:585px;
left:435px;
overflow:hidden;
}


#enter a	{ 
margin:0px;
padding:0px;
color:#ffffff;
text-decoration:none;
display:block;
background:url(../images/enter.png) no-repeat;
text-indent:-9999px;
} 

#enter a:hover		    { 
background-position:0px -17px;
}

#enter a:active   { 
color: #df0077; 
}


#textcontent{
width:710px;
text-align:right;
padding-left:40px;
padding-top:26px;
}

#textcontent p{
color:#FFF;
font-size:13px;
line-height:22px;
padding-bottom:24px;
margin:0px;
}

#clientscontent{
width:750px;
height:250px;
padding-left:10px;
margin-top:20px;
overflow: auto;
}


#clientscontent p.comments{
color:#FFF;
font-size:13px;
line-height:22px;
padding:0px;
margin:0px;
}

#clientscontent p.footer{
color:#df0077;
font-size:13px;
line-height:17px;
padding-bottom:10px;
margin:0px;
}

#aboutcontent{
width:790px;
padding-left:10px;
padding-top:20px;
margin:0px;
}

#aboutcontent p{
color:#FFF;
font-size:13px;
line-height:22px;
padding-bottom:20px;
margin:0px;
}

#aboutcontent p.header{
color:#df0077;
font-size:13px;
line-height:22px;
padding-bottom:5px;
margin:0px;
}



#aboutcontent p.contact{
color:#FFF;
font-size:12px;
line-height:14px;
padding-bottom:9px;
margin:0px;
}

#aboutcontent p.contactlinked{
color:#FFF;
font-size:12px;
line-height:14px;
padding-bottom:9px;
margin:0px;
}


#aboutcontent p.contactlinked a{
color:#FFF;
text-decoration:none;
}

#aboutcontent p.contactlinked a:hover{
color:#df0077;
text-decoration:none;
}



#aboutcontent p.work{
color:#FFF;
font-size:10px;
margin:0px;
padding-bottom:0px;
}

#aboutcontent p.work a{
color:#FFF;
text-decoration:none;
}

#aboutcontent p.work a:hover{
color:#df0077;
text-decoration:none;
}


#aboutcontent p.design{
color:#FFF;
font-size:10px;
margin:0px;
padding-left:12px;
padding-bottom:0px;
}


#aboutcontent p.design a{
color:#FFF;
text-decoration:none;
}

#aboutcontent p.design a:hover{
color:#df0077;
text-decoration:none;
}


#aboutcontent p.brief{
color:#FFF;
font-size:9px;
margin:0px;
line-height:normal;
padding-top:3px;
}


#aboutcontent p.contact a{
color:#FFF;
text-decoration:none;
}


#aboutcontent p.comments{
color:#FFF;
font-size:13px;
line-height:16px;
padding:0px;
margin:0px;
}

.bullet {
display:inline-block;
font-size:16px;
color:#df0077;	
}



#aboutcontent p.footer{
color:#df0077;
font-size:13px;
line-height:20px;
padding-bottom:5px;
margin:0px;
}


#topnav {
width:690px;
height:15px;
padding:0px;
margin-left:74px;
margin-top:-20px;
}

ul.topnav{
display:block;
list-style:none;
padding:0px;
margin:0px;
}

ul.topnav li{
float:left;	
padding-right:2px;
margin:0px;
}


ul.topnav li a {display:block;height:15px;text-indent:-2999px;}

ul.topnav li.nav-home{width:50px;}
ul.topnav li a.nav-home{
background:url(../images/nav_strip_top.png);
background-position:0px 0px;
background-repeat:no-repeat;
width:50px;
height:10px;
}
ul.topnav li a.nav-home:hover {background:url(../images/nav_strip_top.png);background-position: 0px -11px;background-repeat:no-repeat;}

ul.topnav li.nav-intro{width:118px;}
ul.topnav li a.nav-intro{
background:url(../images/nav_strip_top.png);
background-position:-58px 0px;
background-repeat:no-repeat;
width:118px;
height:10px
}
ul.topnav li a.nav-intro:hover {background:url(../images/nav_strip_top.png);background-position: -58px -11px;background-repeat:no-repeat;}
ul.topnav li a.nav-intro-active {background:url(../images/nav_strip_top.png);background-position: -58px -11px;background-repeat:no-repeat;}


ul.topnav li.nav-about{width:85px;}
ul.topnav li a.nav-about{
background:url(../images/nav_strip_top.png) no-repeat;
background-position:-178px 0px;
width:85px;
height:10px
}
ul.topnav li a.nav-about:hover {background:url(../images/nav_strip_top.png);background-position: -178px -11px;background-repeat:no-repeat;}
ul.topnav li a.nav-about-active {background:url(../images/nav_strip_top.png);background-position: -178px -11px;background-repeat:no-repeat;}

ul.topnav li.nav-services{width:80px;}
ul.topnav li a.nav-services{
background:url(../images/nav_strip_top.png) no-repeat;
background-position:-262px 0px;
width:80px;
height:10px
}
ul.topnav li a.nav-services:hover {background:url(../images/nav_strip_top.png);background-position: -262px -11px;background-repeat:no-repeat;}
ul.topnav li a.nav-services-active {background:url(../images/nav_strip_top.png);background-position: -262px -11px;background-repeat:no-repeat;}

ul.topnav li.nav-say{width:178px;}
ul.topnav li a.nav-say{
background:url(../images/nav_strip_top.png) no-repeat;
background-position:-342px 0px;
width:178px;
height:10px
}
ul.topnav li a.nav-say:hover {background:url(../images/nav_strip_top.png);background-position: -342px -11px;background-repeat:no-repeat;}
ul.topnav li a.nav-say-active {background:url(../images/nav_strip_top.png);background-position: -342px -11px;background-repeat:no-repeat;}

ul.topnav li.nav-clients{width:73px;}
ul.topnav li a.nav-clients{
background:url(../images/nav_strip_top.png) no-repeat;
background-position:-522px 0px;
width:73px;
height:10px
}
ul.topnav li a.nav-clients:hover {background:url(../images/nav_strip_top.png);background-position: -522px -11px;background-repeat:no-repeat;}
ul.topnav li a.nav-clients-active {background:url(../images/nav_strip_top.png);background-position: -522px -11px;background-repeat:no-repeat;}

ul.topnav li.nav-contact{width:84px;}
ul.topnav li a.nav-contact{
background:url(../images/nav_strip_top.png) no-repeat;
background-position:-594px 0px;
width:80px;
height:10px
}
ul.topnav li a.nav-contact:hover {background:url(../images/nav_strip_top.png);background-position: -594px -11px;background-repeat:no-repeat;}
ul.topnav li a.nav-contact-active {background:url(../images/nav_strip_top.png);background-position: -594px -11px;background-repeat:no-repeat;}


#bottomnav {
position:absolute;
top:564px;
left:360px;
width:500px;
height:10px;
padding:0px;
margin-left:0px;
margin-top:-20px;
}

ul.bottomnav{
display:block;
list-style:none;
padding:0px;
margin:0px;
}

ul.bottomnav li{
float:left;	
padding-right:2px;
margin:0px;
}

ul.bottomnav li a {display:block;height:15px;text-indent:-2999px;}

ul.bottomnav li.nav-t{width:148px;}
ul.bottomnav li a.nav-t{
background:url(../images/nav_strip_bottom.png);
background-position:0px 0px;
background-repeat:no-repeat;
width:148px;
height:10px
}
/*ul.bottomnav li a.nav-t:hover {background:url(../images/nav_strip_bottom.png);background-position: -0px -12px;background-repeat:no-repeat;}*/
ul.bottomnav li a.nav-t-active {background:url(../images/nav_strip_bottom.png);background-position: -0px -12px;background-repeat:no-repeat;}


ul.bottomnav li.nav-m{width:140px;}
ul.bottomnav li a.nav-m{
background:url(../images/nav_strip_bottom.png);
background-position:-148px 0px;
background-repeat:no-repeat;
width:140px;
height:10px
}
/*ul.bottomnav li a.nav-m:hover {background:url(../images/nav_strip_bottom.png);background-position: -148px -12px;background-repeat:no-repeat;}*/
ul.bottomnav li a.nav-m-active {background:url(../images/nav_strip_bottom.png);background-position: -148px -12px;background-repeat:no-repeat;}


ul.bottomnav li.nav-e{width:194px;}
ul.bottomnav li a.nav-e{
background:url(../images/nav_strip_bottom.png);
background-position:-289px 0px;
background-repeat:no-repeat;
width:194px;
height:10px
}
ul.bottomnav li a.nav-e:hover {background:url(../images/nav_strip_bottom.png);background-position: -289px -12px;background-repeat:no-repeat;}
ul.bottomnav li a.nav-e-active {background:url(../images/nav_strip_bottom.png);background-position: -289px -12px;background-repeat:no-repeat;}

#contactform{
font-size:11px;
color:#000;
}

#linkedin{
position:absolute;	
top:577px;
left:774px;
}

#worksamples{
position:absolute;	
top:573px;
left:678px;
}

input, textarea {border: 0px none;}
textarea:focus, input:focus{outline: none;}
textarea {border:none}