/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Tetra Gas Services
	Created: 2008-05-29
	Created by: Gianni Casagrande gianni@rkd.ca
	
	Colours:
	
	Light Pink				#f6e9f1;
	Pink					#dfa9c8;
	Logo Purple				#73246b;
	Light Blue Links		#669fd2;
	Grey Footer Text		#9d9d9d;
	
------------------------------------------------------------------- */

@import url(reset.css);

* {
	padding: 0;
	margin: 0;
}
/* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
html {
	overflow-y: scroll;
	height: 100%;
}
/* font size from default 16px, down to workable 10px, this is mostly for IE6 and below */
html>body {
	font-size: 10px;
}
/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
body {
	background: url(../../images/site_bg.png) top left repeat-x #fff;
	font-size: 62.5%; /* from 16px browser default to useable 10px */
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #000;
	/*line-height: 1.8em;*/ /*18px*/
}
/* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
.bodystyle {
	color: #fff;
	background: #036;
}
/* clears all floats; apply to empty divs if needed. */
.clear {clear: both;}

:focus { outline: none; } /* removes dotted outline from links */

/* ====================
GLOBAL STYLES - style as necessary
======================= */

p, td {
	font-size: 14px; /*14px*/
	line-height: 20px; /*18px*/
	margin-bottom: 18px;
}
a:link {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}
a:visited {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}
a:hover {
	color: #73246b;
	text-decoration: none;
	border-bottom: 0px dotted #669fd2;
}
a:active {
	color: #dfa9c8;
	text-decoration: none;
	border-bottom: 0px dotted #669fd2;
}

.current {background:#f6e9f1; padding: 0 0 0 0;}
.current a { color: #dfa9c8; text-decoration: none; font-weight: bold; border-bottom:0;}

strong, b {
	font-weight: bold;
	color: #333;
}
em, i {
	font-style: italic;
}

h2 {
	font-size: 16px;
	color: #73246b;
	padding-bottom: 5px;
	font-weight: bold;
	line-height: 20px;
}
h3 {
	color: #669fd2;
	font-size: 16px;
}
h4 {
	font-size: 30px;
	color:#999;
	font-weight:bold;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
h5 {
	font-size: 26px;
	color:#FC0;
	font-weight:bold;
	border-bottom: 1px solid #FC0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
h6 {
	font-size: 20px;
	color:#666;
	font-weight:bold;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.bronze {
	font-size: 16px;
	color:#C60;
	font-weight:bold;
	border-bottom: 1px solid #C60;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


ul, ol {
	list-style-type: none;
}
hr {}
/* styles used by WYSIWYG - style as necessary */
pre {}
address {}

.floatleft {
	float: left;
	padding: 0 18px 0 0;
	clear: both;
}

/*==================
PAGE TITLE
===================*/

h1 {
	font-size: 22px;
	text-indent: -9000px;
	width: 100%;
	padding-bottom: 25px;
}

#welcome {background: url(../../images/title_welcome.gif) top left no-repeat;}
#story {background: url(../../images/title_jessstory.gif) top left no-repeat;}
#timeline {background: url(../../images/title_jesstimeline.gif) top left no-repeat;}
#scrapbook {background: url(../../images/title_jessscrapbook.gif) top left no-repeat;}
#awalk {background: url(../../images/title_walk.gif) top left no-repeat;}
#participatewalk {background: url(../../images/title_participate.gif) top left no-repeat;}
#sponsor {background: url(../../images/title_sponsor.gif) top left no-repeat;}
#create {background: url(../../images/title_createteam.gif) top left no-repeat;}
#corporate {background: url(../../images/title_corporatesponsor.gif) top left no-repeat;}
#pastwalks {background: url(../../images/title_pastwalks.gif) top left no-repeat;}
#communityevents {background: url(../../images/title_community.gif) top left no-repeat;}
#media {background: url(../../images/title_media.gif) top left no-repeat;}
#researchhead {background: url(../../images/title_research.gif) top left no-repeat;}
#contacthead {background: url(../../images/title_contact.gif) top left no-repeat;}
#walk2006 {background: url(../../images/title_walk2006.gif) top left no-repeat;}
#walk2007 {background: url(../../images/title_walk2007.gif) top left no-repeat;}
#walk2008 {background: url(../../images/title_walk2008.gif) top left no-repeat;}



/* ====================
STRUCTURE
======================= */
/*Header*/
#header {
	width: 960px;
	height: 154px;
	margin: 0 auto;
}

	#header .logo {
		position: relative;
		/*float: left;*/
		top: 56px;
	}
	
	#header .logo a, #header .logo a:link, #header .logo a:active, #header .logo a:visited {border: 0;}
	#header img {border:0;}

/*Menu*/
#menunav {
	position: relative;
	float: right;
	z-index: 900;
}

	.nav li, nav ul {padding: 0; margin:0; float: left; z-index: 900;}

	.nav li a {
		display: block;
		height: 36px;
		text-indent: -9000px;
		margin: 0 3px 0 0;
		padding: 0;
		border-bottom:0;
		z-index: 900;
	}

	.nav li#about a {background:url(../../images/btn_about.gif) top left no-repeat; width:109px; display: block; border-bottom:0;}
	.nav li#about a:hover {background:url(../../images/btn_about_over.gif) top left no-repeat; width:109px; display: block; border-bottom:0;}
	.nav li#aboutcurrent a {background:url(../../images/btn_about_over.gif) top left no-repeat; width:109px; display: block; border-bottom:0;}
	
	
	.nav li#walk a {background:url(../../images/btn_walk.gif) top left no-repeat; width:147px; display: block; border-bottom:0;}
	.nav li#walk a:hover {background:url(../../images/btn_walk_over.gif) top left no-repeat; width:147px; display: block; border-bottom:0;}
	.nav li#walkcurrent a {background:url(../../images/btn_walk_over.gif) top left no-repeat; width:147px; display: block; border-bottom:0;}
	
	.nav li#community a {background:url(../../images/btn_community.gif) top left no-repeat; width:102px; display: block; border-bottom:0;}
	.nav li#community a:hover {background:url(../../images/btn_community_over.gif) top left no-repeat; width:102px; display: block; border-bottom:0;}
	.nav li#communitycurrent a {background:url(../../images/btn_community_over.gif) top left no-repeat; width:102px; display: block; border-bottom:0;}
	
	.nav li#research a {background:url(../../images/btn_research.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#research a:hover {background:url(../../images/btn_research_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#researchcurrent a {background:url(../../images/btn_research_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	
	.nav li#contact a {background:url(../../images/btn_contact.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#contact a:hover {background:url(../../images/btn_contact_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#contactcurrent a {background:url(../../images/btn_contact_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	
	.nav li#blog a {background:url(../../images/btn_blog.gif) top left no-repeat; width:54px; display: block; border-bottom:0;}
	.nav li#blog a:hover {background:url(../../images/btn_blog_over.gif) top left no-repeat; width:54px; display: block; border-bottom:0;}
	.nav li#blogcurrent a {background:url(../../images/btn_blog_over.gif) top left no-repeat; width:54px; display: block; border-bottom:0;}

	
/*Splash*/
#splashhome {
	margin: 0 auto; 
	width:960px;
	height: 293px;
	background: url(../../images/splash_bg.jpg) top left no-repeat;
	}

#home {
	position: relative;
	float: left;
	top: 17px;
	left: 17px;
	width: 660px;
	height: 258px;
	display:block;
	overflow:hidden;
}

/*Content Splash*/
#splashcontent {
	margin: 0 auto; 
	width:960px;
	height: 154px;
	background: url(../../images/splash_contentbg.jpg)  top left no-repeat;
	}

#cont {
	position: relative;
	float: left;
	top: 17px;
	left: 17px;
	width: 540px;
}

/*Homepage Splash Buttons*/
#bigbtns {
	position: relative;
	float: right;
	border:none;
	
}

	.splashbtns li, .splashbtns ul  {padding: 0; margin:0; border:0px;}
	
	.splashbtns li a {
		width: 247px;
		height: 117px;
		display: block;
		text-indent: -9000px;
		margin: 0;
		padding: 0;
		border:0px;
	}
	
	.splashbtns li#participate a {background:url(../../images/btn_participatehome.gif) top left no-repeat; margin: 17px 17px 0 0; border:none;}
	.splashbtns li#participate a:hover {background:url(../../images/btn_participatehome_over.gif) top left no-repeat; border:none;}
	
	.splashbtns li#donate a {background:url(../../images/btn_donatehome.gif) top left no-repeat; margin: 25px 17px 0 0; border:none;}
	.splashbtns li#donate a:hover {background:url(../../images/btn_donatehome_over.gif) top left no-repeat; border:none;}
	
/* Contetnt Splash Buttons */

.contsplashbtns li, .contsplashbtns ul  {padding: 15px 0; margin:0; float: left;}
	
	.contsplashbtns li a {
		width: 180px;
		height: 85px;
		display: block;
		text-indent: -9000px;
		margin: 0;
		padding: 0;
		border-bottom: none;
	}
	
	.contsplashbtns li#participate a {background:url(../../images/btn_participatecontent.gif) top left no-repeat; margin: 17px 10px 0 0; *margin:30px 10px 0 0;}
	.contsplashbtns li#participate a:hover {background:url(../../images/btn_participatecontent_over.gif) top left no-repeat;}
	
	.contsplashbtns li#donate a {background:url(../../images/btn_donatecontent.gif) top left no-repeat; margin: 17px 17px 0 0; *margin:30px 17px 0 0;}
	.contsplashbtns li#donate a:hover {background:url(../../images/btn_donatecontent_over.gif) top left no-repeat;}


/*Homepage Content Area*/
#container {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	

}

#wrapper {
	float: left;
	width: 100%;
	/*height: 100%;*/
}

#content { margin: 0 285px 0 0; text-align:justify;}

#content ul {margin: 0 0 25px 25px; font-size:14px; line-height: 26px;}

#content li{
	list-style:url(../../images/arrow_right.gif);
}


#content table { margin: 10px 0 35px 0;}
#content tr{}
#content td{padding: 9px; border-bottom: 1px dotted #dfa9c8;}

.leftinfoarea {
	float: left;
	width: 320px;
	margin-top: 22px;
	}
	
.leftinfoarea img {padding-bottom: 10px;}

.rightinfoarea {
	float: right;
	width: 320px;
	margin-top: 22px;
	}
	
.rightinfoarea img {padding-bottom: 10px;}


/*Right Side Column*/
#rightcol {
	float: left;
	width: 262px;
	margin-left: -262px;
	text-align: left;
}

#rightcol ul {font-size: 14px; color: #000; margin-left: 15px; margin-bottom: 20px;}
#rightcol li {margin: 3px 0 3px 0; padding: 3px 0 7px 5px;}

#rightcol li a {}

#rightcol a img  {border: none; padding:0 0 7px 0; text-decoration:none;}
#rightcol a:link img  {border:none; text-decoration:none;}
#rightcol a:hover img  {border:none; text-decoration:none;}
#rightcol a:active img  {border:none; text-decoration:none;}
#rightcol a:visited img  {border:none; text-decoration:none;}

/*Footer*/

#footer {
	position: relative;
	clear: both;
	background:url(../../images/footer_bg.png) top left repeat-x;
	height: 184px;
}

	#footer .background {
		width: 960px;
		background:url(../../images/footer_baby.jpg) bottom left no-repeat;
		height: 184px;
		margin: 0 auto;
	}
	
	#footer p {
		font-size: 12px;
		padding-top: 20px;
		color: #9d9d9d;	
	}
	
	#footer a:link {color: #9d9d9d; text-decoration: none;}
	#footer a:hover{color: #9d9d9d; text-decoration: none;}
	#footer a:active {color: #000; text-decoration: none;}
	
	#footer a {border:0;}

/*======================
STICKY FOOTER
======================*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrapper {/*padding-bottom: -184px;*/}

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

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/*======================
LIGHTBOX
======================*/
	#gallery {
		width: 100%;
		margin:0;
		padding:0;
	}
	
	#gallery ul { list-style: none; margin:0; padding:0; }
	
	#gallery ul li {display: inline; margin:0; padding:5px; }
	
	#gallery ul img {
		border: 5px solid #73246b;
		/*border-width: 5px;*/
		margin:0;
		padding:0;
	}
	
	#gallery li a {
		border: 0px;
		margin:0;
		padding:0;
		}
	
	#gallery ul a:hover img {
		border: 5px solid #f6e9f1;
		margin:0;
		padding:0;
	}
	
	#gallery ul a:hover { color: #fff; }


/*======================
Join Us Badge
======================*/

#joinus {
	float: right;
	position: absolute;
	z-index: 5;
	top:-25px;
	right:0;
}

.store a, .store a:link, .store a:hover, .store a:active {
	text-decoration:none!important;
}

.store img {border:0; text-decoration:none;}

.rightcol .store a {border:0;}
	
#rightcol a:link img {border:none!important;}