/*----------------------------------------------------
                 FindlayClassifieds - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family:Tahoma, Arial, Verdana;
font-size:12px;
margin:0 auto;
padding:0;
background-image:url(../images/bg-body.jpg);
background-repeat:repeat;
color:#5f5f5f;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 1, 2011 */
@font-face {
    font-family: 'MankSansRegular';
    src: url('../fonts/manksans-webfont.eot');
    src: url('../fonts/manksans-webfont.eot?iefix') format('eot'),
         url('../fonts/manksans-webfont.woff') format('woff'),
         url('../fonts/manksans-webfont.ttf') format('truetype'),
         url('../fonts/manksans-webfont.svg#webfonthUXH4RWW') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MankSansMedium';
    src: url('../fonts/manksans-medium-webfont.eot');
    src: url('../fonts/manksans-medium-webfont.eot?iefix') format('eot'),
         url('../fonts/manksans-medium-webfont.woff') format('woff'),
         url('../fonts/manksans-medium-webfont.ttf') format('truetype'),
         url('../fonts/manksans-medium-webfont.svg#webfontwMSSjcKY') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2 {
	margin-bottom: 15px;
	font-family: MankSansMedium, Tahoma, Arial;
	font-weight: normal;
	color: #444444;
}
h3, h4, h5 { margin-bottom:15px; font-family:Tahoma, Arial, Verdana; font-weight:normal; color:#444444;}
h1{font-size:32px; line-height:30px;}
h2{font-size:22px; line-height:28px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px; font-weight:bold;}
h5{font-size:14px; margin:0 0 3px 0; padding:0px;letter-spacing:1px;}

/* links */
a{color:#ff4e00; text-decoration:none;}
a:visited{color:#ff4e00; text-decoration:none;}
a:hover{color:#ff9566;}
a img{border:none}
.imgleft{float:left; padding:5px 12px 0px 0px;}
.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:14px;
line-height:18px;
margin-bottom:14px;
color:#5f5f5f;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#5f5f5f;
padding:2px 4px 2px 38px;
background-image:url(../images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

p a {color:#5b99d2; text-decoration:underline;}
p a:hover {color:#ff4e00; text-decoration:none;}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}

/* Container
------------------------------------------------------*/
#page-container{width:988px; margin:0 auto;}
.page-container-inner{width:988px; background-image:url(../images/bg-container.png); float:left;}
.frame{width:920px; margin:0 auto;}


/* Header
------------------------------------------------------*/
/*#header{height:139px; width:920px; background-image:url(../images/top-shadow.jpg); background-position:center 46px;  background-repeat:no-repeat;}*/
#header{height:139px; width:920px;}
#top-header{height:88px; background-image:url(../images/strip-line.gif); background-position:top; background-repeat:repeat;} /* was: repeat-x */

#bottom-header{width:920px; padding:6px 0; border-bottom:1px solid #767676; float:left;}
.logo{width:500px; font-size:14px; padding:18px 0px 0px 20px; float:left;}
.phone{font-size:18px; padding:50px 20px 0px 0px; float:right;}
.phone-get{font-size:14px; color:#ff4e00;}

/* Menu */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		100;
	font-size:		14px;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit;
}
.sf-menu li {
	float:			left;
	position:		relative;
	border-right:	1px solid #8e8c8c;	
}
.sf-menu li.last {
	border-right:none;
}
.sf-menu li.current a {
	color: #3F3F3F;	
}
.sf-menu li a:hover {
	color: #3F3F3F;	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px;
	z-index:		100;
}
.sf-menu li.sfHover ul li {
	left:			0;
	top:			-1px;
	z-index:		100;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em;
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em;
	top:			0;
}
.sf-menu {
	float:			left;
	margin-bottom:	0em;
}
.sf-menu a {
	padding: 		0px 20px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  {
	color:			#7e7c7c;
}
.sf-shadow ul {}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Search styling */
/*
.search-fieldset{border:none;}
#search-box{padding-bottom:6px; float:left; height:23px;}
#searchForm{float:right; width:auto;}
#search{font:14px Tahoma, Arial, Verdana; font-size:14px; color:#88899e; padding:4px 30px 4px 3px; background-color:#fff; border:1px solid #d3d2d2; width:185px;}
#search:focus{border:1px solid #adacac; color:#555533;}
#searchForm .go{position:absolute; margin:3px 0 0 -26px;}
*/
.search-fieldset{border:none;}
#search-box{padding:0 20px 6px 0; float:right; height:40px;}
#searchForm{float:right; width:auto;}
#search{font:18px Tahoma, Arial, Verdana; font-size:18px; color:#88899e; padding:4px 30px 4px 3px; background-color:#fff; border:1px solid #d3d2d2; width:250px;}
#search:focus{border:1px solid #adacac; color:#555533;}
#searchForm .go{position:absolute; margin:6px 0 0 -30px;}

#login-box { width:310px; margin:0; padding:0; float:right; }
#login-box .input { display:inline; font-family:Tahoma, Arial, Verdana; font-size:14px; color:#88899e; padding:4px; background-color:#fff; border:1px solid #d3d2d2; }
#login-box .input:focus { border:1px solid #adacac; color:#555533; }
#login .go{ position:absolute; margin:0; }

#login .button {border: 1px solid #272727; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #333333; padding: 4px; color: #fff; cursor: pointer; font-size:12px}
#login .button:hover {border-color: #9c3700; background-color: #ff4e00; color: #fff;}

#header-link { float:right; margin-right:10px; }
#header-link a { color:#5b99d2; }
#header-link a:hover { text-decoration:underline; }
#header-link a.left { margin-right:30px; }

/* Top Navigation bar menu styling */
#nav-menu {width:430px; float:left; margin:5px 0px 5px 0px; list-style-type:none;}
#nav {margin:0px; padding:0px 0px 0px 0px; float:left;}
#nav ul{ 
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:normal 11px Tahoma, Arial, Verdana;
line-height:26px;
}
#nav li a {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color:#ffdbcd;
text-decoration:none;
}
#nav li a:hover {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color: #535353;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow{
background-color:#202020;
width:920px;
height:283px; 
margin:15px 0px 0px 0px;
float:left;
}
#slideshow-threed{
width:920px;
height:283px; 
margin:15px 0px 0px 0px;
float:left;
}
#box-nav-slider{
background-image:url(../images/strip-line.gif);
background-position:bottom;
background-repeat:repeat-x;
width:920px;
height:17px;
float:left;
}
#slideshow-navigation a{
background: url(../images/slide.png) no-repeat scroll 50% 50%;
display:block;
float:left;
font-size:0px;
width:9px;
height:9px;
margin:2px;
outline-style:none;
outline-width:medium;
padding:2px;
}
#slideshow-navigation{float:right; padding-right:10px}
#slideshow-navigation .activeSlide {background: url(../images/slide.png) no-repeat scroll 0% 50%;}
.slidehalf { margin-top:0px; margin-right:20px; float:left;} /* Editable Slider Image Position */
.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
.slide-text h1{color:#FFF; padding:50px 20px 0px 0px}
.slide-text p{font-size:12px; color:#b5b5b5; line-height:22px; padding-right:20px;}
.slide-text a.read_more{color:#ff4e00; font-size:12px;}
.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}

/* error/information messages */
.msg {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("../images/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("../images/msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("../images/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("../images/msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("../images/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("../images/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("../images/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("../images/exclamation.png") 0 50% no-repeat;}
.error {color: #b70b0b;}

/* Content
------------------------------------------------------*/
#content{width:920px; padding:10px 0px 10px 0px; float:left;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #cfd4c3; padding:6px; margin-right:15px; background-color:#f9fbf4;}
.imgright-box{float:right; border:solid 1px #cfd4c3; padding:6px; margin-left:15px; background-color:#f9fbf4;}
#content1{float:left; width:284px;}
#content2{float:left; width:602px; margin-left:34px;}
#content3{float:left; width:284px; margin-left:34px;}
.orange{color:#ff4e00;}
.blue {color:#5b99d2;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li { padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}

/* Featured Project */
#featured{margin-top:3px;} /*height:255px;}*/
/*.bg-featured{background-image:url(../images/strip-line.gif); background-repeat:repeat; width:275px; height:157px; padding:5px 5px;}*/
.bg-featured{background-image:url(../images/strip-line.gif); background-repeat:repeat; width:593px; height:157px; padding:5px 5px;}
.featured-text{padding-top:5px;}

/* Categories List */
.category { margin: 3px 0 15px 0; }

/* Subcategories List */
.subcategory { padding-left: 6px; }
.subcategory a { text-decoration:underline; color:#444444; font-weight:normal; }
.subcategory a:hover { color:#ff4e00; }

/* Bottom Box */
.imgleft-bottom{width:88px; height:90px; float:left; margin-right:15px;}
#bottom-box{width:908px; margin-top:5px; padding:5px; border:1px solid #e5e6e2; float:left;}
#bottom-box-inner{background-image:url(../images/strip-line.gif); background-repeat:repeat; width:908px; line-height:16px; float:left;}
#bottom-box-inner h4{padding-top:8px; margin-bottom:8px; color:#ff4e00;}
.box1{width:437px; font-size:11px; padding:10px 0px 10px 10px; float:left;}
.box2{width:437px; margin-left:10px; font-size:11px; padding:10px 0px; float:left;}

/* boxes at bottom of index page - random post and random ad */
.adBox{width:437px; margin-left:10px; padding:10px 0; float:left;}
.postBox{font-size:14px; width:437px; margin-left:10px; padding:10px 10px 10px 0; float:left;}

/* Footer
------------------------------------------------------*/
#footer{width:920px; height:142px; font-size:11px; margin:0px auto; color:#686868; background-color:#444444; line-height:12px; float:left;}
#footer a, #footer a:visited{color:#888888; text-decoration:none;}
#footer p{font-size:11px; color:#888888;}/*#686868*/
.footer1{width:269px; float:left; margin-left:20px; padding-top:15px;}
.footer2{width:269px; float:left; margin-left:37px; padding-top:21px;}
.footer2 ul{margin:0px; padding:0px; font-size:11px; list-style-type:none;}
.footer2 ul li{list-style:none;	border-bottom:solid 1px #888888; line-height:24px; text-align:right;}
.footer3{width:269px; float:left; margin-left:37px; padding-top:15px;}
.footer3 h3{color:#888888;}
.twitter{padding-right:5px; float:left;}
#social span{background:url(../images/social-icon.jpg); float:left; width:16px; height:16px; margin:4px 5px 0 0;}
#fb-icon span{background-position:0px 0;}
#fb-icon a:hover span{background-position: 0px -16px;}
#twit-icon span{background-position:-16px 0;}
#twit-icon a:hover span{background-position: -16px -16px;}
#flic-icon span{background-position:-32px 0;}
#flic-icon a:hover span{background-position: -32px -16px;}
#rss-icon span{background-position:-48px 0;}
#rss-icon a:hover span{background-position: -48px -16px;}