/*****************************/
/* Global Styles */
html, body {
	margin:				0;
	padding:			0;
	background-color:		black;
	font-family:			Arial, Sans-Serif;
	font-size:			12px;
}

h1, p {
	padding:			0;
	margin:				0;
}

a, a:visited {
	color:				blue;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

#wrap {
	width: 				950px;
	margin: 			0 auto;
}

/*****************************/
/* Left column */
#splash {
	width:				950px;
	height:				202px;
	margin-top:			25px;
	background: url(../images/splash.png) transparent top left no-repeat;
}

#splash p {
	margin:				10px 0;
}

#splash #switch {
	position: 			relative;
	width:				513px;
	height:				104px;
	left:				400px;
	top:				40px;
	background-color:	yellow;
}

#splash .motto {
	position: 			relative;
	left:				400px;
	top:				35px;
	color:				yellow;
	font-family:			sans-serif;
	font-size:			17px;
	width:				514px;
	text-align:			center;
}

#splash #switch img {
	position: 			absolute;
	top:				0px;
	left:				0px;
	z-index:			1;
}

#menu {
	width:				950px;
	height:				30px;
	background:			url(../images/menu.png) top left no-repeat;
	margin-top:			10px;
}

#menu ul {
	list-style:			none;
	padding:			0;
	margin:				0;
}

#menu ul li {
	float:				left;
	margin:				0;
}

#menu ul li:first-child {
	margin-left:		15px;
}

#menu li a {
	float:				left;
	display:			block;
	color:				#000000;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			14px;
	padding:			7px 10px 6px 10px;
	border-left:		1px solid black;
}

#menu ul li:first-child a {
	border:				0;
}	

#menu li a:hover {
	background-color:	#ffffff;
	text-decoration:	underline;
}

#content {
	width:				950px;
	margin-top:			14px;
}

#content #top {
	background:			url(../images/top.png) top left no-repeat;
	height:				10px;
}

#content #middle {
	background-color:	#ffffff;
	padding:			0 10px;
}

#content #middle p {
	margin:				10px 0;
}

#content #middle p:last-of-type {
	margin-bottom:				0;
}

#middle h1 {
	padding-left:			10px;
	padding-top:			2px;
	background:			url(../images/page-title.png) top left no-repeat;
	height:				34px;
	color:				white;
}

#middle h1.soon {
	background:			url(../images/page-title-soon.png) top left no-repeat;
}

.page_image {
	float:				right;
	padding:			5px;
	border:				1px solid #ccc;
}

#middle .dec {
	height:				30px;
	width:				405px;
	background:			url(../images/title.png) top left no-repeat;
	color:				#fff;
	padding:			3px 0px 0px 10px;
	margin-bottom:			5px;	
	font-size:			20px;
}

#middle .dec a {
	color:				white;
}

.front {
	float: 				right;
	padding:			4px;
	border:				1px solid #ccc;
}

.box {
	height:				165px;
}

.bottom {
	margin-top:			10px;
}

#plansi ul, #bseries ul, #vanity ul { 
	list-style: 			none; 
}

#plans ul li, #bseries ul li, #vanity ul li { 
	display: 			inline; 
}

#plans ul img, #bseries ul img, #vanity ul img {
	border: 			5px solid #e6e6e0;
	border-width: 			5px 5px 20px;
}

#plans ul a:hover img, #bseries ul a:hover img , #vanity ul a:hover img {
	border: 			5px solid yellow;
	border-width: 			5px 5px 20px;
	color: 				#fff;
}

#plans ul a:hover, #bseries ul a:hover, #vanity ul a:hover { 
	color: 				#fff; 
}

#content #bottom {
	background:			url(../images/bottom.png) top left no-repeat;
	height:				10px;
}

#footer {
	width:				950px;
	margin:				0 auto;
	text-align:			center;
	color:				#ffffff;
	font-size:			10px;
	margin-top:			20px;
}

#footer a {
	color:				#ffff00;
	text-decoration:	none;
}
