/*
 * iWebSkel: The Ultimate Website Skeleton!
 */

/* Reset */
@import 'reset.css';


body {
	background-color:#ccc;
	background-image:url('../images/bg_white-column.gif');
	background-repeat:repeat-y;
	background-position:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.80em;
}

#container {
	width:100%;
	height:100%;
	background-image:url('../images/img_background.jpg');
	background-position:center;
	background-repeat:no-repeat;
}


#container-2 {
	width:100%;
	height:100%;
	background-image:url('../images/img_background2.gif');
	background-position:center;
	background-repeat:no-repeat;
}

#outer {
	width:864px;
	height:475px;
}

#left-nav {
	position:relative;
	top:50px;
	left:50px;
	float:left;
	width:181px;
}

#left-nav #menu {
	padding-top:10px;
	font-size:.75em;
	line-height:220%;
}

#left-nav #menu ul ul {
	line-height:normal;
	margin:0 10px 0 0;
}

#left-nav #menu ul ul li {
	margin:2px 0 6px 8px;
}

#left-nav #menu ul ul li a {
	color:#555;
	text-decoration:none;
}

#left-nav #menu ul ul li a:hover {
	color:#73a3d6;
	text-decoration:none;
}

#left-nav a {
	color:#555;
	text-decoration:none;
}

#left-nav a:hover {
	color:#73a3d6;
	text-decoration:none;
}

#left-nav ul li .navON {
	color:#73a3d6;
}

.navON {
	color:#73a3d6;
}

#header {
	position:relative;
	width:633px;
	height:58px;
	float:right;
	top:50px;
}

/*#login-bar {
	width:460px;
	height:15px;
	padding-top:15px;
}*/

#login-bar {
	width:250px;
	height:15px;
	float:right;
	position:relative;
	top:-5px;
}


#login-bar td {
	padding-right:6px;
	padding-bottom:0;
	vertical-align:middle;
}

#login-bar input {
	border:1px solid #c9cacc;
	font-size:11px;
}

#login-bar-buffer {
	width:10px;
	height:10px;
}

#intro {
	background-image:url("../images/img_hey.gif");
	background-repeat:no-repeat;
	width:570px;
	font-size:.75em;
	line-height:190%;
	color:#555;
	position:relative;
	top:23px;
}

#listening {
	/*float:left;*/
	padding-right:6px;
	padding-bottom:12px;
	height:25px;
	width:259px;
	margin:0;
	
}

#copy {
	width:580px;
	font-size:.75em;
	line-height:190%;
	color:#555;
	position:relative;
	top:23px;
}

#copy a {
	text-decoration:underline;
	color:#73a3d6;
}

#copy a:hover {
	text-decoration:none;
}

#spot-horizontal {
	padding-top:16px;
}

.spot-thumb {
	float:left;
	width:85px;
	heigh:85px;
}

.spot-thumb-blank {
	float:left;
	width:80px;
	heigh:85px;
}

#spot-square {
	width:169px;
	line-height:190%;
	color:#555;
}

#spot {
	padding-bottom:10px;
}

#blue-grey {
	color:#73a3d6;
}

#client-list-background {
	position:relative;
	left:-15px;
	background:#fff;
	filter: alpha(opacity=70); /* ie */
	opacity: 0.7; /* mozilla */
	padding:0 0 15px 15px;
	height:500px;
	width:580px;
}

#client-list {
	position:absolute;
	top:190px;
	z-index:100;
}