/* ----- SPLASH PAGE */

#splash 
{
	margin:0px;
	padding:0px 10px;
	font-family: Trebuchet MS,verdana,helvetica,arial,sans-serif; 
	color:#636363; 
	text-align: center;
	padding-top:0px;
}

#logowrapper{ 
	position:relative; 
	width:680px; 
	height:334px; 
	margin: 0px auto !important;
	background: #fff url(../images/splash_title.gif) 0 140px no-repeat;
	text-align:right;
}
#logowrapper img { margin:42px 40px 0px 0px; }
#logowrapper ul { width:0px; height:0px; position:absolute; left:0px; top:0px; padding:0px; margin:0px;}
#logowrapper ul li { list-style:none; }
#logowrapper ul li a { color:#680D7B; background-color:#EDEDED; text-decoration:none; font-size:14px; padding-left:4px; padding-right:4px; }

/* #logowrapper ul li#home { position:absolute; left:195px; top:3px; }  344 */
#logowrapper ul li#home { position:absolute; left:539px; top:3px; }
#logowrapper ul li#home, #logowrapper ul li#home a { width:50px; }
#logowrapper ul li#home a { border-bottom:solid 4px #70C146; }
#logowrapper ul li#home { height:31px; background: url(../images/splash_arrow_home.gif) 12px 100% no-repeat; }

#logowrapper ul li#what { position:absolute; left:599px; top:75px; }
#logowrapper ul li#what, #logowrapper ul li#what a {  width:95px; }
#logowrapper ul li#what a { border-bottom:solid 4px #FFEA03; }
#logowrapper ul li#what { height:31px; background: url(../images/splash_arrow_what.gif) 13px 100% no-repeat; }

#logowrapper ul li#ask { position:absolute; left:584px; top:255px; }
#logowrapper ul li#ask, #logowrapper ul li#ask a {  width:75px; }
#logowrapper ul li#ask a { border-top:solid 4px #E43D91; margin-top:5px; }
#logowrapper ul li#ask { padding-top:6px; background: url(../images/splash_arrow_ask.gif) 10px 0px no-repeat; }

#logowrapper ul li#how { position:absolute; left:481px; top:302px; }
#logowrapper ul li#how, #logowrapper ul li#how a {  width:100px; }
#logowrapper ul li#how a { border-top:solid 4px #45C0CF; margin-top:5px; }
#logowrapper ul li#how { padding-top:7px; background: url(../images/splash_arrow_how.gif) 10px 0px no-repeat; }

#logowrapper ul li#who { position:absolute; left:344px; top:207px; }
#logowrapper ul li#who, #logowrapper ul li#who a { width:150px; }
#logowrapper ul li#who a { border-top:solid 4px #A24193; margin-top:5px; }
#logowrapper ul li#who { padding-top:7px; background: url(../images/splash_arrow_who.gif) 96px 0px no-repeat; }

#logowrapper ul li#get { position:absolute; left:389px; top:31px; }
#logowrapper ul li#get, #logowrapper ul li#get a {  width:145px; }
#logowrapper ul li#get a { border-bottom:solid 4px #F38D15; }
#logowrapper ul li#get { height:32px; background: url(../images/splash_arrow_get.gif) 69px 96% no-repeat; width:150px; }
* html #logowrapper ul li#get { height:29px; background: url(../images/splash_arrow_get.gif) 69px 100% no-repeat; }

#logowrapper ul li { display:none; }

#splash #intro { font-size:.8em; width:500px; text-align:left; margin:0px auto; }
#splash #intro p { font-weight:bold; }
#splash #menu  { border-top: solid 1px #dedede; font-size:.7em; padding:0px 0px 0px 0px; width:600px; text-align:center; margin:0px auto; line-height:36px; }
#splash #menu  a { font-weight:bold; color:#660099; text-decoration:none; }
#splash #menu  a:hover { text-decoration:underline; }
#directions 
	{
		border:solid 1px #FCD04B; 
		background-color:#FEFDE9; 
		color:#666666; 
		 
		padding:10px; 
		width:480px; 
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom:10px; 
		margin-top:5px; 
		font-size:.9em;
	}
#furtherdirections { font-size:.9em; font-family: Trebuchet MS,verdana,helvetica,arial,sans-serif; }
#navInstructions { position: absolute; top: 45px; left: 50px; color: rgb(162, 65, 147); background-color:#FFFFCC; font-size: 14px; font-weight: bold; }

#home #header img.homeheader { margin-top:-17px; }
#home #download { display:block; }
#home #download span { clear:both; display:block; font-size:.7em; padding-top:6px; }
#home #download form { display:inline; }
#home #videoframe { border:1px solid #999999; margin:20px 5px 5px 5px; padding:8px; text-align:center; width:291px; float:right; }
#home #videoframe span { font-size:11px; display:block; margin-top:5px; text-align:left; line-height:15px; }


/* ----- SITE-WIDE STYLES */
div.content h3,
div.content p { font-family:Trebuchet MS,verdana,helvetica,arial,sans-serif; font-weight:bold; }

.standout { color: rgb(162, 65, 147); background-color:#ffffcc; line-height:1.7em;}
.button { background-color:#ABDD91; border:none; overflow:auto; padding:2px; margin:0px 0px 0px 10px; color:#fff; font-size:.8em; font-weight:bold; border-right:solid 1px #003300; border-bottom:solid 1px #003300; }
.site 
	{
		background: #EDEDED url(../images/site_bg.gif) 0 0 repeat-x;
		font-family: Trebuchet MS,verdana,helvetica,arial,sans-serif;
		margin: 0px;
		padding:43px 0px 0px 0px;
	}
.site #header 
	{ 
		width:614px !important;
		height:125px;
		margin: 0px 0px 0px 230px;
		padding:0px;
		border-top:solid 1px white;
		position:relative;
	}
.site #header img { position:absolute; left:325px; z-index:10; }
.site #linkDescription 
	{ 
		width:589px; 
		height:24px; 
		color:#680D7B; 
		font-size:25px; 
		padding:0px 0px 0px 25px; 
		margin:0px;
		margin-top:64px; 
		overflow:hidden;
	}
.site #header h1 
	{
		width:594px; 
		height:38px; 
		color:#fff; 
		font-size:43px; 
		padding-left:20px; 
		margin-top:0px; 
		margin-bottom:0px; 
		overflow:hidden;
	}
.site div.content 
	{
		margin-top:0px; 
		padding:35px 30px 40px 30px;
		width:552px;
		margin: 0px 0px 0px 230px;
		background-color:#fff;
		border-top:none !important;
		color:#595959;
		z-index:1;
		position:relative;
		min-height:393px;
		font-weight:bold;
	}
.site div.content a, .site div.content a:hover, .site div.content a:visited
	{
		font-weight:bold;
		color:#680D7B;
		text-decoration:underline;
	}
.site div.content h2
	{
		margin:0px;
		padding:0px;
		font-weight:normal;
		font-size:25px;
	}
.site div.content h3
	{
		font-weight:normal;
		font-size:18px;
	}

div.framed
	{
		border:solid 1px #999; 
		padding:8px;
		float:right;
		margin-left:8px;
	}

div.framed em 
	{
		font-size:11px;
		display:block;
		width:359px;
		background-color:#E9E9E9;
		padding:3px 8px;
		margin-top:5px;
	}

div.photo
	{
	display:block;
	border:solid 1px #999; float:left; padding:4px; margin:0px 12px 0px 0px;
	}
div.em { font-size:.7em; clear:both; display:block; width:180px; }
#redcarpet { margin-top:10px; clear:both; overflow:auto; }
#redcarpet .photo { margin-bottom:10px; height:400px; border:none; }
#redcarpet .short { height:241px; }
#redcarpet .em { width:240px; margin-top:4px; padding-left:.5em; }

p.clear
	{
		clear:both;
	}

body#showcase 
{
	padding:5px;
	margin:0px;
	background:none;
}
#showcase table tr td { padding-right:5px; }
#showcase  div#content h1 { 
width:100%;
display:block;
font-size:15px; 
color:#680D7B; 
margin:0px 0px 10px 0px;
}



/* ----- SITE-WIDE FOOTER STYLES */
	
ul#footer 
	{
		background:url(../images/site_footer_bug.gif) 0 50% no-repeat;
		list-style:none;
		padding:5px 0px 0px 30px;
		margin: 0px 0px 0px 230px;
		width:544px;
		height:36px;
		text-align:center;
	}
ul#footer li
	{
		display:inline;
		padding:0px;
		margin:0px;
		text-align:center;
	}
ul#footer li a:link, 
ul#footer li a:active, 
ul#footer li a:visited
	{
		font-size:11px;
		text-decoration:none;
		padding:0px 10px 0px 0px;
		margin:0px 10px 0px 0px;
		border-right:solid 1px silver;
		border-bottom:none;
		font-weight:normal;
		color:#bfbfbf;
	}
ul#footer li.active a, 
ul#footer li.active a:hover,
ul#footer li.active a:visited { font-weight:bold !important; text-decoration:none;}

ul#footer li a:hover { text-decoration:underline; }
ul#footer li.last a { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-right:none !important;}

/* ----- PHOTO BAR STYLES */
#photos 
	{ 
		width:220px;
		text-align:center;
		position:absolute;
		top:180px;
		left:9px;
	}
#photos em 
	{
		font-size:.6em;
		margin:0px;
		margin-left:-2px;
		color:#9b9b9b;
		display:block;
		width:220px;
		text-align:left;
		padding-left:0px; 
	}
p.photo 
	{ 
		border:solid 1px #999; 
		padding:4px; 
		width:202px; 
		background-color:#fff; 
		margin:0px 0px 5px 0px;
	}

/* ----- PAGE SPECIFIC STYLES */
#home h2 { font-family: Trebuchet MS,verdana,helvetica,arial,sans-serif; color:#680D7B; text-align:center;  }
#home #header h1 { background: url(../images/site_header_home.gif) 0 0 no-repeat;  }
#who #header h1 { background: url(../images/site_header_who_is_cincity.gif) 0 0 no-repeat;  }
#get #header h1 { background: url(../images/site_header_get_in_touch.gif) 0 0 no-repeat;  }
#ask #header h1 { background: url(../images/site_header_ask_away.gif) 0 0 no-repeat;  }
#what #header h1 { background: url(../images/site_header_what_can_we_do.gif) 0 0 no-repeat;  }
#how #header h1 { background: url(../images/site_header_how_it_works.gif) 0 0 no-repeat;  }
#misc #header h1 { background: url(../images/site_header_misc.gif) 0 0 no-repeat;  } 

#home div.content { border:solid 1px #70C146;  }
#what div.content { border:solid 1px #FFEA03;  }
#ask div.content { border:solid 1px #DE6FA7;  }
#how div.content { border:solid 1px #86D1CF;  }
#get div.content { border:solid 1px #F38D15;  }
#who div.content { border:solid 1px #A24193;  }
#misc div.content { border:solid 1px #680D7B;  }

#home ul#footer li a:link, 
#home ul#footer li a:active, 
#home ul#footer li a:visited { color:#70C146;  }
#what ul#footer li a:link, 
#what ul#footer li a:active, 
#what ul#footer li a:visited { color:#A0951D;  }
#ask ul#footer li a:link, 
#ask ul#footer li a:active, 
#ask ul#footer li a:visited { color:#DE6FA7;  }
#how ul#footer li a:link, 
#how ul#footer li a:active, 
#how ul#footer li a:visited { color:#139794;  }
#get ul#footer li a:link, 
#get ul#footer li a:active, 
#get ul#footer li a:visited { color:#F38D15;  }
#who ul#footer li a:link, 
#who ul#footer li a:active, 
#who ul#footer li a:visited { color:#A24193;  }
#misc ul#footer li a:link, 
#misc ul#footer li a:active, 
#misc ul#footer li a:visited { color:#680D7B;  }


/* ------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */