/*/// PIXELBOOST ///*/

body {
	background-image:url(../img/BG_body.png);
	background-color: black;
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#wrapper {
	margin: 0 auto;
	text-align:left;
	width: 750px;
	}	

#header {
	height: 100px;
	}

.logo {
	float: left;
	margin: 40px 0px 0px 0px;
	}
	

/*//////////////////  MENU  ///////*/

#menu {
	float: right;
	position: relative;
	top: 50px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	}	

#menu dl { 
	margin: 0; 
	padding: 0; 
	}

#menu dt { 
	float: left; 
	}


#menu dt a {
	width:90px;
	display: block;
	cursor: pointer;
	height: 40px;

	padding: 0 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	}
	


#menu dt#home, 
#menu dt#home a { width: 90px; background-position:0 0 }
#menu dt#home a:hover { width: 90px; background-position: 0 -41px }


#menu dt#about,
#menu dt#about a { width: 90px; background-position: -90px 0px }
#menu dt#about a:hover { width: 90px; background-position: -90px -41px }


#menu dt#contact,
#menu dt#contact a  { width: 90px; background-position: -180px 0 }
#menu dt#contact a:hover { width: 90px; background-position: -180px -41px }




/*//////////////////////////////*/
#strapline_outside{
	position: relative;
	top: -300px;
	left: 50px;
	height: 300px;
	width: 39px;
	float:right;
	background-image:url(../img/strapline/strapline.png);
	}

#white-panel{	
	position: relative;
	left: 45px;
	top: 100px;
	width: 180px;
	height: 400px;
	background-color: white;
	float: left;	
	}
	
	#white-panel-wide{	
	position: relative;
	left: 45px;
	top: 100px;
	width: 650px;
	height: 400px;
	background-color: white;
	float: left;	
	}
	
#slide-area_home{
	width: 750px;
	height: 500px;
	background-image:url(../img/full_pages/home.jpg);
	background-repeat:no-repeat;
	}

#slide-area_what{
	width: 750px;
	height: 500px;
	background-image:url(../img/full_pages/what.jpg);
	background-repeat:no-repeat;
	}	

#slide-area_contact{
	width: 750px;
	height: 500px;
	background-image:url(../img/full_pages/contact.jpg);
	background-repeat:no-repeat;
	}		

/*//////////////////////////////////////////////// TEXT */

p {
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 10px;
text-align: left;
line-height: 115%;
color:#333333;
}

	
	
/*///////////////////////////////////////// TEXT PANELS */

.home-introtext {
	float: left;
	position: relative;
	top: 30px;
	left: 15px;
	}
	
#home-main {
	padding: 0;
	margin: 0;
	width: 170px;
	height: 180px;
	position:relative;
	top: 5px;
	left: 5px;
	float: left;
	clear: left;
	}
	
	#home-main-wide {
	padding: 0;
	margin: 0;
	width: 600px;
	height: 180px;
	position:relative;
	top: 5px;
	left: 5px;
	float: left;
	clear: left;
	}


#what-flash{
	position: relative;
	left: 120px;
	top: 60px;
	width: 365px;
	height: 320px;
	float: left;	
	background-color:#000000;
	}

/*//////////////////// WHAT STUFF BELOW NO LONGER USED/*/
	
.whatwedo {
	position: relative;
	left: 28px;
	top: 29px;
	float: left;
	}

.what-main {
	position:relative;
	top: 38px;
	left: 35px;
	float: left;
	clear: left;
	}

.what-design {
	float: right;
	clear: left;
	position: relative;
	right: 370px;
	top: 82px;
	}
	
#what-design-text {
	width: 160px;
	height: 20px;
	float: left;
	clear: right;
	position: relative;
	left: 160px;
	top: 80px;
	}	

.what-web {
	float: right;
	clear:left;
	position: relative;
	top: 82px;
	right: 347px;
	}

#what-web-text {
	width: 160px;
	height: 20px;
	float: left;
	clear: right;
	position: relative;
	left: 192px;
	top: 80px;
	}
	
.what-video {
	float: right;
	clear: left;
	position: relative;
	top: 82px;
	right: 73px;
	}
	
#what-video-text {
	width: 160px;
	height: 20px;
	float: left;
	clear: right;
	position: relative;
	left: 223px;
	top: 80px;
	}			

/*///////////////////////////////////////// CONTACT FORM */

.contact-title {
	position: relative;
	left: 15px;
	top: 43px;
	}
	
#contact-form{
	position: relative;
	top: 50px;
	left: 15px;
	width: 410px;
	height: 290px;
	background-color:#CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 0px;
	}

.logo_shape{
	float: right;
	position: relative;
	top: 105px;
	right: 330px;
	z-index: 10;
	}	
	
/*//////////////////////////////////// JQUERY CONTROLLERS */

#myController span{
width: 270px;
}

#jFlowSlide{
border:0px;
}

#myController span.jFlowControl {

}

#myController span.jFlowSelected {
	width: 90px;
	background-position: 0 10px;

}

.jFlowControl a { 
	cursor: pointer;
	background: url(/img/menu270x120.png) no-repeat; }