/*-----------------------------------------------------------------------------
Primary Style Sheet

version:   1.0
author:    Furryfish
website:   http://www.furryfish.com
-----------------------------------------------------------------------------*/

/***************************************************
   HTML Element Styles
 ***************************************************/

body {
  margin: 0;
  text-align: center;
  font: 12px arial, verdana, sans-serif;
  color: #666666;
  text-decoration: none;
  background: #FFFFFF url(media/bg.gif) no-repeat top center;
}

p { 
  padding-top: 10px !important;
  padding-top: 3px;
  padding-bottom: 10px !important;
  padding-bottom: 3px;
  line-height:170%
}


a {
  color: #cc9933;
}

a:visited {
  color: #cc9933;
}

a:hover {
  color: #cc9933;
}

input {
  width: 70%;
}

textarea {
  width: 98%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em arial, verdana, sans-serif;
  color: #cc9933;
  background-color: #777;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #cc9933;
  background-color: #999;
  border: 1px solid #cc9933;
}

h1 {
  font: 800 12px arial, sans-serif;
}

h2 {
	font: 800 14px arial, sans-serif;
}

#content ol li { 
  color: #9BE4FF;
}

#content ol li span {
  color: #cc9933;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li {
  list-style-image: url(../images/li_bullet.gif);
}

/***************************************************
  Layout Element Styles
 ***************************************************/


#container {  
  width: 960px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  background: url(media/bg_top.gif) no-repeat top center;
  text-align:left;  
}

#container_ww {  
  width: 960px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  background: url(media/bg_top_ww.gif) no-repeat top center;
  text-align:left;  
}

#container_mainpg {  
  width: 960px;
  height: 555px;
  margin-right: auto;
  margin-left: auto;
  background: url(media/bg_top_blank.gif) no-repeat top center;
  text-align:left;  
}

#container_temp {  
  width: 960px;
  height: 555px;
  margin-right: auto;
  margin-left: auto;
  background: url(media/main_worldwide.jpg) no-repeat top center;
  text-align:left;  
}

/***************************************************
  Main Navigation
 ***************************************************/

#mainnav {
  margin: 40px 0 0;
	width: 532px;
	height: 30px;
	margin-left: 428px;  
}

#mainnav ul {
	margin: 0 0 0;
	padding: 0 0 0 0;
	}

#mainnav ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#mainnav a:hover {
	background-position: 0 -30px;
	}

#mainnav a:active, #mainnav a.selected {
	background-position: 0 -60px;
	}

#thome a  {
	width: 62px;
	background: url(media/b_home.jpg) top left no-repeat; }	
	
#taboutus a  {
	width: 82px;
	background: url(media/b_aboutus.jpg) top left no-repeat; }
	
#tourservices a  {
	width: 105px;
	background: url(media/b_ourservices.jpg) top left no-repeat; }
	
#tourportfolio a  {
	width: 101px;
	background: url(media/b_ourportfolio.jpg) top left no-repeat; }
	
#tjoinus a  {
	width: 73px;
	background: url(media/b_joinus.jpg) top left no-repeat; }
	
#tcontactus a  {
	width: 109px;
	background: url(media/b_contactus.jpg) top left no-repeat; }
	
/***************************************************
  Main Navigation - ABOUT US SUB-TIER
 ***************************************************/

#mainnav_aboutus {
  margin: 0 0 0;
	width: 450px;
	height: 30px;
	margin-left: 510px;
}

#mainnav_aboutus ul {
	margin: 0 0 0;
	padding: 0 0 0 0;
	}

#mainnav_aboutus ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav_aboutus a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#mainnav_aboutus a:hover {
	background-position: 0 -30px;
	}

#mainnav_aboutus a:active, #mainnav_aboutus a.selected {
	background-position: 0 -60px;
	}
	
#tcompanyhistory a  {
	width: 104px;
	background: url(media/b_companyhistory.jpg) top left no-repeat; }

#tvisionmissionvalues a  {
	width: 346px;
	background: url(media/b_visionmissionvalues.jpg) top left no-repeat; }
	
/***************************************************
  Main Navigation - OUR SERVICES SUB-TIER
 ***************************************************/

#mainnav_ourservices {
  margin: 0 0 0;
	width: 366px;
	height: 30px;
	margin-left: 594px;
}

#mainnav_ourservices ul {
	margin: 0 0 0;
	padding: 0 0 0 0;
	}

#mainnav_ourservices ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav_ourservices a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#mainnav_ourservices a:hover {
	background-position: 0 -30px;
	}

#mainnav_ourservices a:active, #mainnav_ourservices a.selected {
	background-position: 0 -60px;
	}
	
#taboutcms a  {
	width: 82px;
	background: url(media/b_aboutcms.jpg) top left no-repeat; }
	
#tcmsapplications a  {
	width: 284px;
	background: url(media/b_cmsapplications.jpg) top left no-repeat; }
	

/***************************************************
  Main Navigation - OUR PORTFOLIO SUB-TIER
 ***************************************************/

#mainnav_ourportfolio {
  margin: 0 0 0;
	width: 262px;
	height: 30px;
	margin-left: 698px;
}

#mainnav_ourportfolio ul {
	margin: 0 0 0;
	padding: 0 0 0 0;
	}

#mainnav_ourportfolio ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav_ourportfolio a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#mainnav_ourportfolio a:hover {
	background-position: 0 -30px;
	}

#mainnav_ourportfolio a:active, #mainnav_ourportfolio a.selected {
	background-position: 0 -60px;
	}
	
#tcreativeworks a  {
	width: 94px;
	background: url(media/b_creativeworks.jpg) top left no-repeat; }
	
#tcmsprojects a  {
	width: 168px;
	background: url(media/b_cmsprojects.jpg) top left no-repeat; }
	

/***************************************************
  WW_Secondary Navigation
 ***************************************************/

#ww_secnav {

	width: 230px;
	height: 30px;
	margin-left: 720px; 
	
}
#ww_secnav ul {
	margin: 0 0 0;
	padding: 0 0 0 0;
	}

#ww_secnav ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#ww_secnav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#ww_secnav a:hover {
	background-position: 0 -30px;
	}

#ww_secnav a:active, #ww_secnav a.selected {
	background-position: 0 -60px;
	}
	
#tcorporate a  {
	width: 56px;
	background: url(media/b_corporatenon.jpg) top left no-repeat; }
	
#tterms a  {
	width: 42px;
	background: url(media/b_terms.jpg) top left no-repeat; }
	
#tcopyright a  {
	width: 57px;
	background: url(media/b_copyright.jpg) top left no-repeat; }
	
#tsite a  {
	width: 51px;
	background: url(media/b_ssitemap.jpg) top left no-repeat; }	
	


	

/***************************************************
  Secondary Navigation
 ***************************************************/

#secnav {
	width: 305px;
	height: 30px;
	margin-left: 655px; 
}

#secnav ul {
	margin: 0 0 0;
	padding: 0 0 0 0;
	}

#secnav ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#secnav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#secnav a:hover {
	background-position: 0 -30px;
	}

#secnav a:active, #secnav a.selected {
	background-position: 0 -60px;
	}
	
#tclientlogin a  {
	width: 84px;
	background: url(media/b_clientlogin.jpg) top left no-repeat; }
	
#tsitemap a  {
	width: 74px;
	background: url(media/b_sitemap.jpg) top left no-repeat; }
	
#tstarmediaworldwide a  {
	width: 147px;
	background: url(media/b_starmediaworldwide.jpg) top left no-repeat; }
	
/***************************************************
  Site Title
 ***************************************************/

#title {
  width: 928px;
  height: 38px;
  margin-left: 32px;
  float: right;
  text-align: left;
  padding-top:5px
}

#content {  
  clear: both;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

/*
#title h1 {
  display: inline;
  color:  #222;
  background-color: #86E160;
  background-image: none;
}
*/