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

/* reset															reset
---------------------------------------------------------------------------------*/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


/* body																body
---------------------------------------------------------------------------------*/

body {
	background-image:url(bg.jpg);
	margin:30px 0 0 0;
	}

a:link {
	text-decoration: underline; 
	color: #ffc4f3;
	}
	
a:visited {
	text-decoration: underline; 
	color: white;
	}
	
a:active {
	text-decoration: underline; 
	color: white;
	}
	
a:hover {
	text-decoration: underline; 
	color: #fff;
	}

#container {    
	position: absolute;
	left: 50%;   
	width: 853px;   
	margin-left: -426px; /*half the width of the div*/
	}


/* header																header
---------------------------------------------------------------------------------*/

#header {    
	width: 853px;   
	margin-left: 0px; 
	}
	
#navigation {   
	margin-top: 10px; 
	margin-left: -7px; 
	margin-bottom: 13px; 
	width:1000px;
	float:left;
	height: 23px;
	}
	
#home {
  float:right;
  display: block;
  width: 40px;
  height: 23px;
  background: url("home_roll.png") no-repeat 0 0;
  padding-left: 15px;
  }

#home:hover { 
  background-position: 0 -23px;
  }

#home span {
  display: none;
  }
  
#whatweoffer{
  float:right;
  display: block;
  width: 100px;
  height: 23px;
  background: url("whatweoffer.png") no-repeat 0 0;
  padding-left: 15px;
  }

#whatweoffer:hover { 
  background-position: 0 -23px;
  }

#whatweoffer span {
  display: none;
  }

#coaching {
  float:right;
  display: block;
  width: 75px;
  height: 23px;
  background: url("coaching_roll.png") no-repeat 0 0;
  padding-left: 5px;
  }

#coaching:hover { 
  background-position: 0 -23px;
  }

#coaching span {
  display: none;
  }

  
  
  
  
 #creative{
  float:right;
  display: block;
  width: 240px;
  height: 23px;
  background: url("creative_roll.png") no-repeat 0 0;
  padding-left: 5px;
  }

#creative:hover { 
  background-position: 0 -23px;
  }

#creative span {
  display: none;
  } 
  
  
   #moving{
  float:right;
  display: block;
  width: 125px;
  height: 23px;
  background: url("moving_roll.png") no-repeat 0 0;
  padding-left: 5px;
  }

#moving:hover { 
  background-position: 0 -23px;
  }

#moving span {
  display: none;
  } 
  
  
  
#sportandhealth {
  float:right;
  display: block;
  width: 120px;
  height: 23px;
  background: url("sportandhealth.png") no-repeat 0 0;
  padding-left: 15px;
  }

#sportandhealth:hover { 
  background-position: 0 -23px;
  }

#sportandhealth span {
  display: none;
  }
  
#aboutus {
  float:right;
  display: block;
  width: 70px;
  height: 23px;
  background: url("aboutus.png") no-repeat 0 0;
  padding-left: 15px;
  }

#aboutus:hover { 
  background-position: 0 -23px;
  }

#aboutus span {
  display: none;
  }
  
#open {
  float:right;
  display: block;
  width: 120px;
  height: 23px;
  background: url("open.png") no-repeat 0 0;
  padding-left: 15px;
  }

#open:hover { 
  background-position: 0 -23px;
  }

#open span {
  display: none;
  }



/* content																content
---------------------------------------------------------------------------------*/
	
#content {
	width: 853px;   
	font-family:Arial;
	font-size: 14px;
	line-height: 18px;
	background-image: url(transparent_bg.png);
	background-repeat: repeat;
	}

#left {
	float:left;
	width:550px;
	color:#FFF;
	padding: 20px 10px 20px 20px;
	background-image: url(transparent_bg.png);
	background-repeat: repeat;
	}
	
#right {
	float:right;
	width: 232px;
	color:#ffc4f3;
	padding: 50px 20px 50px 20px;
	background-image: url(transparent_bg2.png);
	background-repeat: repeat;
	margin-bottom:1px; 
	}
	
#right2 {
	float:right;
	width: 232px;
	color:#ffc4f3;
	padding: 20px 20px 20px 20px;
	background-image: url(transparent_bg3.png);
	background-repeat: repeat;
	margin-bottom:1px; 
	}
	
#line {
	line-height: 25px; 
	}


/* footer																footer
---------------------------------------------------------------------------------*/

#footer {
	width: 853px;
	margin-left: 21px;
	margin-top: 20px;
	color:#ffc4f3;
	font-family:Arial;
	font-size: 14px;
	}

#clear {
	clear: left; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}