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

html {
background : url(../images/S4W_mainback.gif)  repeat-x;
background-color : #f8f8f9;
}

body {
background : url(../images/S4W_middleback2.gif)  repeat-y;
font-family: Arial; font-size: 10pt; color:white;
position: relative;  
margin: 0 auto;
padding : 0;
width : 900px;
height : 600px;
}

/* begin LOGO ---------------------------------------------------------------------------------------*/


#logo{
position: relative; top: 0px; left: 55px;
width: 337px;
height: 187px;
}


/* end LOGO ---------------------------------------------------------------------------------------*/


/* NAVIGATION  ----------------------------------------------------------------------------------------*/

#nav_container{
position: relative; top: 20px; left: 105px;
}

ul#nav {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 0%;
}

/* begin nav intiial stat ------------------------------------------------------------------------------ */

ul#nav li#experience a {
background : url(../images/S4W_experience.gif) no-repeat ;
width: 174px;
height: 30px;
}

ul#nav li#start a {
background : url(../images/S4W_services.gif) no-repeat ;
width: 174px;
height: 30px;
}

ul#nav li#public a {
background : url(../images/S4W_public.gif) no-repeat ;
width: 174px;
height: 30px;
}

ul#nav li#past a {
background : url(../images/S4W_profile.gif) no-repeat ;
width: 174px;
height: 30px;
}

ul#nav li#about a {
background : url(../images/S4W_about.gif) no-repeat ;
width: 174px;
height: 30px;
}

ul#nav li#career a {
background : url(../images/S4W_careers.gif) no-repeat ;
width: 174px;
height: 30px;
}

/* end of nav initial state ------------------------------------------------------------------------------- */

ul#nav a:link, ul#nav a:visited {
display: block;
}

/* begin nav ROLLOVER state -------------------------------------------------------------------------*/


ul#nav li#experience a:hover{
background: url(../images/S4W_experience_roll.gif) no-repeat;
margin: 0px;
padding: 0px;
}

ul#nav li#start a:hover{
background: url(../images/S4W_services_roll.gif) no-repeat;
margin: 0px;
padding: 0px;
}

ul#nav li#public a:hover{
background: url(../images/S4W_public_roll.gif) no-repeat;
margin: 0px;
padding: 0px;
}

ul#nav li#past a:hover{
background: url(../images/S4W_profile_roll.gif) no-repeat;
margin: 0px;
padding: 0px;
}

ul#nav li#about a:hover{
background: url(../images/S4W_about_roll.gif) no-repeat;
margin: 0px;
padding: 0px;
}

ul#nav li#career a:hover{
background: url(../images/S4W_careers_roll.gif) no-repeat;
margin: 0px;
padding: 0px;
}

/* end of ROLLOVER state ------------------------------------------------------------------------------*/
/* end of NAVIGATION -----------------------------------------------------------------------------------*/



/* begin FIRST GRAY LINES ------------------------------------------------------------------------- */

#grayline {
	background : url(../images/S4W_grayline2.gif) no-repeat; 
	position: relative;
	margin: 0 auto;
	top: 45px; 
	width: 820px;
	height: 1px;
}

/* end FIRST GRAY LINES ------------------------------------------------------------------------- */



/* begin BOTTOM BLOCK ------------------------------------------------------------------------------*/

ul#bottomblock {
position: relative; top: 45px; left: 72px;

width: 800px;
height: 83px;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 0%;
}

ul#bottomblock li{
float: left;
width: 182px;
height: 83px;
margin: 10px 10px 10px 0px;
padding: 0px;
list-style-type: none;
}

ul#bottomblock li#lookinside a {
background: url(../images/S4W_lookinside.gif) no-repeat; 
width: 182px;
height: 83px;
}

ul#bottomblock li#pix a {
background: url(../images/S4W_pix.gif) no-repeat; 
width: 182px;
height: 83px;
}

ul#bottomblock li#coming a {
background: url(../images/S4W_upcomingevents.gif) no-repeat; 
width: 182px;
height: 83px;
}

ul#bottomblock li#soon a {
background: url(../images/S4W_comingsoon.gif) no-repeat; 
width: 182px;
height: 83px;
}

/* end of INITIAL state---------------------------------------------------------------------*/

ul#bottomblock a:link, ul#bottomblock a:visited {
display: block;
}

/*begin of HOVER state -----------------------------------------------------------------------*/

ul#bottomblock li#lookinside a:hover{
background: url(../images/S4W_lookinside_roll.gif) no-repeat; 
margin: 0px;
padding: 0px;
}

ul#bottomblock li#pix a:hover{
background: url(../images/S4W_pix_roll.gif) no-repeat; 
margin: 0px;
padding: 0px;
}

ul#bottomblock li#coming a:hover{
background: url(../images/S4W_upcomingevents_roll.gif) no-repeat; 
margin: 0px;
padding: 0px;
}

ul#bottomblock li#soon a:hover {
background: url(../images/S4W_comingsoon.gif) no-repeat; 
margin: 0px;
padding: 0px;
}

/* end BOTTOM BLOCK ------------------------------------------------------------------------------*/





/* begin SECOND GRAY LINES ------------------------------------------------------------------------- */

#grayline2 {
	position: relative;
	background: url(../images/S4W_grayline2.gif) no-repeat; 
	top: 65px; 
	margin: 0 auto;
	width: 820px;
	height: 1px;
}

/* begin SECOND GRAY LINES ------------------------------------------------------------------------- */



/* begin FOOTER ---------------------------------------------------------------------------*/

#footer {
	background : url(../images/S4W_footercontact.gif) no-repeat; 
	position: relative; 	
	margin: 0 auto;
	top: 65px;
	width:750px;
	height:23px;
}

/* end FOOTER ---------------------------------------------------------------------------*/