/*styles for all pages*/
body {
	font-family:  arial, verdana, tahoma, sans-serif;
	text-align:center;
	background: url(../HTML_Images/home/dot.jpg);
	overflow: -moz-scrollbars-vertical;
	
}

a:link {
		color: #4F4220;
		text-decoration: none;
		border: none;	
}

a:visited {
		color: #4F4220;
		text-decoration: none;
		border: none;
	
}

a:active {
		color: #4F4220;
		text-decoration: none;
		border: none;
}

a:hover {
	color: black;
	text-decoration: underline;
	border: none;	
}

ul {

	font: normal 12px  tahoma, verdana, arial,  sans-serif;
	color: #666666;
	text-align:left;
	list-style-type:circle;
	
	
}

li{
line-height:15px;

}

ul.float_right{
	list-style-type:circle;
float:right;
width:40%;
list-style-position:inside;


}

div.lower_level_container{
	background: url(../HTML_Images/home/background_home.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;


}

div.main_navigation {
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0.7pt;
	padding: 0px;
	margin: 0px;
	width: 150px;
	margin-top:0px;
	margin-left:5px;
}

div.left_box{
float:left;
width:525px;
height:340px;
margin-top:125px;

}

div.scroll{
margin:0px;
padding: 0px;
overflow:auto;
height:270px;
}

div.right_box{
float:right;
width:266px;
height:340px;
margin-top:125px;

}
/* -------------------------------next and back rollovers-------------------------------- */
div.next a {
width:25px;
height:25px;
display:block;
float:right;
margin-right:30px;



}

div.next a:link{
	
	background: url(../HTML_Images/home/forward.gif) no-repeat; 
	background-position: center 0px;

}

div.next a:active{
	background: url(../HTML_Images/home/forward.gif) no-repeat; 
	background-position: center 0px;

	
}

div.next a:visited{
	background: url(../HTML_Images/home/forward.gif) no-repeat; 
	background-position: center 0px;

}

div.next a:hover{
	background: url(../HTML_Images/home/forward2.gif) no-repeat; 
	background-position: center 0px;

}

div.back a {
width:25px;
height:25px;
display:block;
float:right;


}

div.back a:link{
	
	background: url(../HTML_Images/home/back.gif) no-repeat; 
	background-position: center 0px;

}

div.back a:active{
	background: url(../HTML_Images/home/back.gif) no-repeat; 
	background-position: center 0px;

	
}

div.back a:visited{
	background: url(../HTML_Images/home/back.gif) no-repeat; 
	background-position: center 0px;

}

div.back a:hover{
	background: url(../HTML_Images/home/back2.gif) no-repeat; 
	background-position: center 0px;

}

div.up a {
float:right;
width:25px;
height:25px;
display:block;
margin-right:10px;


}

div.up a:link{
	
	background: url(../HTML_Images/home/up.gif) no-repeat; 
	background-position: center 0px;

}

div.up a:active{
	background: url(../HTML_Images/home/up.gif) no-repeat; 
	background-position: center 0px;

	
}

div.up a:visited{
	background: url(../HTML_Images/home/up.gif) no-repeat; 
	background-position: center 0px;

}

div.up a:hover{
	background: url(../HTML_Images/home/up2.gif) no-repeat; 
	background-position: center 0px;

}

	/* home page */
#home{
text-align:center;

	}
	
#container{
	background: url(../HTML_Images/home/background_home.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#hosting_container{
	background: url(../HTML_Images/home/background_hosting.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#graphicdesign_container{
	background: url(../HTML_Images/home/background_R&D.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}



#RandD_container{
	background: url(../HTML_Images/home/background_home_trees.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#consultancy_container{
	background: url(../HTML_Images/home/background_home_corn.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#brand_container{
	background: url(../HTML_Images/home/background_home_water.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#website_container{
	background: url(../HTML_Images/home/background_home_snow.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#testimonials_container{
	background: url(../HTML_Images/home/background_home_rock.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}

#links_container{
	background: url(../HTML_Images/home/background_home_sand.jpg) no-repeat; 
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	
}



#footer {
	color: #4F4220;
	font: bold 10px arial, verdana, sans-serif;
	text-align:right;
	margin-right:12px;
	margin-bottom:-10px;
	padding-bottom:0px;
	
}

h1 {
	font: bold 12px  verdana, arial, tahoma, sans-serif;
	text-decoration:none;
letter-spacing: 0.7pt;
	color:white;
	margin-left:30px;
    margin-right:30px;
	margin-bottom:30px;
	margin-top: 20px;
	border: 1px solid white;
background-color: #a38561;
padding-bottom:3px;
padding-top:1px;
padding-left:10px;


	}
	
span.breadcrumb_preheader{
font: bold 9px arial, verdana, tahoma, sans-serif;
color:black;
}

span.breadcrumb_preheader a:link {
			color: black;
		text-decoration: none;
		border:none;

}

span.breadcrumb_preheader a:visited {
		color: black;
		text-decoration: none;		
}

span.breadcrumb_preheader a:active{
		color: black;
		text-decoration: none;		
}

span.breadcrumb_preheader a:hover {
	color: white;
	text-decoration: underline;		
}


span.preheader {
	font: bold 9px arial, verdana, tahoma, sans-serif;
 	margin-left:285px;
}

span.preheader a:link {
			color: black;
		text-decoration: none;
		border:none;

}

span.preheader a:visited {
		color: black;
		text-decoration: none;		
}

span.preheader a:active{
		color: black;
		text-decoration: none;		
}

span.preheader a:hover {
	color: white;
	text-decoration: underline;		
}
	
p {
	font: normal 12px "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left:30px;
	margin-right:30px;
	}
	
h2 {
	font: bold 12px  verdana, arial, tahoma, sans-serif;
	text-decoration:none;
letter-spacing: 0.7pt;
	color:white;
	margin-left:30px;
    margin-right:30px;
	margin-bottom:20px;
	margin-top: 20px;
	

border: 1px solid white;
background-color: #a38561;
padding-bottom:3px;
padding-top:1px;
padding-left:10px;


	}
	

	
	
div.buttons {

	font-weight: bold;
	letter-spacing: 0.5pt;
	border:none;
	margin-left:33px;
	
}

div.home_div_links{
height: 30px;
width: 180px;
border: none;
padding-left:25px;
background: url("../HTML_Images/home/portfolio_button2.gif") no-repeat 0px 2px;
letter-spacing:0.1em;
font-size: 10px;
}

div.portfolio_div_links_black{
height: 30px;
width: 180px;
border: none;
padding-left:25px;
background: url("../HTML_Images/home/portfolio_button3.gif") no-repeat 0px 2px;
letter-spacing:0.1em;
font-size: 10px;
font-weight:bold;
}



a:link.websites{
		color: white;
		text-decoration: none;
		border:none;
}

a:visited.websites {
		color: white;
		text-decoration: none;		
}

a:active.websites {
		color: white;
		text-decoration: none;		
}

a:hover.websites {
	color: white;
	text-decoration: underline;		
}

#index_image_navigation {
margin-top:20px;
margin-left:30px;
font-size: 11px;
height:30px;
padding-top:3px;
font-weight:bold;
background: url("../HTML_images/home/forward.gif") no-repeat 30px 0px;
text-align:left;

}


 a:link.next_back{
color:black;
text-decoration:none;
}

 a:vistited.next_back{
color:black;
text-decoration:none;
font-weight:bold;

}

 a:active.next_back{
color:black;
text-decoration:none;
font-weight:bold;


}

 a:hover.next_back{
color: white;
text-decoration:none;
font-weight:bold;


}

.hidden{
display:none
}

a img{
border:none;
}

div.portfolio_links{
text-align:center;
margin-top:20px;
font-size:10px;
letter-spacing:0.6pt;

}


/* hosting ---- */

div.home_details_description{
margin-top:0px;
margin-left:30px;
margin-right:30px;
border:1px solid white;
background-color:none;
padding:10px 0px 0px 0px;
}

.hosting_header{
font-size:11px;
margin-top:0px;
margin-left:10px;
margin-bottom:10px;
font-weight:normal;
text-align:left;
text-decoration:none;
letter-spacing: 0.7pt;
border: 1px solid white;
color:white;
background-color: #a38561;
padding-left:20px;
padding-bottom:3px;
width:170px;

}

.profile_header{
font-size:11px;
margin-top:0px;
margin-left:30px;
margin-bottom:10px;
font-weight:normal;
text-align:center;
text-decoration:none;
letter-spacing: 0.7pt;
border: 1px solid white;
color:white;
background-color: #a38561;
padding-bottom:3px;
padding-top:1px;
width:130px;

}

p.description{
margin: 0px 10px 10px 10px;
font-size:11px;
}

	/* ------------------------portfolio------------------------- */
	
#portfolio_container{
	
	background: url(../HTML_Images/home/background_portfolio.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#clients_container{
	
	background: url(../HTML_Images/home/background_portfolio_planet.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#portfolio_website_container{
	
	background: url(../HTML_Images/home/background_portfolio_light.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#branding_container{
	
	background: url(../HTML_Images/home/background_portfolio_wave.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#graphic_container{
	
	background: url(../HTML_Images/home/background_portfolio_ice.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#dtp_container{
	
	background: url(../HTML_Images/home/background_portfolio_sunset.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#artwork_container{
	
	background: url(../HTML_Images/home/background_portfolio_blue.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
#portfolio_testimonials_container{
	
	background: url(../HTML_Images/home/background_portfolio_rose.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
td.table_data{
width:95px;
height:75px;
padding-bottom:20px;
}

div.clients_left{
float:left;
width:220px;
margin-left:20px;


}

div.clients_right{
width:220px;
float:right;
margin-right:20px;
}

/*-----------------------websites Table----------------------------------*/
	
div.web_buttons{
	background: url(../HTML_Images/websites/online_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;
	
	}
	
	
div.web_button_handson{
	background: url(../HTML_Images/websites/handson_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.web_button_knowall{
	background: url(../HTML_Images/websites/knmedialogo_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
		div.web_button_rps{
	background: url(../HTML_Images/websites/rps_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.web_button_global{
	background: url(../HTML_Images/websites/ges_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.web_button_saint{
	background: url(../HTML_Images/websites/saintsec_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.web_button_camden{
	background: url(../HTML_Images/websites/camden_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.web_buttons_system{
	background: url(../HTML_Images/websites/system_button.gif) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;
	}
	
div.web_button_los{
	background: url(../HTML_Images/websites/loslocos_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	

	
div.web_button_look{
	background: url(../HTML_Images/websites/mqf_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.web_button_liquid{
	background: url(../HTML_Images/websites/liquidskins_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.web_button_wooden{
	background: url(../HTML_Images/websites/woodenrevolution_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
/*-----------------------Website content pages----------------------------------*/

div.portfolio_details p{

margin:0px;
padding:0px;
font: normal 12px "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0px;
text-align:left;
margin-left:30px;
margin-right:30px;

	}

}
div.portfolio_details_description p{

font: normal 10px arial, verdana, tahoma, sans-serif;
letter-spacing:0px;
width:90px;
margin:0px;
padding:0px;
margin-left:25px;


}
div.camden_left_box{
background: url(../HTML_Images/websites/camden_interiors_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
width:525px;
height:340px;
margin-top:125px;
	}
	
div.handson_left_box{
background: url(../HTML_Images/websites/handson_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
width:525px;
height:340px;
margin-top:125px;
	}
	
div.online_left_box{
background: url(../HTML_Images/websites/online_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
width:525px;
height:340px;
margin-top:125px;
	}
	
div.ges_left_box{
background: url(../HTML_Images/websites/GES_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
width:525px;
height:340px;
margin-top:125px;
	}
	
	div.loslocos_left_box{
	background: url(../HTML_Images/websites/loslocos_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.system_left_box{
	background: url(../HTML_Images/websites/system_sound_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		div.saint_left_box{
	background: url(../HTML_Images/websites/saint_security_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		div.look_left_box{
	background: url(../HTML_Images/websites/lookwhaticando_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		div.liquid_left_box{
	background: url(../HTML_Images/websites/liquidskinz_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		div.wooden_left_box{
	background: url(../HTML_Images/websites/woodenrevolution_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
			div.rps_left_box{
	background: url(../HTML_Images/websites/rps_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	
	
/*-----------------------Corporate Branding Table----------------------------------*/
	
	div.corporate_button_lookwhat{
	background: url(../HTML_Images/dtp/lookwhaticando_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;	
	}
	
	
div.corporate_button_unique{
	background: url(../HTML_Images/dtp/corporateID_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.corporate_button_tribal{
	background: url(../HTML_Images/dtp/mtribal_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.corporate_button_capeflair{
	background: url(../HTML_Images/dtp/capeflair_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.corporate_button_flexmaster{
	background: url(../HTML_Images/dtp/duneweb_button.gif) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.corporate_button_kiddinastix{
	background: url(../HTML_Images/dtp/kiddinastix_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;
	}
	
div.corporate_button_creativeexperts{
	background: url(../HTML_Images/dtp/cia_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	

	
div.corporate_button_rks{
	background: url(../HTML_Images/dtp/rks_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.corporate_button_bonzai{
	background: url(../HTML_Images/dtp/bonzai_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.corporate_button_cogmotive{
	background: url(../HTML_Images/dtp/cogmotive_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	
	/*-----------------------corporate ID content pages----------------------------------*/
	
	div.unique_left_box{
	background: url(../HTML_Images/dtp/uniquesupplies_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.rks_left_box{
	background: url(../HTML_Images/dtp/rks_image.jpg) no-repeat;
	background-position: 0px 180px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.rks_work_left_box{
	background: url(../HTML_Images/dtp/rks_bucard_large.jpg) no-repeat;
	background-position: center 195px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.mtribal_left_box{
	background: url(../HTML_Images/dtp/mtribal_image.jpg) no-repeat;
	background-position: 0px 180px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	/*---images underneath---*/
	div.mtribal_brochure{
	background: url(../HTML_Images/dtp/mtribal_stationary.jpg) no-repeat;
	background-position: center 20px;
	margin-top:250px;
	width:538px;
	height:800px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.mtribal_travel{
	background: url(../HTML_Images/dtp/tribal-travel_large.jpg) no-repeat;
	background-position: center 20px;
	margin-top:100px;
	width:602px; 
	height:700px;
	margin-left:auto;
	margin-right:auto;
	}
	/*---End images underneath---*/
	
	
	div.lookwhaticando_left_box{
	background: url(../HTML_Images/dtp/lookwhaticando_image.jpg) no-repeat;
	background-position: 0px 195px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	
	}
	
	div.lookwhaticando_brochure_left_box{
	background: url(../HTML_Images/dtp/lookwhaticando_brochure.gif) no-repeat;
	background-position: center 150px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.lookwhaticando_card_left_box{
	background: url(../HTML_Images/dtp/lookwhaticando_buscard.gif) no-repeat;
	background-position: center 150px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.lookwhaticando_form_left_box{
	background: url(../HTML_Images/dtp/lookwhaticando_membership.gif) no-repeat;
	background-position: 200px 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.lookwhaticando_posters_left_box{
	background: url(../HTML_Images/dtp/lookwhaticando_posters.gif) no-repeat;
	background-position: center 130px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	div.lookwhaticando_wheel_left_box{
	background: url(../HTML_Images/dtp/lookwhaticando_wheel.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		/*---images underneath lookwhaticando---*/
	div.lookwhat_wheel{
	background: url(../HTML_Images/dtp/lookwhaticando_wheel_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:550px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.lookwhat_posters{
	background: url(../HTML_Images/dtp/lookwhat_poster_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:765px;
	height:1115px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}
	
	div.lookwhat_form{
	background: url(../HTML_Images/dtp/lookwhat_membership_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:600px;
	height:620px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.lookwhat_card{
	background: url(../HTML_Images/dtp/lookwhat_buscard_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:550px;
	height:760px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}
	
	div.lookwhat_brochures{
	background: url(../HTML_Images/dtp/lookwhat_brochure_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:550px;
	height:800px;
	margin-left:auto;
	margin-right:auto;
	}

	/*---End images underneath---*/
	
	div.capeflair_left_box{
	background: url(../HTML_Images/dtp/capeflair_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---images underneath capeflair---*/
	
	div.capeflair_stationary{
	background: url(../HTML_Images/dtp/capeflair_stationary_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:250px;
	width:383px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.capeflair_flyer{
	background: url(../HTML_Images/dtp/capeflair_flyer.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:380px;
	height:570px;
	margin-left:auto;
	margin-right:auto;
	}
	
	
	/*---End images underneath---*/
	
	div.flexmaster_left_box{
	background: url(../HTML_Images/dtp/flexmaster_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		div.kiddinastix_left_box{
	background: url(../HTML_Images/dtp/kiddinastix_image.jpg) no-repeat;
	background-position: 0px 170px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		div.cie_left_box{
	background: url(../HTML_Images/dtp/cia_image.jpg) no-repeat;
	background-position: 0px 170px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		/*---images underneath creative innovational experts---*/
	
	div.cie_concept1{
	background: url(../HTML_Images/dtp/cia_web1_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:350px;
	width:550px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.cie_concept2{
	background: url(../HTML_Images/dtp/cia_web2_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:500px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.cie_concept3{
	background: url(../HTML_Images/dtp/cia_web3_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:680px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	}
	
	
	/*---End images underneath---*/
	
	div.bonzai_left_box{
	background: url(../HTML_Images/dtp/bonzai_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---images underneath bonzai---*/
	
	div.bonzai_branding{
	background: url(../HTML_Images/dtp/bonzai_image_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:380px;
	height:550px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}
	
	/*---End images underneath bonzai---*/
	
	div.cogmotive_left_box{
	background: url(../HTML_Images/dtp/cogmotive_image.jpg) no-repeat;
	background-position: 0px 190px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		/*---images underneath bonzai---*/
	
	div.cogmotive_branding{
	background: url(../HTML_Images/dtp/cogmotive_image_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:500px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}
	
	/*---End images underneath bonzai---*/
	
	
/*-----------------------Graphic Design Table----------------------------------*/
	
	div.graphics_button_life{
	background: url(../HTML_Images/design_concepts/look_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;	
	}
	
	
div.graphics_button_rks{
	background: url(../HTML_Images/design_concepts/rksweb_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.graphics_button_wildcats{
	background: url(../HTML_Images/design_concepts/wildcats_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.graphics_button_graphic{
	background: url(../HTML_Images/design_concepts/concept1_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.graphics_button_web{
	background: url(../HTML_Images/design_concepts/webdesign_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.graphics_button_creativeexperts{
	background: url(../HTML_Images/design_concepts/ice_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;
	}
	
div.graphics_button_photo{
	background: url(../HTML_Images/design_concepts/photolab_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	

	
div.graphics_button_meaning{
	background: url(../HTML_Images/design_concepts/meaningofwant_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.graphics_button_presentations{
	background: url(../HTML_Images/design_concepts/presentations_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.graphics_button_millenium{
	background: url(../HTML_Images/design_concepts/millenium_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	/*---------------graphic design content pages--------------*/
	
	div.lifekey_left_box{
	background: url(../HTML_Images/design_concepts/look_image.gif) no-repeat;
	background-position: center 105px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---images underneath life key---*/
	
	div.look_image{
	background: url(../HTML_Images/design_concepts/look_image_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:600px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}
	
	/*---End images underneath life key---*/
	
	div.rksweb_left_box{
	background: url(../HTML_Images/design_concepts/rksweb_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		/*---images underneath rksweb --*/
	
	div.rksweb_image{
	background: url(../HTML_Images/design_concepts/rksweb_image_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:600px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}
	
	/*---End images underneath rksweb---*/
	
	
	
	div.wildcats_left_box{
	background: url(../HTML_Images/design_concepts/wildcats_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---images underneath wild cats---*/
	
	div.wildcats_1{
	background: url(../HTML_Images/design_concepts/wildcats_scream_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:350px;
	width:700px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_2{
	background: url(../HTML_Images/design_concepts/wildcats_painted_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:700px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_3{
	background: url(../HTML_Images/design_concepts/wildcats_anger_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:700px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_4{
	background: url(../HTML_Images/design_concepts/wildcats_eyes_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:700px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_5{
	background: url(../HTML_Images/design_concepts/wildcats_yawn_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:700px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_6{
	background: url(../HTML_Images/design_concepts/wildcats_face_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:700px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_stamp{
	background: url(../HTML_Images/design_concepts/wildcats_stamps_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:700px;
	height:524px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.wildcats_callendar{
	background: url(../HTML_Images/design_concepts/wildcats_callendar_large.jpg) no-repeat;
	background-position: center 30px;
	margin-top:200px;
	width:900px;
	height:1150px;
	margin-left:auto;
	margin-right:auto;
	}
	
	
	/*---End images underneath---*/
	
	div.graphicdesign_left_box{
	background: url(../HTML_Images/design_concepts/webconcept_image_large.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		/*---begin images underneath graphic design---*/
	
		div.graphicdesign_image{
	background: url(../HTML_Images/design_concepts/webdesign_image_large.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:700px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath graphic design---*/
	
	
	
	div.webdesign_left_box{
	background: url(../HTML_Images/design_concepts/webdesign_mage.gif) no-repeat;
	background-position: center 105px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---begin images underneath web design---*/
	
		div.webdesign_image{
	background: url(../HTML_Images/design_concepts/webconcept_image.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:700px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath web design---*/
	
	
	
	div.ice_left_box{
	background: url(../HTML_Images/design_concepts/ice_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---begin images underneath ice---*/
	
		div.ice_image{
	background: url(../HTML_Images/design_concepts/ice_image_large.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:620px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath ice---*/
	

	
	div.photolab_left_box{
	background: url(../HTML_Images/design_concepts/photolab_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	/*---begin images underneath photolab---*/
	
		div.photolab_image{
	background: url(../HTML_Images/design_concepts/photolab_large.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:620px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath photolab---*/
	
	div.meaning_left_box{
	background: url(../HTML_Images/design_concepts/wantMeaning_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
		/*---begin images underneath meaning---*/
	
		div.meaning_image{
	background: url(../HTML_Images/design_concepts/meaningofwant_image_large.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:550px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath meaning---*/
	
	div.presentations_left_box{
	background: url(../HTML_Images/design_concepts/presentations_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---begin images underneath presentations---*/
	
		div.presentations_image{
	background: url(../HTML_Images/design_concepts/presentations_image_large.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:550px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath presentations---*/
	
	div.millenium_left_box{
	background: url(../HTML_Images/design_concepts/milleniumdesigners_image.gif) no-repeat;
	background-position: center 110px;
	float:left;
	width:525px;
	height:340px;
	margin-top:125px;
	}
	
	/*---begin images underneath millenium---*/
	
		div.millenium_image{
	background: url(../HTML_Images/design_concepts/milleniumdesigners_large.jpg) no-repeat;
	background-position: center 100px;
	margin-top:350px;
	width:550px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}
	
	/*---end images underneath millenium---*/
	
	/*-----------------------Digital Publishing Table----------------------------------*/
	
	div.dtp_button_winelands{
	background: url(../HTML_Images/posters_flyers/winelands_button.gif) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;
	}
	
	
div.dtp_button_thinkfit{
	background: url(../HTML_Images/posters_flyers/thinktofly_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.dtp_button_deeper{
	background: url(../HTML_Images/posters_flyers/deeperbassbashbutton.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.dtp_button_whizz{
	background: url(../HTML_Images/posters_flyers/whizzkids_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.dtp_button_california{
	background: url(../HTML_Images/posters_flyers/california_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	div.dtp_button_sleepsmart{
	background: url(../HTML_Images/posters_flyers/sleepsmart_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;

	}
	
div.dtp_button_adventure{
	background: url(../HTML_Images/posters_flyers/adventurequest_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	

	
div.dtp_button_softsell{
	background: url(../HTML_Images/posters_flyers/softcell_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}

div.dtp_button_ageold{
	background: url(../HTML_Images/posters_flyers/luckypacket_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
div.dtp_button_flip{
	background: url(../HTML_Images/posters_flyers/flip_button.jpg) no-repeat;
	background-position: center 0px;
	padding:75px 0px 0px 0px;
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	height:25px;
	}
	
	/*-----------------------Artwork Table----------------------------------*/
	
	div.artwork_button_{
	background: url(../HTML_Images/design_concepts/photolab_button.jpg) no-repeat;
	background-position: center 0px;	
	font: normal 10px arial, verdana, tahoma, sans-serif;
	text-align:center;
	padding:75px 0px 0px 0px;
	height:25px;	
	}
		
/*links under the blocks on left*/

a.button_links {

height:25px;
}

a:link.button_links {
		color: #342417;
		text-decoration: none;
		border:none;
}

a:visited.button_links {
		color: #342417;
		text-decoration: none;		
}

a:active.button_links {
		color: #342417;
		text-decoration: none;		
}

a:hover.button_links  {
	color: white;
	text-decoration: none;		
}

/*---------------------------------contact me ------------------------------------*/

#contact_container{
	
	background: url(../HTML_Images/home/background_contact.jpg) no-repeat;
	background-position: center 0px;
	font-family: arial, verdana, tahoma, sans-serif;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:495px;
	text-align:left;
	}
	
span.address_labels {
	text-decoration:underline;
	font: normal 12px verdana, arial, tahoma, sans-serif;
	letter-spacing: 0.3pt;
	color:black;
	margin-left:43px;
    margin-right:30px;
	margin-bottom:30px;
	margin-top: 20px;
	}
	
p.contact_details {
	font: normal 11px  verdana, arial, tahoma,  sans-serif;
	text-align: justify;
	margin-left:43px;
	margin-right:30px;
	}
	
a:link.email {
		color: black;
		text-decoration: underline;
		border:none;
		
}

a:visited.email {
		color: black;
		text-decoration: underline;		
	
}

a:active.email {
		color: black;
		text-decoration: underline;		
}

a:hover.email  {
	color: white;
	text-decoration: underline;
			
}
	
	/*form*/

#form_box{
}

label
{
width: 8em;
float: left;
text-align: right;
margin-right: 1em;
display: block;
margin-left:9px;

}


input
{
color: black;
background: white;
border: 1px solid #781351;
margin-left: 2.5em;

}

textarea{
color: black;
background: white;
border: 1px solid #781351;
margin-left: 2.5em;

}



fieldset
{
border: 1px solid #fff;
margin-left:30px;
margin-right:30px;
margin-bottom:10px;
margin-top:-15px;
}

legend
{
color: black;
font: normal 11px arial, verdana, tahoma, sans-serif;
border: 1px solid #fff;
padding: 2px 6px
}

fieldset p{
margin-left:0px;
}

#e-mail{
background: white;

}

#name{
background: white;


}


.submit_reset
{

color: black;
margin-left:119px;



}




.hidden{
display:none
}

span.portfolio_preheader{
	font: bold 80% arial, verdana, tahoma, sans-serif;
	letter-spacing: 0.5pt;
	text-decoration:none;
}