/* General */

/*Reset Common Tags*/

a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    width:100%;
    margin:0px auto;
    padding:0px;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:20px;
    color:#000000;
    background:#fff5f2;
    /*overflow-x: hidden;*/
}

a
{
    text-decoration:none;
    color:#ff3200;
    outline:0;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:12px 0;
}

h1
{
}

.text-red
{
    color:#ff3200;
}


		/*---------------------layout--------------------*/


        /*----------------------nav-----------------------*/
        
.nav
{
    margin:0 auto;
    margin-top:19px;
    padding:19px 0px 42px 0px;
    width:520px;
    border-top:1px solid #ff633d;
    text-transform:uppercase;
}

    .nav li
    {
	display:inline;
	list-style-type:none;
	color:#ff3200;
    }
    
	.nav a.current
	{
	    text-decoration:underline; 
	}

        /*---------------------content--------------------*/

#about
{
    float:left;
    width:520px;
    margin:20px 75px;
}

#mobile
{
    float:left;
    width:520px;
    margin:20px 75px;
}

#viral
{
    float:left;
    width:520px;
    margin:20px 75px;
}

#home
{
    float:left;
    width:520px;
    margin:20px 75px;
}

#work
{
    float:left;
    width:520px;
    margin:20px 75px;
}

#news
{
    float:left;
    width:520px;
    margin:20px 75px;
}

#contact
{
    float:left;
    width:520px;
    margin:20px 75px;
}

.extra-work
{
    float:left;
    width:520px;
    margin:20px 75px;
}
.content-bottom
{
    float:left;
    width:450px;
    border-top:1px solid #ff633d;
    text-align:left;
    margin-top:30px;
    padding-right:70px;
}

    .content-bottom ul,
    .content-bottom-work ul
    {
	margin:12px 0;
	padding:0;
    }
    
	.content-bottom li,
	.content-bottom-work li
	{
	    list-style-type:none;
	}
	
.content-bottom-home
{
    float:left;
    width:520px;
    border-top:1px solid #ff633d;
    text-align:left;
    margin-top:30px;
    text-align:center;
}

.content-bottom-work
{
    float:left;
    width:450px;
    border-top:1px solid #ff633d;
    text-align:left;
    padding-right:70px;
}

.content-bottom-contact
{
    float:left;
    width:450px;
    border-top:1px solid #ff633d;
    text-align:left;
    margin-top:30px;
    padding-right:70px;
}

    .content-bottom-contact a
    {
	color:#000000;
    }
    
#work-nav
{
    float:left;
    width:520px;
    height:30px;
    margin:0;
    padding:0;
}

    #work-nav li
    {
	list-style-type:none;
	display:inline;
	height:30px;
	line-height:30px;
    }
    
	
	
	#prev
	{
	    cursor:pointer;
	}
	
	#next
	{
	    cursor:pointer;
	}
	
.slide-holder
{
    float:left;
    width:520px;
    height:290px;
    background:#000000;
}

.slide-holder img
{
    cursor:pointer;
}

.logo
{
    margin:0 auto;
    width:520px;
    height:88px;
    text-align:center;
}

    .logo a
    {
    }
	

.top-nav-container
{
    width:100%;
    height: 200px!important;
}

.header
{
    margin:0 auto;
    width:100%;
    text-align:center;
    padding-top:20px;
}

.master-container
{
    width:100%;
}

#content-container{
    width:100%;
    overflow: hidden;
    /*overflow-x:hidden;*/
}

/*client area*/

#client-area
{
    float:left;
    width:520px;
    margin-top:40px;
}

    #client-area label
    {
        float:left;
        height:18px;
        width:160px;
        margin:7px 0;
    }
    
    .client-area-input
    {
        border:0;
        padding:2px;
        width:270px;
        margin:7px 0;
        height: 16px;
    }
    
    #client-area a
    {
        clear:both;
        margin-left:160px;
    }
    
/*shadowbox*/

#sb-container,#sb-wrapper{
text-align:left; 
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #303030;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto; 
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606; 
}
#sb-title,#sb-info{
position:relative;
margin:0; 
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:'Lucida Grande',Tahoma,sans-serif;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
position:relative;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(scripts/resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(scripts/resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(scripts/resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(scripts/resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(scripts/resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:'Lucida Grande',Tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}