@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background:#ffffff;
}
#header {
	position: relative;
	width:990px;
	height:60px;
	margin:0px auto 20px auto;
}
#media {
	position: relative;
	width:990px;
	height:345px;
	margin:0px auto auto auto;
}
#button {
	position: relative;
	width:950px;
	height:215px;
	margin:auto;
}
#button2 {
	position: relative;
	width:990px;
	height:40px;
	margin:0px auto 0px auto;
}
#extra {
	position: relative;
	width:990px;
	height:30px;
	margin:0px auto 25px auto;
}
/* ---------header boxes-----------*/

#logoS {
	position:absolute;
	width:200px;
	height:50px;
	left:6px;
	top:5px;
}
#about {
	position:absolute;
	width:555px;
	height:30px;
	left:215px;
	bottom:0px;
}
#nav1 {
	position:absolute;
	width:210px;
	height:19px;
	right:0px;
	bottom:0px;
}
/* ---------media boxes-----------*/
#media1 {
	top:0px;
	margin-left:0px;
	width:480px;
	position: relative;
	height:345px;
	overflow: hidden;
}
#media2 {
	top:34px;
	right:5px;
	position:absolute;
	width:480px;
	height:345px;
	overflow: hidden;
}
/* ---------button boxes-----------*/
#lContent {
	background-color:#FFEEE9;
	border-spacing:inherit;
	width:225px;
	height:195px;
	position:absolute;
	left:0px;
	top:15px;
}
#lMidContent {
	background-color:#DCECC5;
	width:225px;
	height:195px;
	position:absolute;
	left:255px;
	top:15px;
}
#rContent {
	background-color:#FCF9CE;
	width:225px;
	height:195px;
	position:absolute;
	right:0px;
	top:15px;
}
#rMidContent {
	background-color:#D2EDF3;
	width:225px;
	height:195px;
	position:absolute;
	right:255px;
	top:15px;
}
#bContent {
	background-color:#f1f2db;
	width:990px;
	height:40px;
	position:absolute;
	left:0px;
	top:0px;
}
.bContenText {
	width:725px;
	height:16px;
	font-size:18px;
	position:absolute;
	left:225px;
	padding:10px 20px;
	top:0px;
}
/* -----------links---------------*/

a:link {
	text-decoration:none;
	font-weight:bold;
	color:#0066CC;
}
a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#006587;
}
a:hover {
	color:#ff3300;
}
/* ------bonus fonts---------*/
.color10px {
	color:#FF3300;
	font-size:10px;
}
.colorBold {
	color: #FF3300;
	font-weight: bold;
}
/* ------sub boxes with borders---------*/
.titleBase {
	padding:5px 0px 0px;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#ff3300;
	width:100%;
}
.contentGray {
	background:#F7F7F7;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#ff3300;
	width:100%;
}
.contentGrayBar {
	background:#F7F7F7;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#999999;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#ff3300;
	width:100%;
}
.contentGreen {
	background:#DCEEC5;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#ff3300;
	width:100%;
	height:100%;
}

/* ------rollovers---------*/
a.rollover {
	display: block;
	width: 225px;
	height: 142px;
	text-decoration: none;
	background:url(../images/widgets/splash/bay-area.gif)
}
a.rollover:hover {
	background-position: -225px 0;
}

a.rollover2 {
	display: block;
	width: 225px;
	height: 142px;
	text-decoration: none;
	background:url(../images/widgets/splash/portland.gif)
}
a.rollover2:hover {
	background-position: -225px 0;
}

a.rollover3 {
	display: block;
	width: 225px;
	height: 142px;
	text-decoration: none;
	background:url(../images/widgets/splash/immersion.gif)
}
a.rollover3:hover {
	background-position: -225px 0;
}


a.rollover4 {
	display: block;
	width: 225px;
	height: 142px;
	text-decoration: none;
	background:url(../images/widgets/splash/international.gif)
}
a.rollover4:hover {
	background-position: -225px 0;
}

a.rollover5 {
	display: block;
	width: 225px;
	height:40px;
	text-decoration: none;
	background:url(../images/widgets/splash/bend.gif)
}
a.rollover5:hover {
	background-position: -225px 0;
}

/* ---------button boxes-----------*/
#l {
	background-image:url(../images/graphics/background/button-frame.gif);
	width:215px;
	height:185px;
	position:absolute;
	left:10px;
	top:15px;
}
#lMid {
	background-image:url(../images/graphics/background/button-frame.gif);
	width:215px;
	height:185px;
	position:absolute;
	left:248px;
	top:15px;
}
#r {
	background-image:url(../images/graphics/background/button-frame.gif);
	width:215px;
	height:185px;
	position:absolute;
	right:10px;
	top:15px;
}
#rMid {
	background-image:url(../images/graphics/background/button-frame.gif);
	width:215px;
	height:185px;
	position:absolute;
	right:248px;
	top:15px;
}
.cityheader {
	height:24px;
	width:193px;
	font-size:24px;
	margin:8px 10px 3px 10px;
	}
.citysub {
	height:24px;
	width:193px;
	font-size:18px;
	margin:4px 10px 7px 10px;
	text-align:right;
	}
a.city:link, a.city:visited {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	}
a.city:hover {
	color:#000000;
	text-decoration:underline;
	}
.citygrey {
	color:#777777;
	}
.imagewideget {
	margin:0px;
	text-align:center;
	}
/* -----splash--------*/
.marquee { 
	margin:0px auto;
	width:930px;
	height:404px;
	clear:both;
}