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

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


/*-----------------------*/
/*----- HEADER
/*-----------------------*/
#header { text-align:center; padding:20px 0; /*text-transform:uppercase;*/ }
	#header a { text-decoration:none; }
	.top { width:110px; margin:auto; text-align:center; }
		.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:#0D101C; color:#BA9433; border:4px double #BA9433; padding:0px;  }
	.jqmWindow h2 { font-size:12px; line-height:18px; font-weight:normal; border-bottom:1px solid #BA9433; margin:15px 0 15px 0; padding:0 0 15px 0; }
	.jqmWindow h3 { padding-bottom:10px; font-size:12px; line-height:18px; font-weight:normal; color:#BA9433; }
	.jqmWindow p {  }
	.jqmWindow a { color:#eee; }
	.jqmWindow a:active { color:#BA9433; }
	.jqmWindow a:hover { color:#BA9433; }
.jqmOverlay { background-color:#000; }

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

#footer { clear:both; 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: relative; width:100%; height:680px; overflow:hidden; }

/* Items Container */
div.scrollable div.items { width: 20000em; position: absolute; clear: both; }

/* Individual Item Containers */
div.scrollable div.items div { float: left; height:700px; 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:0px; -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; }