/*
 * 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;
}

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

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

#facefooter {
	position:relative;
	top:500px;
	left:0px;
	height:100px;

    
    }

#copyfooter {
    position:relative;
	top:500px;
	right:0px;  
	height:100px;
	font-size:.75em;
    
    }



#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;
}


#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:89px;
	heigh:89px;
}

.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;
}