/* CSS Document Home - seejaneridebicycletours.com
Design & Implementation: Steven E. Nelson & Thomas Wilson */

/* ----------------------------------------------------------
universal reset & outline removal
---------------------------------------------------------- */

* { 
padding: 0; 
margin: 0; 
}

a:active, button {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* ----------------------------------------------------------
HTML and BODY
---------------------------------------------------------- */
html {
min-width: 960px;
margin: 0;
padding: 0;
}

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, Geneva, sans-serif;
	color: #465266;
	margin: 0; padding: 0;
	font-size: 62.5%;
	background: #D2EFFC;
	}

/* ----------------------------------------------------------
MAIN CONTAINERS
---------------------------------------------------------- */
#wrap-header {
width: 100%;
background: #D2EFFC url(../images/bg_header.jpg) no-repeat;
height: 230px;
}

#header {
width: 960px;
  position: relative;  
}


.col-main {
width: 617px;
position: relative;
float: left;
}

#flowpanes .col-main {
border-right: 3px #C48BD2 dotted;
}

.col-sub {
width: 340px;
position: relative;
float: left;
}

.tours-list {
margin-left: 135px;
width: 820px;
}

.tours-list h2 {
margin-left: 0;
margin-top: 20px;
}

.col-tri {
margin-top: 10px;
width: 270px;
position: relative;
float: left;
border-right: 3px #C48BD2 dotted;
}

.col-tri p {
font-size: 1.2em;
margin-left: 10px;
margin-right: 10px;
}

p.tour-intro {
font-size: 1.5em;
margin-right: 40px;
}

#logo {
position: relative;
left: 125px;
margin-top: 20px;
}


#statement {

}

#content-wrap {
width: 100%;
background: #FFFFFF url(../images/bg_content.gif) no-repeat;
height: 430px;
}

/* ----------------------------------------------------------
BONUS NAV
---------------------------------------------------------- */
#bonus-nav {
text-align: right;
}

#bonus-nav ul {
margin: 35px 0 15px 0;
font-size: 1.8em;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
}

#bonus-nav li {
display: inline;
list-style-type: none;
}

#bonus-nav li a {
text-decoration: none;
}
	

/* ----------------------------------------------------------
STANDARD LINK FORMATS
---------------------------------------------------------- */
a:link { 
	text-decoration: underline; 
	color: #3D6AB3;
	}
a:visited { 
	text-decoration: none; 
	color: #3D6AB3;
	}
a:hover, a:active { 
	color: #ffffff;
	background: #3D6AB3;
	}

a img  {
display: block;
background-color: transparent;
}

a.nobg:hover, div.nobg a:hover {
background-color: transparent;
}

/* ----------------------------------------------------------
STANDARD HTML TEXT
---------------------------------------------------------- */
h1 {
font-size: 3.0em;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight: bold;
margin: 0 0 0 125px;
color: #3D6AB3; 
letter-spacing: -.02em;
line-height: 1.1;
margin-top: 15px;
}


h2 {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight:bold;
color: #E33688;
font-size: 2.6em;
margin: 0 0 0 150px;
letter-spacing: -.02em;
line-height: 1.1;
}

h4 {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight:bold;
color: #E33688;
font-size: 2.2em;
margin: 0 0 0 10px;
letter-spacing: -.02em;
line-height: 1.1;
}

h5 {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 0;
font-size: 1.6em;
color: #E33688;
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
}


.col-main p {
font-size: 1.7em;
margin-left: 170px;
margin-right: 10px;
margin-bottom: 10px;
}

.col-main ul {
color: #ffffff;
font-size: 1.5em;
margin-left: 180px;
margin-top: 10px;
width: 400px;
list-style-type: none;
}

ul.list li{
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.4em;
margin-left: 10px;
margin-top: 10px;
width: 330px;
list-style-type: none;

}

.col-main li, .col-main li.even {
padding: 10px 0 15px 42px;
margin-bottom: 5px;
background: url(../images/li_icon.png) no-repeat;
}

.col-main li span {
background-color: #70AC3E;
padding: 3px;
line-height: 1.5;
}

.col-main li.even span {
background-color: #A54DBA;
padding: 3px;
line-height: 1.5;
}

.col-main ul.sponsors {
margin-top: 0;
}

.col-main ul.sponsors li {
background: none;
padding-left: 0;
display: inline;
float: left;
padding-bottom: 0;
padding-top: 0;
margin-left: 10px;
}

.col-main ul.sponsors li img {
border: none;
}

.col-sub p {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.4em;
line-height: 1.3;
margin: 0 0 8px 10px; 
}


address {
text-align: right;
font-size: 1.5em;
font-style: normal;
font-weight: bold;
}

address span {
color: #E33688;
font-size: 1.6em;
letter-spacing: -.03em;
}

p.sign img {
float: right;
}

img.jane-says {
margin-left: 10px;
}

#flowpanes .items .col-main {
margin-top: 15px;
height: 405px;
}

/* ----------------------------------------------------------
PANE BACKGROUNDS
---------------------------------------------------------- */

#pane-home {
background: url(../images/see_jane_rider1.png) no-repeat bottom left;
height: 430px;
}

#pane-ride {
background: url(../images/bg_rides.png) no-repeat bottom left;
height: 430px;
}

#pane-eat {
background: url(../images/bg_eats.png) no-repeat bottom left;
height: 430px;
}

#pane-rest {
background: url(../images/bg_rest.jpg) no-repeat bottom left;
height: 430px;
}

#pane-guide {
background: url(../images/bg_map.png) no-repeat bottom left;
height: 430px;
}


/* ----------------------------------------------------------
TAB AND PANE FORMATTING
---------------------------------------------------------- */
#flowtabs {
display: none;
}


/* panes */
#flowpanes {
	width:960px;
	height:430px;	
}


/* single pane */
#flowpanes div {
	display:none;	
}


/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
/*	width:960px; */
	cursor:pointer;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}



#callout {
position: relative;
top: 10px;
left: 10px;
width: 940px;
border: solid 10px #E33688;
background-color: #D8C6FC;
}

#callout p {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight:bold;
font-size: 2.0em;
padding: 10px;
}

#copyright {
width: 960px;
text-align: right;  
}

#copyright p {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.3em;
margin: 15px 0; 
}

/* ----------------------------------------------------------
OVERLAY
---------------------------------------------------------- */

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}




/* ----------------------------------------------------------
LET ME CLEAR MY FLOAT
---------------------------------------------------------- */

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