/*
==================================================
Developer: 	Steve Goodwin | Red Bullet
Site:		Discount Lettings
Created: 	25/01/10
Info: 		Global CSS
==================================================
/*


/* Global Styles */
* { margin: 0; padding: 0; border: 0; list-style: none; font-family:Verdana, Arial, Helvetica, sans-serif; }
body { text-align: left; font-size: 62.5%; }
.hide { display:none; }
.clear {clear: left;}

/* Default / Alternative P Styles */
p { padding: 0 0 10px 0; margin:0; color: #333; font-size: medium; line-height: 18px; }

/* Link Styles */
a {color: #DD0A1F; text-decoration: none; outline:none; }
a:hover {color: #DD0A1F; text-decoration: underline; }

/* Isolated Links */

/* Forms */
form { float:left; margin:0 0 0 0; padding:0 0 0 0; }
input { float:left; margin:0 0 0 0; padding:0 0 0 0; }

/*
=====================================================================
BASE PAGE LAYOUT
=====================================================================
*/

/* Page Wrappers */
#wrapper { width:980px; margin:10px auto; padding:0 0 0 0; }

/* Page Header */
#header { float:left; width:980px; height:176px; margin:0 0 0 0; padding:0 0 0 0; }
#logo { float:left; width:240px; height:60px; margin:15px 0 0 0; padding:0 0 0 0; background:url(/Images/logo.gif) no-repeat 0 0; }
#logo h1 a { float:left; width:240px; height:60px; margin:0 0 0 0; padding:0 0 0 0; text-indent:-9999px; }

#phoneNumber { float:right; margin:0 0 10px 0; padding:0 0 0 0; width:450px; text-align:right; }
#phoneNumber .call { margin:0 0 2px 0; padding:0 0 0 0; color:#000; font-size:24px; }
#phoneNumber .number { margin:0 0 0 0; padding:0 0 0 0; color:#dd0a1f; font-size:36px; }

/* Main Navigation */
#mainNav { float:left; margin:0; padding:0 0 0 0; width:980px; height:100px; background:url(/Images/navBG.jpg) repeat-x 0 10px; }
#mainNav ul { float:left; width:415px; height:100px; margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
#mainNav ul li { float:left; margin:0 0 0 0; padding:0 0 0 0; height:100px; list-style:none; }
#mainNav ul li a { float:left; display:block; padding:13px 0 0 10px; margin:0 0 0 0; height:87px; outline:none; color:#FFF; font-size:14px; font-weight:bold; border-right:2px solid #FFF; text-decoration:none; }

#mainNav li a.navTenant { background:url(/Images/navBtns.jpg) 0 0 no-repeat; width:126px; }
#mainNav li a.navTenant:hover { background:url(/Images/navBtns.jpg) 0 -100px no-repeat; width:126px; }
#mainNav li.active .navTenant { background:url(/Images/navBtns.jpg) 0 -100px no-repeat; width:126px; }

#mainNav li a.navReport { background:url(/Images/navBtns.jpg) 0 -200px no-repeat; width:126px; }
#mainNav li a.navReport:hover { background:url(/Images/navBtns.jpg) 0 -300px no-repeat; width:126px; }
#mainNav li.active .navReport { background:url(/Images/navBtns.jpg) 0 -300px no-repeat; width:126px; }

#mainNav li a.navRequest { background:url(/Images/navBtns.jpg) 0 -400px no-repeat; width:126px; }
#mainNav li a.navRequest:hover { background:url(/Images/navBtns.jpg) 0 -500px no-repeat; width:126px; }
#mainNav li.active .navRequest { background:url(/Images/navBtns.jpg) 0 -500px no-repeat; width:126px; }

#mainNav #sub { float:right; margin:68px 0 0 0; padding:0 0 0 0; width:auto; height:32px; }
#mainNav #sub li { border-right:1px solid #FFF; height:32px;  }
#mainNav #sub li.last { border:none; }
#mainNav #sub li a { height:32px; border:none; padding:0 25px 0px 25px; font-size:16px; font-weight:normal; }
#mainNav #sub li a:hover { text-decoration:none; color:#ff8e9d; }
#mainNav #sub li a.active { text-decoration:none; color:#ff8e9d; }

/* Main Content Wrapper */
/* position: relative removed because of problems it was causing */
#contentWrapper { float:left; width:980px; margin:0 0 0 0; padding:0 0 0 0; background:url(/Images/leftColBG.jpg) repeat-y 230px 0px; }
/* do we need this? */
/*#contentWrapper .seperatorBottom { position:absolute; bottom:0; left:230px; float:left; width:20px; height:156px; background:url("/Images/navBottomBG.jpg") no-repeat scroll right bottom; }*/

/* Left Col */
#leftCol { float:left; width:250px; margin:0 0 0 0; padding:25px 0 0 0; background:url(/Images/navTopBG.jpg) no-repeat 230px 0; }

/* Right Col */
#rightCol { float:right; width:710px; margin:0 0 0 0; padding:25px 0 40px 0; }
#rightCol .highlight { width:680px; margin:0 0 25px 0; padding:15px; border-top:1px solid #AEABAB; border-bottom:1px solid #AEABAB; background:#ECECEC; }
#rightCol .highlight h1 { width:680px; margin:0 0 0 0; padding:0 0 10px 0; font-size:14px; color:#000; }
#rightCol .highlight p { width:680px; margin:0 0 0 0; padding:0 0 0 0; font-size:12px; line-height:1.7em; color:#000; }
#rightCol h1 { width:710px; margin:0 0 0 0; padding:0 0 20px 0; font-size:24px; color:#DD0A1F; }
#rightCol h2 { width:710px; margin:0 0 0 0; padding:0 0 10px 0; font-size:14px; color:#000; line-height:1.7em; }
#rightCol p { margin:0 0 0 0; padding:0 0 10px 0; font-size:12px; line-height:1.7em; color:#000; }

.flashMessage { margin:0 0 25px 0; padding:15px; border:1px solid #DD0A1F; border-left:0; border-right: 0; background:#ECECEC; font-size:12px; line-height: 1.7em;}

/* No Left Col */
#noSideBar { float:left; width:980px; margin:0 0 0 0; padding:25px 0 40px 0; }
#noSideBar h1 { margin:0 0 0 0; padding:0 0 20px 0; font-size:24px; color:#DD0A1F; }
#noSideBar p { margin:0 0 0 0; padding:0 0 0 0; font-size:12px; line-height:1.7em; color:#000; }

/* Footer Links Box */
#footer-website-links { float:left; width:980px; margin:10px 0 0 0; padding:20px 0 25px 0; background:url(/Images/blogPostsBG.jpg) repeat-x 0 0 #2C2C2C; }
#footer-website-links h1 { float:left; width:940px; margin:0 0 0 0; padding:0 0 10px 25px; font-size:18px; color:#000; }
#footer-website-links ul { float:left; width:940px; margin:0 0 0 0; padding:0 0 0 25px; list-style:none; }
#footer-website-links ul li { float:left; width:225px; margin:0 0 0 0; padding:10px 10px 0 0; list-style:none; }
#footer-website-links ul li a { float:left; width:225px; margin:0 0 0 0; padding:0 0 0 0; font-size:12px; }

/* Main Footer */
#mainFooter { float:left; width:980px; height:25px; margin:10px 0 0 0; padding:0 0 0 0; background:url(/Images/footerBG.jpg) repeat-x 0 0; }
#mainFooter ul { float:left; width:980px; margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
#mainFooter ul li { float:left; height:25px; margin:0 0 0 0; padding:0 0 0 0; display:inline; }
#mainFooter ul li a { float:left; padding:4px 10px 0 10px; height:25px; display:block; font-size:12px; text-align:center; text-decoration:none; border-right:1px solid #FFF; color: #FFF; }
#mainFooter ul li a:hover { text-decoration:underline; }

/* Sub Footer */
#subFooter { float:left; width:960px; height:35px; margin:0 0 0 0; padding:10px 10px 0 10px; }
#subFooter p { float:left; color:#333; margin:0 0 0 0; padding:0 0 0 0; font-size:12px; }
#subFooter p.right { float:right; width:100px; text-align:right; }
#subFooter a { color:#DD0A1F; text-decoration:none; }
#subFooter a:hover { text-decoration:underline; }

/*testimonial box css*/


#home-top {
    background: url(/Images/propertyExposureBG.jpg) repeat-x scroll 0 0 ;
	border: 1px solid #BFBFBF;
    height: 200px;
    margin: 15px auto 30px;
   /* position: relative;*/
	width:965px ;
	padding:4px;
	clear:both;
	
}

#home-top-header {
    position: absolute;
    /*background: url(images/home-top-header.jpg) left top no-repeat;*/
    width: 942px !important;
    margin: 0 auto;
    top: 20px;
}



#home-top #slides {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding-top: 4px;
}

#home-top #slides .slide {
    /*background: url(images/home-top-photo.jpg) right bottom no-repeat;*/
    height: 170px;
    padding-left: 40px;
    padding-top: 10px;
    width: 890px;
}

#home-top .slide .text {
      font-size: 12px;
    color: #333;
    width: 735px;
    padding: 5px 0 0 30px;
    background: url(/Images/quote-left.png) left top no-repeat;
    line-height: normal;
	overflow: hidden;
}
.text p
{
	font-size:12px;
}
#home-top .slide .text .quote-right {
    padding-right: 30px;
    padding-bottom: 5px;
    background: url(/Images/quote-right.png) right bottom no-repeat;
}

#home-top .slide .separator {
    width: 319px;
    height: 2px;
    background: url(/Images/home-testimonial-underline.png) 40px top no-repeat;
	margin-top:5px;
}

#home-top .slide .title {
    padding: 5px 0 5px 40px;
    font-size: 13px;
    font-weight: bold;
    color: #c13100;
}

#home-top .slide .url {
    padding-left: 40px;
    font-size: 12px;
    color: #333;
}

#home-top .slide-left, #home-top .slide-right {
    position: absolute;
    top: 90px;
    cursor: pointer;
    z-index: 10000;
}

#home-top .slide-left {
    background: url(/Images/home-header-left-btn.png) left top no-repeat;
    width: 32px;
    height: 30px;
    left: 20px;
	top:90px;
	position:relative;
	float:left;
}

#home-top .slide-right {
    background: url(/Images/home-header-right-btn.png) left top no-repeat;
    width: 32px;
    height: 30px;
    right: 20px;
	top:-125px;
	float:right;
	position:relative;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.red {
    color: #c13100;
}

.regular {
    font-weight: normal;
}

.italic {
    font-style: italic;
}
#slides
{
	margin-top:35px !important;
}

