/* @override http://local.tintcentre/vancouver/includes/styles.css */

/* @override http://local.tintcentre/vancouver/includes/styles.css */

/* @override http://local.tintcentre/vancouver/includes/styles.css */

/* @override http://localhost/tint/vancouver/includes/styles.css */

html {
	background-color: #000;
}

body {
	background: url('../images/background.jpg') repeat-x;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding-bottom: 100px;
}


/* Splash Page Styles */

body#splash {
	background: url('../images/background.jpg') repeat-x;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding-bottom: 100px;
	height: 2000px;
	overflow: hidden;
}

div#splash_img {
	background: transparent url('../images/header.jpg') no-repeat;
	height: 216px;
    -moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    position: relative;
	top: 150px;
}

ul#splash_buttons {
	padding-top: 140px;
}

ul#splash_buttons li#vancouver {
	display: inline;
	height: 1%;
}

ul#splash_buttons li#vancouver a{
	width: 154px;
	height: 41px;
	margin: 0px 30px 0px 30px;
	background: url(../images/vancouver_button.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}

ul#splash_buttons li#vancouver a:hover{
	background: url(../images/vancouver_button.jpg) no-repeat 0 -41px;
}

ul#splash_buttons li#saskatoon {
	display: inline;
	height: 1%;
}

ul#splash_buttons li#saskatoon a{
	width: 154px;
	height: 41px;
	margin: 0px 30px 0px 0px;
	background: url(../images/saskatoon_button.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}

ul#splash_buttons li#saskatoon a:hover{
	background: url(../images/saskatoon_button.jpg) no-repeat 0 -41px;
}


/* End of Splash Styles */


/* Header Styles */

#hd_img {
	background: url('../images/header.jpg') no-repeat;
	height: 216px;
}



/******BEGIN Navigation styles*/
#nav {
	background: url('../images/menu_bg.jpg') no-repeat;
	height: 74px;	
	text-transform: uppercase;
	font-size: 1.1em;
	color:  #aaa;
	padding-left: 10px;
}

#nav a {color: #aaa; text-decoration: none;}
#nav a:hover {color:  #fff; text-decoration: none;}
#nav ul li {list-style-type: none;}

/* bg-holder divs and submenu containers */
#nav div {
	height: 25px;  /* parent li's are 26px automatically. todo: check this */
	position: absolute;
	margin: 0px;
	z-index: 0;
}
/* Navigation, parent elements.*/
#nav li {
	float: left;
	padding: 5px 10px;
	position: relative;
}

#nav li:hover div.holder,
#nav li.hover div.holder{
	background: url(../images/tab_upper_left.gif) no-repeat top left;
	width: 9px;
	left: 0px;
	top: 0px;
}
#nav li:hover,
#nav li.hover{
	background: url(../images/tab_upper_right.gif) no-repeat top right;
}

#nav li.childless:hover div.holder,
#nav li.childless.hover div.holder{
	background: url(../images/tab_left.gif) no-repeat top left;
}
#nav li.childless:hover,
#nav li.childless.hover{
	background: url(../images/tab_right.gif) no-repeat top right;
}

/* Navigation, child elements (submenus) */

/*left bg image (rounded bottom corner) */
#nav li.parent .submenu div.holder{
	background: url(../images/tab_lower_left.gif) no-repeat top left;
	width: 9px;
	left: 0px;
	top: 0px;
}
/*submenu container*/
#nav div.submenu {
	background: url(../images/tab_lower_right.gif) no-repeat top right;
	padding:  5px 50px 5px 10px;
	top:  25px;
	left:  -1000px;
	white-space: nowrap;
}
/* safari only needs 10px padding*/
.safari #nav div.submenu {
	padding-right: 10px;
}
/* get same distance between submenu elements as for parent elements */ 
#nav div.submenu a{
	padding-right: 20px; 
}
#nav .submenu a.last {
	padding-right: 0px;	
}

/* pull submenu in place on parent hover */
#nav li:hover div.submenu,
#nav li.hover div {left: 0px;}

/* END NAVIGATION*/

/* Header Styles */


/* global styles */

h1 {
	font-size: 1.6em;
	padding: 5px 0px;
	margin: 0px 20px 20px 20px;
	border-bottom: 1px solid #3a3a3a;
	border-top: 1px solid #3a3a3a;
	font-weight: bold;
	letter-spacing: -1px;
}


h2 {
	font-size: 1.6em;
	padding: 5px 0px;
	margin: 0px 20px 20px 20px;
	border-bottom: 1px solid #3a3a3a;
	border-top: 1px solid #3a3a3a;
	font-weight: bold;
	letter-spacing: -1px;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 40px 0px 10px;
	border-bottom: 1px solid #3a3a3a;
	border-top: 1px solid #3a3a3a;
	clear: left;
	padding: 2px;
}


	

h4 {
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px;
	letter-spacing: -1px;
	clear: left;
	background-color: #171717;
}

h6 {
	display: inline;
	font-weight: bold;
}


p {
	margin: 0px 20px 20px 20px;
	font-size: 1.1em;
}

p.intro{
	font-size: 1.5em;
	color: #4598ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 30px;
}



a {
	color: #a2b8fe;
	text-decoration: none;
}

a:hover {
	color: #a2b8fe;
	text-decoration: underline;
}

.error {color: red;}

div.confirm {
	position:absolute; background-color:#fff0d4; top:20px;text-align:center; color:#666;padding:20px 10px; margin-left:-300px;left:50%;border:#af8440 1px solid;
}

div.confirm_max {
	position:absolute; background-color:#fff0d4; top:50px;text-align:center; color:#666;padding:20px 10px; margin-left:-470px;left:50%;border:#af8440 1px solid;
}

/* end of global styles */


/* sidebar styles */

.contact_box {
	margin-right: 18px;
	margin-top: 0px;
	background: #fff;
	padding: 12px 15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

.contact_box h3 {
	border: none;
	margin-top: 0px;
}

.contact_box h6 {
	color: #333;
}

.contact_box a{
	text-decoration: none;
	color: #333;
}

.contact_box a:hover{
	text-decoration: none;
	color: #4598ff;
}

.contact_box a:visited{
	text-decoration: none;
	color: #333;
}

.contact_box ul.contact_info li{
	margin: 10px 10px;
	color: #5b5b5b;
}


.enviro_box{
	height: 92px;
	width: 100%;
}

.enviro_box{
	margin-right: 18px;
	margin-top: 20px;
	background: url(../images/enviro_bg.jpg) no-repeat top left;
	height: 92px;
	width: 100%;
}

.enviro_box:hover{
	margin-right: 18px;
	margin-top: 20px;
	background: url(../images/enviro_bg.jpg) no-repeat -93px left;
	height: 92px;
}

/* end of sidebar styles */


/* main content styles */

#bd {
	background: #0d0d0d url('../images/content_bg.jpg') no-repeat scroll;
}

.content_main {
	margin: 0px 20px;
}

.content_main ul{
	margin: 5px 55px;
}

.content_main ul li {
	list-style-image: url(../images/check.gif);
	line-height: 180%;
}

.content_main ul li p{
	line-height: 120%;
}

.content_main img {
	border: none;
}


.content_main #contact_map{
	margin-bottom: 40px;
}

.content_main #map {
	margin-left: 20px;
	border: none;
	display: inline;
}

.content_main #map small a{
	float: right;
	display: inline;
	margin-right: 25px;
}

.content_main #contact{
	display: inline;
	float: left;
}

.content_main #contact p{
	margin: 0px 0px 10px 20px;
}

/* Media Uploader Styles */

ul#media_uploader_btns{
	margin: 5px 20px;
}

ul#media_uploader_btns li {
	list-style-image: none;
}

ul#media_uploader_btns li a{
	color: #fff;
}

ul#media_uploader_btns li a:hover{
	text-decoration: none;
}

ul#media_uploader_btns li a:hover h4{
	background-color: #4598ff;
}

div.content_main form {
	margin: 50px 20px 50px 20px;	
	background-color: #222;
	padding: 20px;
	border: 1px solid #444444;
}


/* Photo Styles */

div.photos ul li img {
	border: #a49c9e solid 2px;
	background-color: #fff;
	padding: 7px;
}

div#gallery_photos div.photos ul li a{
	margin: 0px;
}

div.photos li a:hover img{
	border: 2px solid #00acff;
}

div#featured.photos {
	margin: 30px 0px;
	padding: 0px;
}

ul#featured_photos_4 {
	margin:  20px 0px 10px 20px;
}

ul#featured_photos_4 li{
	display: inline;
	margin: 5px 16px 5px 0px;	
}


ul#featured_photos_3 {
	margin:  20px 0px 10px 60px;
}

ul#featured_photos_3 li{
	display: inline;
	margin: 5px 50px 5px 0px;	
}

/* These are for the actualy gallery page */

div.photos {
	margin: 30px 0px 30px 0px;
	background-color: #111;
	border: solid 1px #333;
	padding: 10px 20px 20px 20px;
}

div.videos {
	margin: 30px 0px 30px 0px;
	background-color: #111;
	border: solid 1px #333;
	padding: 10px 20px 20px 20px;
}

#gallery_wrapper div#gallery_photos ul li {
	margin: 10px 10px 0px 0px;
	list-style-image: none;
	display: inline;
	visibility: visible;
	height: 120px;
	line-height: 120px;
}
	



 
p.gallery_intro{
	padding: 20px 0px 20px 0px;
	margin: 0px 20px 0px 20px;
	font-size: 1.6em;
	color: #4598ff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div #gallery_wrapper{
	padding: 0px 0px 20px 0px;
	margin: 0px 20px 20px 20px;
	color: #fff;
}


/* End of Photo Gallery Styles */



/* styles from woofoo form */

.wufoo{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:small;
}
.wufoo li{
width:62%;
}
form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%;
font-size:100%;
}
form li{
margin:0;
padding:4px 5px 2px 9px;
position:relative;
clear:both;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

.clear{
clear:both !important;
}

/* ----- INFO ----- */

.info{
display:inline-block; 
clear:both;

margin:0 0 1em 0;
}
.info[class]{
display:block;
}



/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
font-size:85%;
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
display:block;
font-size:95%;
font-weight:bold;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
display:block;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(../images/fieldbg.gif) repeat-x top;
}
input.text, input.file{
padding:2px 0 2px 0;
}

label.choice{
font-size:100%;
display:block;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:.44em 0 .5em 0;
color:#222;
width:90%;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}

textarea.textarea{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:15%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
width:46% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}


/* end of styles from woofoo form */




/* end of main content styles */

/* footer styles */

#ft {
	background: url(../images/footer_bg.jpg) no-repeat top left;
	height: 73px;
}

#ft #ft_nav ul li a{
	color: #cacaca;
	float: left;
	margin: 5px;
	text-decoration: none;
}

#ft #ft_nav ul li a:hover{
	text-decoration: underline;
}

#ft #ft_nav ul{
	padding: 32px 0px 0px 30px;
}

/* end of footer styles */

#flashcontent { background: #111; width:600px; }
#fixFlash {margin:0 auto; width:900px; height:700px; position:relative;}