/* Basic Example CSS */
body {
	background:#eee;
	font-size:12px;
	line-height:18px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
}
h3 { color: #666; }
.clear { clear:both; }

/* ===== Sections ===== */


/*-----------------------*/
/*----- HEADER
/*-----------------------*/
#header {
	text-align:center;
	overflow: auto;
}
	#header a {
	text-decoration:none;
	position: fixed;
}
	.top {
	width:220px;
	margin:auto;
	text-align:left;
}
		.top a { color:#666; }
	
	
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

/* ====== OLD VERSION OF POP UP MENU COLORS  - LICENSE PLATE STYLE
.jqmWindow { display:none; position:fixed; top:300px; left:50%; margin-left:-300px; width:600px; background-color:#BA9433; color:#0D101C; border:6px double #0D101C; padding:0px; }
	.jqmWindow h2 { font-size:12px; line-height:18px; font-weight:normal; border-bottom:1px solid #0D101C; margin:15px 0 15px 0; padding:0 0 15px 0; }
	.jqmWindow a { color:#0D101C; text-decoration: underline; }
	.jqmWindow a:active { color:yellow; }
	.jqmWindow a:hover { color:yellow; }
.jqmOverlay { background-color:#000; }
*/

.jqmWindow {
	display:none;
	position:fixed;
	top:300px;
	left:50%;
	margin-left:-300px;
	width:600px;
	background-color:#000;
	color:#FFF;
	border:4px double #000;
	padding:0px;
	background-image: url(300.png);
}
	.jqmWindow h2 { font-size:12px; line-height:18px; font-weight:normal; border-bottom:1px solid #fff; margin:15px 0 15px 0; padding:0 0 15px 0; }
	.jqmWindow h3 {
	padding-bottom:10px;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	color:#FFF;
}
	.jqmWindow p {  }
	.jqmWindow a {
	color:#fff;
}
	.jqmWindow a:active {
	color:#FFF;
}
	.jqmWindow a:hover {
	color:#333;
}
.jqmOverlay {
	background-color:#FFF;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

.splash { width:100%; margin:auto 0; text-align:center; }	
.wrapper {
	width:100%;
	margin:auto 0;
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	padding-right: 30px;
	position: absolute;
	left: 15px;
	top: 17px;
}

#footer {
	clear:inherit;
	width:100%;
	margin-top:0px;
	text-align:center;
}
	#footer a { color:#666; text-decoration:none; }

/* ===== Tabs CSS ===== */
div.tabPanes > div { display: none; } /* initially all panes are hidden */
div.tabPanes { border: solid 1px #e6e1f1; padding: 0 15px; }
ul.tabs { list-style: none; margin: 0 0 0 20px; padding: 0; overflow: hidden; }
ul.tabs li { float: left; margin-left: 2px; }
ul.tabs li a { display: block; float: left; padding: 10px 15px; color: #999; text-decoration: none; font-size: 11px; }
ul.tabs li a:hover { background: #666; }
ul.tabs li a.current { font-weight: bold; }
ul.tabs li a:hover,
ul.tabs li a.current { color: #454545; }

/* ===== Tooltip CSS ===== */
div.tooltip { display: none; /* initially tooltips are hidden */ padding: 10px; background: #222; color: #fff; font-size: 13px; font-style: italic; }

/* ===== Scrollable CSS ===== */
/* Primary Container */
div.scrollable {
	position: absolute;
	width:100%;
	height:680px;
	overflow:hidden;
	left: 1px;
	top: 80px;
}

/* Items Container */
div.scrollable div.items {
	width: 20000em;
	position: absolute;
	clear: both;
	left: -13px;
	top: 78px;
}

/* Individual Item Containers */
div.scrollable div.items div {
	float: left;
	height:680px;
	padding:0;
	margin:0 15px;
	text-align:center;
}
	div.scrollable div.items div img { box-shadow: 0px 2px 10px #bcbcbc; -webkit-box-shadow: 0px 2px 10px #bcbcbc; -moz-box-shadow: 0px 2px 10px #bcbcbc; }

/* Next and Previous buttons */
a.prev { display:block; left:15px; position:absolute; top:760px; padding:10px 8px; cursor:pointer; font-size:36px; color: #eee; background:#ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
a.next { display:block; right:15px; position:absolute; top:760px; padding:10px 8px; cursor:pointer; font-size:36px; color: #eee; background:#ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
a.prev:hover, a.next:hover { color: #333; }

/* Disabled Next or Previous button */
a.disabled { visibility: hidden !important; }

/* Navigation Container */
div.navi { width:960px; margin:auto; text-align:center; visibility:; }

/* Navigation Links */
div.navi a { float: left; margin-left: 2px; padding: 10px 15px; color: #999; text-decoration: none; font-size: 11px; }
div.navi a.active { font-weight: bold; }
div.navi a:hover,
div.navi a.active { color:#454545; background:#ccc; }


/* ===== CSS Rounded Corners ===== */
div.tabPanes { -moz-border-radius:0px; -webkit-border-radius:0px; }
div.tooltip,
div.scrollable div.items div {
	-moz-border-radius:680px;
	-webkit-border-radius:0px;
}


/*-----------------------*/
/*----- PROFILE
/*-----------------------*/
#profile { margin:auto; width:960px; padding-bottom:20px; }
	#profile h1 { padding:0 0 10px 0; }
	#profile h4 { font-size:11px; color:#666; text-transform:uppercase; font-weight:normal; margin-bottom:0px; }
	#profile ul { margin:2px 0 25px 0; padding:0; }
	#profile li { list-style:none; }
	#profile a { color:#000; }
	.bio-photo { float:left; width:350px; margin:20px 35px 0 0; }
	.bio-connect { float:left; width:255px; margin:20px 35px 0 0; }
	.bio-info { float:left; width:265px; margin:20px 0 0 0; }@charset "UTF-8";
/* CSS Document */