@charset "UTF-8";
/* CSS Document */

*{
padding: 0px;
margin: 0px;
border: 0px;
}

html{

}

body{
background-color: #161616;
/*background-image: url("http://www.launchpadcreative.com.au//images/bg_home.gif");*/
background-repeat: no-repeat;
background-repeat: repeat-x;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#home_bg_color{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 515px;
background-color: #1a1a1a;
z-index: -10;
}

#content_bg_color{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 400px;
background-color: #1a1a1a;
z-index: -10;
}

#work_bg_color{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 420px;
background-color: #1a1a1a;
z-index: -10;
}

#work_view_bg_color{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 215px;
background-color: #1a1a1a;
z-index: -10;
}

#page{
width:960px;
margin: 30px auto;
}

#header{
height:40px;
width:960px;
}

#logo{
float: left;
}

#navbar{
float: right;
margin-top: 12px;
margin-right: 16px;
}

.link{
float: left;
margin-left: 5px;
margin-right: 5px;
}

.link a{
color: white;
font-size: 12px;
text-decoration: none;
}

.link a:hover{
color: #dedede;
}

/* ================================================
						Home						*/

#title_wrapper{
width:940px;
height: 70px;
margin-top: 75px;
}

#back{
float: right; 
margin-top: 29px;
}

#back a{
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-style: italic;
text-decoration: none;
}

#back a:hover{
color: #eeeeee;
}

#title_home{
float: left;
height:75px;
width: 341px;
}

#title_home h1{
color: white;
font-size: 55px;
letter-spacing:-3px;
}

#title{
float: left;
height:75px;
width: 341px;
}

#title h1{
color: white;
font-size: 40px;
letter-spacing:-3px;
}

#home_description{
float: left;
width: 561px;
padding-left: 30px;
padding-top: 10px;
padding-right: 0px; 
}

#home_description p{
font-size: 15px;
color: #a5a5a5;
line-height: 130%;
}

#slideshow {
    position:relative;
    height:258px;
	z-index:100;
    margin-bottom: 85px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


#best_work{
margin-top: 0px;
}

#work_wrapper{
float: left;
margin-right: 20px;
width: 220px;
position: relative;
height: 230px;
}

#work_wrapper img{
position: absolute;
left:0px;
top: 0px;
}

#work_wrapper img.faded{
z-index: 50;

}

#work_wrapper img.full{
z-index: 25;

}

#work_wrapper_second{
float: left;
margin-right: 20px;
width: 220px;
position: relative;
height: 210px;
}

#work_wrapper_second img{
position: absolute;
left:0px;
top: 0px;
}

#work_wrapper_second img.faded{
z-index: 50;

}

#work_wrapper_second img.full{
z-index: 25;

}


.work_title{
color: #d0d0d0;
font-size: 13px;
margin-top: 5px;
position: absolute;
top: 118px;
left: 0px;
}

.work_type{
color: #a5a5a5;
font-size: 11px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin-top: 0px;
position: absolute;
top: 142px;
left: 0px;
}

/* =========================================
					Content						*/
		
#title_content{
float: left;
height:50px;
width: 650px;
margin-top: 10px;
}


#title_content h1{
color: white;
font-size: 40px;
letter-spacing:-2px;
}	
	
#title_image{
width: 254px;
float: right;
margin-top: 0px;
}			
					
#description{
width: 670px;
float: left;
}

#description p{
margin-bottom: 12px;
font-size: 12px;
color: #a5a5a5;
line-height: 1.5em;

}

#description a{
margin-bottom: 12px;
font-size: 12px;
color: #a5a5a5;
line-height: 1.5em;
text-decoration: none;
}

#description p.small{
font-size: 12px;
color: #a5a5a5;

}

#content{
float: left;
margin-top: 60px;
width: 300px;
padding-right: 20px;
}

#content h1{
color: white;
margin-bottom: 12px;
font-size: 25px;
font-weight: bold;
}

#content h2{
color: white;
margin-bottom: 12px;
font-size: 25px;
}

#content p{
margin-bottom: 12px;
font-size: 12px;
color: #a5a5a5;
line-height: 1.5em;

}

#content_right{
width: 330px;
float: left;
}

#content_middle{
width: 320px;
float: left;
margin-top: 67px;
margin-bottom: 13px;
margin-left: 20px;
}

#content_middle li{
margin-bottom: 7px;
font-size: 12px;
color: #a5a5a5;
}

#content_middle h2{
color: white;
font-weight: normal;
font-size: 14px;
font-style:italic;
margin-bottom: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#content_middle p{

margin-bottom: 12px;
font-size: 12px;
color: white;
line-height: 18px;

}

#content_middle a{

margin-bottom: 12px;
font-size: 12px;
color: white;
line-height: 18px;

}

.white{
color: white;
font-style: italic;
}


#services_content{
width:620px;
padding-right: 60px;
float: left;
margin-top: 20px;
}

#services_content p{
margin-bottom: 12px;
font-size: 12px;
color: #a5a5a5;
line-height: 18px;

}

#services_content h2{
color: white;
margin-bottom: 12px;
font-size: 18px;
}

#services_list{
width: 280px;
padding-right: 0px;
float: left;
margin-top: 20px;
}

#services_list p{
margin-bottom: 12px;
font-size: 12px;
color: white;
line-height: 18px;

}

/* =========================================    
					Work View					*/

#work_content{
width: 343px;
padding-right: 20px;
float: left;
margin-top: 20px;
}

#work_content p{
font-size: 12px;
color: #a5a5a5;
margin-bottom: 12px;
line-height: 1.5em;
}

#work_content p.small{
font-size: 12px;
color: #a5a5a5;

}

.white{
color: white;
font-style: italic;
}

#work_content h2{
color: white;
font-size: 25px;
margin-bottom: 12px;
}

#work_content li{
font-size: 12px;
color: white;
line-height: 18px;
}

#work_content h3{
color: white;
font-weight: normal;
font-size: 14px;
font-style:italic;
margin-bottom: 14px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#work_images{
width: 577px;
float: left;
margin-top: 20px;
}

#work_images img{
margin-bottom: 20px;
}		

#services{
margin-left: 12px;			
}


#backtotop{
float: right;
cursor: pointer;
}

#backtotop a{
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-style: italic;
text-decoration: none;
}

#backtotop a:hover{
color: #eeeeee;
}




/* =========================================
					Footer						*/

#footer{
float: left;
margin-top: 90px;
width: 940px;
}

#footer_left{
float: left;
}

#footer_left  p{
font-size: 11px;
color: white;
}

#footer_right{
float: right;
margin-left: 10px;

}

#footer_link{
float: left;

}

#footer_link a{
font-size: 11px;
color: white;
text-decoration: none;
}


#footer_link p{
font-size: 11px;
color: white;
margin-left: 5px;


}