/*
Theme Name: Westsideshacks
Theme URI: www.westsideshacks.com
Description: Calgary Realtor
Author: Craig Slater
Author URI: www.cbsdesigns.com
*/

body {
	margin:0px;
	padding:0px;
	background-color:#202020;
}

#main {
	width:100%;
	font-family:Arial, sans-serif;
}

a {
	font-family:Verdana, Geneva, sans-serif;
}

/********** FEATURED HOME LISTINGS **********/
.home-thumbs { 
	margin-top: 0; 
	padding: 0; 
	overflow: hidden; 
	overflow: -moz-scrollbars-none; 
}

.thumbs { 
	display:hidden; 
}

ul.thumbs { 
	width: 2000px; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	position:relative; 
	top:0px;
	left:0px; 
	right:1850px 
}


ul.thumbs li { 
	float: left; 
	width: 250px; 
	height:250px; 
	margin:0px; 
	overflow:hidden; 
}

.thumbs a, img {
	border:none;
}

#columns {
	float:left;
	width:100%;
}

/********** LEFT COLUMN **********/
#left_col {
	float:left;
	width:500px;
	padding:0px;
	margin:0px;
	height:465px;
	background-color:#000;
}

#left_col_top {
	background-image:url(images/left_col_top.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	height:315px;
	width:500px;
}

#left_col_top h1 {
		text-indent:-9999px;
		margin:0px;
}

#left_col_bot {
	height:150px;
	width:500px;
	background-image:url(images/bg_gradiant.jpg);
	background-repeat:no-repeat;
}

#left_col_bot p {
	font-size:10px;
	padding:10px;
	color:#fff;
	text-align:center;
}

#left_col_bot a {
	text-decoration:none;
	color:#800003;
}

#left_col_bot a:hover {
	text-decoration:none;
	color:#FFF;
}

/********** RIGHT COLUMN **********/
#right_col {
	background-color:#202020;
	height:475px;
	margin-left:500px;
}

/********** navigation **********/
#navigation {
	background-color:#000;
	height:86px;
	width:100%;
	color:#FFF;
	padding:0px;
	margin:0px;
	position:relative;
}

/********** navigation tabs **********/
#navigation_left {
	float:left;
	width:80%;
	height:86px;
	position:relative;
}

#nav_list {
	position:absolute;
	bottom:35px;
	right:65px;
	vertical-align:middle;
}

#nav_list ul li {
	display:inline; /* Fix IE Step Down */
	list-style:none;
	vertical-align:middle;
}

#nav_list ul li a {
	display:block;
	float:left;
	margin: 0px 1px;
	font-size:11px;
	border-right:1px dotted #fff;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	padding:0px 10px;
}

#nav_list ul li a.last {
	border:none;
}

#nav_list ul li a:hover {
	color:#800003;
}

/********** featured homes navigation arrows **********/
#navigation_right {
	float:left;
	width:20%;
	height:66px;
	position:relative;
}

.go-left {
	position:absolute;
	top:10px;
	right:55px;
}

.go-right {
	position:absolute;
	top:10px;
	right:30px;
}

.go-left, .go-right a,img {
	border:none;
}

/********** right bottom **********/

#right_bottom {
	width:100%;
}

/********** home blog **********/
#right_left_col {
	width:65%;
	background-color:#202020;
	float:left;
}

#homeblog {
	padding: 5px 40px 5px 10px;
}

#homeblog h2 {
	color:#fff;
	text-decoration:underline;
	font-size:20px;
	font-weight:normal;
}

#homeblog h3 {
	font-size:14px;
	border:none;
	color:#FF9;
}

#homeblog h4, h5 {
	border-bottom: 1px solid #666;
	padding: 3px 0px;
	font-size:11px;
	color:#999;
}

#homeblog a {
	color:#900;
	text-decoration:none;
}

#homeblog p {
	font-size: 12px;
	color:#FFF;
}

/********** bottom right mid (dots) **********/
#right_mid_col {
	width:5%;
	float:left;
	padding-top:15px;
}
/********** bottom right right **********/
#right_right_col {
	width:30%;
	float:left;
}

.contact_name a {
	color:#fff;
	text-align:left;
	font-size:15px; 
	font-family:Arial, sans-serif;
	text-decoration:none;
}

.contact_info a {
	color:#fff;
	text-align:left;
	font-family:Arial, sans-serif;
	font-size:12px;
	text-decoration:none;
}

/*
#contact_follow {
	width:155px;
}

ul#contact_block, ul#follow_block {
	list-style-type:none;
	padding:0px;
	margin:10px 0px 0px 0px;
}

#contact_block a {
	display:block;
	width:155px;
	background:url(images/contact_block.gif) top left no-repeat;
	height:35px;
}

#follow_block a {
	display:block;
	width:155px;
	background:url(images/follow_block.gif) top left no-repeat;
	height:35px;
}
*/

#contact_block a:hover, #follow_block a:hover {
	background-position: top right;
}


/********** home form *********
#home_form {
	margin-top:5px;
}

#home_form p {
	font-size:12px;
}
*/

