@charset "utf-8";

/* ///////// Comman CSS\\\\\\\\\\\\\\\\ */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(../images/main-bg.jpg) repeat-x #8ea944;
}

h1, h2, h3, h4, h5, form {margin:0px; padding:0px; font-weight:normal}
td { border-collapse:collapse}
ul {margin:0px; padding:0px; list-style:none}
img {border:0; outline:none}
a {outline:none}
.clear {margin:0px; padding:0px; clear:both}

#main-wrap {
	width:800px;
	margin:auto;
}

/* ///////// Header CSS\\\\\\\\\\\\\\\\ */

#header {
	width:800px;
	height:334px;
	background:url(../images/header.jpg) no-repeat;
}

.header-left {
	width:460px;
	float:left;
	padding:0px;
}

.header-right {
	width:282px;
	float:right;
	padding:0 0 0 55px;
}
.social-wrap{
	height:37px;
	padding:5px 0 0 0;
}

.phone-icon {
	font-size:20px;
	color:#8b5103;
	padding:4px 0 0 60px;
	line-height:25px;
	background:url(../images/phone-icon.jpg) no-repeat left top;	
}

.phone-icon span {
	color:#4e6d03;
}

.points {
	font-size:18px;
	font-weight:normal;
	color:#fff;
	padding:25px 0 0 12px;
	margin:25px 0px 0px 0px;
}

.points li{
	width:185px;
	padding:0 0 0 20px;
	margin:0 13px 10px 0px;
	float:left;
	background:url(../images/li-bullet.gif) no-repeat left;
}

/* ///////// Content CSS\\\\\\\\\\\\\\\\ */

#content-wrap {
	width:800px;
	padding:0px 0 0 0;	
}

.txtcontent {margin:0 0 20px 0; padding:0px; line-height:18px;}

.txtcontent a{
	
	color:#76912d;

	border-bottom:1px dotted #76912d;

	text-decoration:none;
}
.txtcontent a:hover{

	color:#4a2a03;

	border:none;

	text-decoration:underline;
	
	}




#content-wrap h2 {font-size:18px; margin-bottom:10px;}

#content-wrap li {
	margin:0 0 8px 0;
	padding:0 0 0 0px;
	font-size:13px;
	font-weight:bold;
	color:#835520; 
	background:url(../images/bullet-light.gif) no-repeat;
}

#content-wrap p { margin:0px; padding:0px; background:url(../images/li-line.gif) repeat-x left bottom;	}

#content-wrap li a{
	text-decoration:none;
	color:#835520;
	padding:0 0 5px 20px;
	background:url(../images/li-line.gif) repeat-x left bottom;
}

#content-wrap li a:hover{
	color:#000;
}

#toronto-box {
	width:360px;
	min-height:370px;
	padding:0px 21px 0 15px;	
	float:left;
	background:url(../images/toronto-bg.jpg) no-repeat left;
}


	

#calgary-box {
	width:353px;
	min-height:370px;
	padding:0px 34px 0 15px;	
	float:left;
	background:url(../images/calgary-bg.jpg) no-repeat left;
}


	

.get-started {
	width:159px;
	height:43px;
	display:block;
	background:url(../images/get-started.jpg) no-repeat left top;
}

.get-started:hover {
	background:url(../images/get-started.jpg) no-repeat left bottom;
}


.visit_toronto{width:197px; height:30px; float:left; display:block; font-size:18px; font-weight:normal; padding:9px 0px 0px 5px; text-align:left; text-decoration:none; color:#341f02;}
.visit_toronto:hover{color:#9b7136;}

.visit_calgary{width:197px; height:30px; float:left; margin-left:25px; padding:9px 0px 0px 5px; font-size:18px; font-weight:normal; display:block; text-decoration:none; color:#341f02; text-align:left;}
.visit_calgary:hover{color:#9b7136;}


/* ///////// Footer CSS\\\\\\\\\\\\\\\\ */

#footer-wrap {
	width:800px;
	padding-top:15px;
	text-align:center;
}

#footer-wrap p{
	color:#545f35;
	font-size:11px;
}

#footer-wrap a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#footer-wrap a:hover{
	color:#485b14;
}

.error-page{
	width:800px;
}


.toront-but {
	background:url(../images/toronto-but.jpg) top left no-repeat;
	width:201px;
	height:38px;
	display:block;
	float:left;
}

.toront-but:hover {
	background:url(../images/toronto-but.jpg) bottom left no-repeat;
	width:201px;
	height:38px;

}

.calgary-but {
	background:url(../images/calgary-but.jpg) no-repeat top;
	width:201px;
	height:38px;
	float:left;
	margin-left:10px;
}

.calgary-but:hover {
	background:url(../images/calgary-but.jpg) no-repeat bottom;
	
}