/**
 * Global.css
 * Main Stylesheet for
 *
 * @author       Lewis Howles
 * @date         2009-09-21
 * @lastmodified 2009-09-21
 * @site         http://www.jakx.co.uk
 */

@import url(default.css);
@import url(contact.css);

/**
 * Global
 */

body {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:10pt;
	color:#5b626c;
}

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

a.highlight {
	color:#860600;
}

ol ol {
	list-style-type:lower-roman;
}

/**
 * Header
 */

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

#header h1 {
	width:97px; height:41px;
	background:url(../images/jakx.png) no-repeat;
	margin-left:60px;
}

#header h2 {
	width:97px; height:31px;
	background:url(../images/just-about.png) no-repeat;
	margin-left:60px;
}

#logo {
	width:64px; height:82px;
	background:url(../images/logo.png) no-repeat;
	position:absolute;
	top:10px; left:-15px;
}

#house {
	display:block;
	width:44px; height:72px;
	background:url(../images/jakx-house.png) 0 0 no-repeat;
	position:absolute;
	top:0; right:15px;
}

#house:hover {
	background-position:0 100%;
}

#banner {
	height:280px;
	position:relative;
}

#banner div {
	color:#5b626c;
	font-size:8pt;
	position:absolute;
	top:60px; left:80px; /* 25? */
}

#banner div a:hover {
	text-decoration:underline;
}

#banner-menu {
	list-style:none;
	margin:0; padding:80px 0 0 80px; /* 45 */
}

#banner-menu li {
	margin:0 0 5px 0; padding:0;
}

#banner-menu li a {
	width:215px; height:46px;
	line-height:46px;
	display:block;
	padding-left:45px;
	color:#000;
	font-size:13pt;
	text-transform:uppercase;
	text-indent:-9999px;
}

#banner-menu li a.one { background:url(../images/side-menu-1.jpg) 0 0 no-repeat; }
#banner-menu li a.two { background:url(../images/side-menu-2.jpg) 0 0 no-repeat; }
#banner-menu li a.three { background:url(../images/side-menu-3.jpg) 0 0 no-repeat; }

#banner-menu li a:hover {
	background-position:0 100%;
}

#banner-menu li a span {
	font-weight:bold;
	color:#5b626c;
}

#menu {
	width:998px; height:33px;
	background:url(../images/menu-bg.jpg) no-repeat;
	margin:0 0 0 1px;
	padding:0 4px;
	list-style:none;
}

#menu li {
	width:198px; height:33px;
	float:left;
	margin:0; padding:0;
}

#menu li a {
	width:198px; height:33px;
	line-height:33px;
	display:block;
	color:#000;
	text-align:center;
	font-size:13pt;
	text-indent:-9999px;
}

#menu li a.one { background:url(../images/button-1.jpg) 0 0 no-repeat; }
#menu li a.two { background:url(../images/button-2.jpg) 0 0 no-repeat; }
#menu li a.three { background:url(../images/button-3.jpg) 0 0 no-repeat; }
#menu li a.four { background:url(../images/button-4.jpg) 0 0 no-repeat; }
#menu li a.five { background:url(../images/button-5.jpg) 0 0 no-repeat; }

#menu li a:hover {
	background-position:0 100%;
}

#menu li a span {
	color:#5b626c;
}

#menu li a:hover span {
	color:#000;
}

#flash-header {
	width:550px; height:280px;
	float:right;
	margin-right:30px;
}

/**
 * Body
 */

#overview, #services, #features {
	width:278px;
	padding:12px 26px 12px 26px;
	float:left;
}

.jakx-features {
	padding-right:26px;
	background:url(../images/red-bullet.jpg) 0 14px no-repeat;
	padding-left:20px;
}

.jakx-benefits {
	padding-left:26px;
	background:url(../images/green-bullet.jpg) 0 14px no-repeat;
	padding-left:20px;
}

.jakx-features, .jakx-benefits {
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:1px dotted #5b626c;
	vertical-align:top;
	width:50%;
}

#overview h3, #services h3, #features h3 {
	height:56px;
}

#services {	margin:0 5px; }

#overview h3 { background:url(../images/01.jpg) no-repeat; }
#services h3 { background:url(../images/02.jpg) no-repeat; }
#features h3 { background:url(../images/03.jpg) no-repeat; }

#overview p {
	background:url(../images/arrow2.gif) 0 3px no-repeat;
	text-indent:15px;
	text-align:justify;
}

#overview .more {
	width:93px; height:13px;
	display:block;
	text-indent:-9999px;
	background:url(../images/more-jakx.jpg) no-repeat;
}

#services p {
	margin:0 0 15px 0; padding-bottom:15px;
	border-bottom:1px dotted #5b626c;
	text-align:justify;
}

#services p span {
	color:#860600;
	font-weight:bold;
}

#services .more {
	width:85px; height:13px;
	display:block;
	text-indent:-9999px;
	background:url(../images/more-services.jpg) no-repeat;
}

#features ul {
	list-style-image:url(../images/arrow.gif);
	padding-left:20px;
}

#features li {
	border-bottom:1px dotted #5b626c;
	padding:5px 0 5px 10px;
}

#features li:hover {
	background:#f6f6f6;
}

#features .more {
	width:70px; height:13px;
	display:block;
	text-indent:-9999px;
	background:url(../images/more-features.jpg) no-repeat;
}

#content-wrapper {
	width:613px;
	text-align:justify;
}

#content-wrapper h3, #content-wrapper-single h3 {
	height:14px;
}

#content-wrapper-single {
	padding:12px 78px;
	text-align:justify;
}

#content-wrapper-single h3#property-portals { width:133px; background:url(../images/portals.jpg) no-repeat; }
#content-wrapper-single h3#the-company { width:96px; background:url(../images/company.jpg) no-repeat; }


/**
 * Product
 */

#content-wrapper h3#the-company { width:96px; background:url(../images/company.jpg) no-repeat; }

/**
 * Product
 */

#side-menu, #content-wrapper {
	padding:12px 26px 12px 26px;
	float:left;
}

#side-menu {
	width:278px;
	margin-right:5px;
}

#side-menu h3#more-examples { width:113px; background:url(../images/more-examples.jpg) no-repeat; }

#side-menu ul {
	list-style-image:url(../images/arrow3.gif);
	padding-left:20px;
}

#side-menu li {
	height:30px;
	line-height:30px;
	border-bottom:1px dotted #5b626c;
}

#side-menu li:hover {
	background:#f6f6f6;
}

#side-menu li a {
	display:block;
	color:#860600;
	padding-left:10px;
}

#side-menu li:hover a {
	color:#5b626c;
}

#content-wrapper h3#how-it-works { width:101px; background:url(../images/how-it-works.jpg) no-repeat; }
#content-wrapper h3#jakx-features-title { width:104px; background:url(../images/jakx-features.jpg) no-repeat; }
#content-wrapper h3#jakx-benefits-title { width:99px; background:url(../images/jakx-benefits.jpg) no-repeat; }
#content-wrapper h3#add-property { width:115px; background:url(../images/add-property.jpg) no-repeat; }
#content-wrapper h3#property-data { width:109px; background:url(../images/property-data.jpg) no-repeat; }
#content-wrapper h3#add-contact { width:107px; background:url(../images/add-contact.jpg) no-repeat; }
#content-wrapper h3#contact-database { width:132px; background:url(../images/contact-database.jpg) no-repeat; }
#content-wrapper h3#contact-data { width:98px; background:url(../images/contact-data.jpg) no-repeat; }
#content-wrapper h3#diary { width:100px; background:url(../images/diary.jpg) no-repeat; }
#content-wrapper h3#lettings-management { width:164px; background:url(../images/lettings.jpg) no-repeat; }
#content-wrapper h3#other { width:115px; background:url(../images/other.jpg) no-repeat; }
#content-wrapper h3#flowchart-title { width:161px; background:url(../images/flowchart.jpg) no-repeat; }
#content-wrapper h3#training { width:99px; background:url(../images/training.jpg) no-repeat; }
#content-wrapper h3#solicitors { width:151px; background:url(../images/solicitors.jpg) no-repeat; }
#content-wrapper h3#property-matching { width:144px; background:url(../images/property-matching.jpg) no-repeat; }
#content-wrapper h3#reports { width:63px; background:url(../images/reports-title.jpg) no-repeat; }
#content-wrapper h3#self-promotion { width:167px; background:url(../images/self-promotion-title.jpg) no-repeat; }

img.center { margin-left:70px; }

/**
 * Lettings Management
 */

dt { font-weight:bold; }
dt, dd { margin-bottom:10px; }

/**
 * Other Facilities
 */

.icons img {
	float:left;
	clear:left;
	margin:0 15px 15px 0;
}

.icons h4 {
	clear:left;
	margin-left:84px;
}

/**
 * Support
 */

#content-wrapper h3#support { width:141px; background:url(../images/customer-support.jpg) no-repeat; }
#side-menu h3#existing { width:118px; background:url(../images/existing-clients.jpg) no-repeat; }

form#logmeinsupport label {
	display:block;
}

input#Code {
	border:1px solid #e0e0e0;
	width:104px;
	display:block;
	font-size:13pt;
	margin-bottom:5px;
}

form#logmeinsupport input.screenreader {
	width:104px; height:29px;
	border:none;
	background:url(../images/login.jpg); display:block;
}

form#logmeinsupport { padding-left:30px; }

/**
 * Flowchart
 */

#flowchart {
	width:614px; height:433px;
	background:url(../images/flowchart-bg.jpg) no-repeat;
	position:relative;
	margin-bottom:40px;
}

#flowchart a {
	width:126px; height:28px;
	line-height:28px;
	text-align:center;
	display:block;
	font-size:9pt;
	color:#002488;
	background:url(../images/flow-button.jpg) no-repeat 0 0;
}

#flowchart a:hover {
	background-position:0 100%;
	text-decoration:none;
}

a.bookvaluation {
	position:absolute;
	top:47px; left:175px;
}

a.confirmvaluation {
	position:absolute;
	top:115px; left:175px;
}

a.propertyonmarket {
	position:absolute;
	top:171px; left:175px;
}

a.notaccepted {
	position:absolute;
	top:115px; left:340px;
}

a.withdraw {
	position:absolute;
	top:171px; left:340px;
}

a.makeoffer {
	position:absolute;
	top:239px; left:274px;
}

a.offeraccepted {
	position:absolute;
	top:275px; left:274px;
}

a.saleagreed {
	position:absolute;
	top:313px; left:274px;
}

a.soldsubjecttocontract {
	position:absolute;
	top:350px; left:274px;
}

a.exchanged {
	position:absolute;
	top:387px; left:274px;
}

a.makeapplication {
	position:absolute;
	top:270px; left:45px;
}

a.propertylet {
	position:absolute;
	top:357px; left:45px;
}

#bookvaluation, #confirmvaluation, #notaccepted, #propertyonmarket, #withdraw, #makeoffer, #offeraccepted, #saleagreed, #soldsubjecttocontract, #exchanged, #makeapplication, #propertylet {
	width:614px;
	position:absolute;
	top:0; left:0;
	visibility:hidden;
	background-repeat: no-repeat;
}

#flowchart .close a {
	width:100px; height:18px;
	position:absolute;
	top:-25px; right:0;
	background:none;
}

#bookvaluation {
	height:494px;
	background-image:url(../images/flow-book-valuation.jpg);
}

#confirmvaluation {
	height:494px;
	background-image:url(../images/flow-valuation-confirmation.jpg);
}

#notaccepted {
	height:327px;
	background-image:url(../images/flow-notaccepted.jpg);
}

#propertyonmarket {
	height:315px;
	background-image:url(../images/flow-property-on-market.jpg);
}

#withdraw {
	height:327px;
	background-image:url(../images/flow-withdraw.jpg);
}

#makeoffer {
	height:446px;
	background-image:url(../images/flow-offer-made.jpg);
}

#offeraccepted {
	height:296px;
	background-image:url(../images/flow-offer-accepted.jpg);
}

#saleagreed {
	height:447px;
	background-image:url(../images/flow-sale-agreed.jpg);
}

#soldsubjecttocontract {
	height:296px;
	background-image:url(../images/flow-sstc.jpg);
}

#exchanged {
	height:398px;
	background-image:url(../images/flow-exchanged.jpg);
}

#makeapplication {
	height:447px;
	background-image:url(../images/flow-application-made.jpg);
}

#propertylet {
	height:414px;
	background-image:url(../images/flow-property-let.jpg);
}

/**
 * Testimonials
 */

#content-wrapper h3#testimonials { width:174px; background:url(../images/testimonials.jpg) no-repeat; }

.testimonial {
	margin-bottom:15px;
	border-bottom:1px dotted #5b626c;
}

/**
 * Contact
 */

#side-menu h3#contact-details { width:116px; background:url(../images/contact-details.jpg) no-repeat; }

#content-wrapper h3#sales-enquiry { width:104px; background:url(../images/sales-enquiry.jpg) no-repeat; }

address {
	font-style:normal;
}

/**
 * Portals
 */

ul#portals li {
	width:30%;
	border-bottom:1px dotted #5b626c;
	margin-right:25px;
	float:left;
}

ul#portals li a {
	display:block;
	padding:5px;
}

ul#portals li a:hover {
	color:#55a003;
}

/**
 * Privacy Policy
 */

#content-wrapper-single h3#privacy { width:109px; background:url(../images/privacy.jpg) no-repeat; }

/**
 * Demo
 */

#content-wrapper-single h3#demo { width:180px; background:url(../images/demo.jpg) no-repeat; }

/**
 * Sitemap
 */

#content-wrapper-single h3#sitemap { width:59px; background:url(../images/sitemap.jpg) no-repeat; }


/**
 * Footer
 */

#addthis {
	margin:10px 0 0 0;
}

#footer {
	height:64px;
	line-height:64px;
	background:url(../images/footer.jpg) no-repeat;
	font-size:8pt;
	color:#5b626c;
	text-align:center;
	clear:both;
}

#footer a {
	color:#5b626c;
}

#footer a:hover {
	text-decoration:underline;
}