@charset "utf-8";

/* _______________________________________________________________ --> GLOBAL STYLES <-- */

* {
	margin:0;
	padding:0;
}

html, body {
	background:#0F1210 url(images/bgg.png);
	color:#040404;
	font:12px/20px Arial, Helvetica, sans-serif;
	height:100%;
}

a {
	color:#ad820f;
	text-decoration:underline;
	cursor:pointer;
}

a:hover {text-decoration:none;}

a img {border:none;}

p, ul, table {padding-bottom:16px;}

.pl li {
	background:url(images/arrowd.png) no-repeat;
	padding-left:15px;
	list-style-type:none;
}

td {
	padding-bottom:4px;
}

h1 {
	font:26px Georgia, serif;
	color:#ad820f;
	background:#1f1f1f;
	padding:10px;
	border-bottom:4px solid #ad820f;
	margin-bottom:18px;
}

h2 {
	font:bold 16px Georgia, serif;
	color:#1f1f1f;
	padding-bottom:4px;
	text-decoration:underline;
	letter-spacing:0.1em;
}

h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ad820f;
	text-transform:uppercase;
	padding-bottom:4px;
}

.prop {font-weight:bold;}

/* _______________________________________________________________ --> WRAPPER <-- */

.wrapper {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto 30px;
}

/* _______________________________________________________________ --> TOP BANNER IMAGES AND LOGO <-- */

#toppy {
	background:url(images/toppy.png) repeat-x;
	width:100%;
	height:125px;
	border-bottom:10px solid #3e4340;
}

#bannerbg {
	background:url(images/bg.png) repeat-x;
	width:100%;
	height:230px;
}

#banner {
	background:url(images/bannery.png) no-repeat;
	position:relative;
	margin:0 auto;
	width:1051px;
	height:230px;
}

#logo {
	position:relative;
	margin:0 auto;
	width:900px;
	height:83px;
	top:58px;
}

#twitter {
	width:107px;
	height:93px;
	float:right;
	margin:-16px 50px 0 0;
}

/* _______________________________________________________________ --> CONTENT AND POLAROIDS <-- */

#container {
	position:relative;
	margin:0 auto;
	width:1000px;
}

#content {
	background:#FFFFFF;
	position:relative;
	margin:0 auto;
	width:630px;
	padding:50px 40px 30px 150px;
	margin-top:35px;
	border-bottom:28px solid #2f2f2f;
	min-height:250px;
}

.floatleft {
	width:215px;
	float:left;	
	clear:left;
}
.floatright {
	width:215px;
	float:left;
	margin-left:75px;
}

#polaroids {
	position:absolute;
	left:-90px;
	top:0px;
	width:233px;
}

.init {
	float:left;
	width:150px;
	height:150px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px outset #CCCCCC;
}

/* _______________________________________________________________ --> NAVIGATIONAL ELEMENTS <-- */

#navigation {
	background:url(images/navi_grade.png) repeat-x;
	position:relative;
	margin:0 auto;
	width:100%;
	height:45px;
}

#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:45px;
	z-index:200;
	width:740px;
	position:relative;
	margin:0 auto;
}

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

#nav li.top {
	display:block;
	float:left;
}

#nav li a {
	display:block;
	float:left;
	height:45px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}

#nav li a b {
	margin-left:-999px;
}

#nav li a.home {background:url(images/nav_home.png);width:64px;}
#nav li a.properties {background:url(images/nav_properties.png);width:108px;}
#nav li a.medicinehat {background:url(images/nav_medicinehat.png);width:126px;}
#nav li a.homeservices {background:url(images/nav_homeservices.png);width:138px;}
#nav li a.financialservices {background:url(images/nav_financialservices.png);width:182px;}
#nav li a.contact {background:url(images/nav_contact.png);width:84px;}

#nav li:hover a, #nav a:hover {background-position:0 45px;}

#nav table {position:absolute;top:0;left:0;border-collapse:collapse;padding:0;width:0;height:0;margin:-1px;}

#nav .subh, #nav .subf {position:absolute;left:-9999px;top:-9999px;width:0;height:0;margin:0;padding:0;list-style:none;}

#nav li:hover {position:relative;z-index:200;}
#nav a:hover {position:relative;white-space:normal;z-index:200;}

#nav :hover ul.subh {left:0;top:45px;width:138px;height:auto;z-index:300;}
#nav :hover ul.subh li {display:block;height:45px;position:relative;float:left;width:138px;font-weight:normal;}
#nav :hover ul.subh li a {display:block;height:45px;width:138px;text-decoration:none;padding:0;cursor:pointer;}
#nav :hover ul.subh li a b {position:absolute;left:-9999px;margin:0;}

#nav :hover ul.subf {left:0;top:45px;width:182px;height:auto;z-index:300;}
#nav :hover ul.subf li {display:block;height:45px;position:relative;float:left;width:182px;font-weight:normal;}
#nav :hover ul.subf li a {display:block;height:45px;width:182px;text-decoration:none;padding:0;cursor:pointer;}
#nav :hover ul.subf li a b {position:absolute;left:-9999px;margin:0;}

#nav :hover ul li a.homebuyers {background:url(images/nav_homebuyers.png);}
#nav :hover ul li a.homesellers {background:url(images/nav_homesellers.png);}
#nav :hover ul li a.calcmortgage {background:url(images/nav_calcmortgage.png);}

#nav :hover ul.subh li a:hover, #nav :hover ul.subf li a:hover {background-position:0 45px;position:relative;}
#nav :hover ul.subh li a:hover b, #nav :hover ul.subf li a:hover b {left:100px;top:15px;background:#fff;color:#000;display:block;width:100px;height:20px;text-align:center;font-size:12px;line-height:18px;}

/* _______________________________________________________________ --> FOOTER <-- */

#footer {
	width:540px;
	float:right;
	color:#666666;
	font-size:10px;
	margin:30px 130px 0;
	text-align:right;
}

a.f {color:#666666;}

#grass {
	background:url(images/bottomy.png) repeat-x;
    height:50px;
}

.push {height:55px;}