/*====================================================================
DENTONS DIRECTORY - GLOBAL STYLE SHEET
Copyright 2009 Dentons Directories Ltd
Written by dentonscreative.com
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif;}
body {background: #f4f4f4 url(../images/base/body_bg.gif) repeat-x top; text-align: left; font-size: 62.5%; }
.clear {clear: both;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Default Header Styles */
h1 {text-indent: -9999px; background: url(../images/base/logo.gif) 20px 0 no-repeat; line-height: 87px;}
h2, h4 {font-weight: normal;}
h2 {font-size: 4em; line-height: 30px; padding: 15px 10px 20px 10px; letter-spacing: -.05em; color: #333;}
h3 {font-size: 1.6em; line-height: 1.6em; padding: 0 10px 6px 10px; letter-spacing: -.05em; color: #333;}
h4 {font-size: 1.6em; line-height: 1.6em; padding: 4px 20px 5px 20px; letter-spacing: -.05em; color: #e9872d;}
h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; margin: 0 8px 6px 0; letter-spacing: -.05em; color: #333; border-bottom: 1px dotted #ccc;}

/* Alternative Header Styles */
h3.alt {font-size: 1.4em;}

/* Default / Alternative P Styles */
p {padding: 0 20px 14px 10px; color: #666; font-size: 1.4em; line-height: 1.4em;}
p.intro {font-size: 1.8em; line-height: 1.4em; color: #666; margin-bottom: 14px; padding-right: 60px;}
p.dark {color: #333;}

.corp {color: #e9872d;}
.feint {color: #666;}
.discreet {font-size: 1.1em; color: #666; line-height: 15px;}

/* Link Styles */
a {color: #ff9900; font-weight: normal; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: underline; }

/* List Styles */
ul {margin: 0 0 25px 30px;}
ul li {font-size: 1.4em; line-height: 1.4em; color: #666;}

img.insetLink {border: 2px solid #fff;}
img.inlineLink {border: 5px solid #f5f5f5;}
img.inlineLook {border: 5px solid #d1d1d1;}

img.inlineLook:hover, img.inlineLink:hover, img.insetLink:hover {border-color: #ff9900;}

/*====================================================================
BASIC PAGE LAYOUT
======================================================================*/

#header {height: 87px; width: 980px; margin: 3px auto 0 auto; background: url(../images/base/header_bg.gif) no-repeat right top;}
#wrapper {width: 980px; margin: 0 auto 40px auto; background: #fff url(../images/base/wrapper_bg.gif) no-repeat bottom; position: relative; padding-bottom: 20px;}

#wrapper a.cornerBan {position: absolute; top: -5px; right: -5px; width: 137px; height: 141px;}

/*====================================================================
HOME PAGE LAYOUT
======================================================================*/

/* Main Containers */
#indContent {width: 940px; padding: 20px 19px 0 19px; border-right: 1px #d6d7d7 solid; border-left: 1px #d6d7d7 solid;}
#indLeft {width: 620px; margin-right: 20px; float: left; display: inline;}
#indRight {width: 300px; float: left; display: inline;}

/* Home Page Directory Rotation Banner */
#indBanner {width: 980px; height: 368px; background: url(../images/base/indbanner.jpg) no-repeat top; border-bottom: 4px solid #e2e2e2; position: relative;}
#indBanner h2, #indBanner p {display: none; padding: 0; margin: 0;}
#indBanner #bannerCont {
	width: 320px;
	height: 352px;
	position: absolute;
	top: 17px;
	left: 50px;
	background: url(../images/base/inddir_frame.png) no-repeat bottom left;
}
#indBanner #bannerCont .dirCovers {position: absolute; width: 190px; height: 206px; top: 87px; left: 72px; background: #fff;}
#indBanner #bannerCont .dirCovers img {position: absolute; width: 190px; height: 206px; top:  0; left: 0;} 

#indBanner a.indBut {position: absolute; top: 295px; display: block; background-position: left top; text-indent: -9999px; height: 31px;}
#indBanner a.one {background: url(../images/buttons/ind_ourdirectories.png); left: 395px; width: 122px;}
#indBanner a.two {background: url(../images/buttons/ind_learnmore.png); left: 530px; width: 106px;}
#indBanner a.indBut:hover {background-position: 0 -31px;}

/* Home Page Interactive Modules */
.indMod {width: 620px; height: 156px; margin-bottom: 20px; position: relative;}
.indVideo { background: url(../images/modules/indvideo.gif) no-repeat;}
.indLook {background: url(../images/modules/indlookinside.gif) no-repeat;}
.indWeb {background: url(../images/modules/indweb.gif) no-repeat;}

.indMod img.insetLink {border: 4px solid #fff; float: left; margin: 17px 17px 0 17px;}
.indMod img.insetLink:hover {border-color: #ff9900;}
.indMod h2 {text-indent: -9999px; line-height: 110px; padding: 0; margin: 0 0 12px 0; }
.indVideo h2 {background: url(../images/modules/h2video.gif) no-repeat 257px 40px;}
.indLook h2 {background: url(../images/modules/h2look.gif) no-repeat  257px 40px;}
.indWeb h2 {background: url(../images/modules/h2web.gif) no-repeat  257px 40px;}
.indVideo p, .indLook p, .indWeb p {padding: 0px; margin: 0; color: #666; font-size: 1.2em;}

/* Home Page Right Col */
#indRight h2 {font-size: 1.4em; text-indent: -9999px; background: url(../images/modules/h2whychoose.gif) no-repeat 10px 10px; border-bottom: 1px solid #d1d1d1; padding: 0 0 15px 0; line-height: 2em;}
#indRight h3 {padding: 6px 10px 0 10px; font-size: 1.4em;}
#indRight p {padding: 0 10px 4px 10px; font-size: 1.2em;}
#indRight p.link {padding-bottom: 8px; border-bottom: 1px solid #efefef;}
#indRight p.link a {display: block; background: url(../images/icons/abullet.gif) no-repeat 0 4px; text-indent: 10px;}

/* Home Page Advertise Bar */
#indStart {width: 940px; height: 76px; background: url(../images/modules/indstartad.gif) no-repeat; clear: left; position: relative;}
#indStart h2 {text-indent: -9999px; line-height: 76px; padding: 0; margin: 0; background: url(../images/modules/h2advertise.gif) no-repeat 15px 15px;}
#indStart a.indStartBut {position: absolute; top: 17px; right: 15px; display: block; background: url(../images/buttons/start_advertising_today.png); text-indent: -9999px; width: 284px; height: 42px;}
#indStart a.indStartBut:hover {background-position: 0 -42px;}


/*====================================================================
MAIN PAGE LAYOUT
======================================================================*/

/* Main Containers */
#inner {width: 900px; padding: 40px 39px 0 39px; border-right: 1px #d6d7d7 solid; border-left: 1px #d6d7d7 solid;}
#main {width: 640px; margin-right: 20px; float: left; display: inline;}
#side {width: 230px; float: left;}
.sidebar {width: 230px; background: #f5f5f5 url(../images/base/sidebar_top.gif) top no-repeat; padding: 8px 0 0 0; margin-bottom: 15px;}

/* Main Col Styling */
#main div.split img {float: left;}
#main div.split h3, #main div.split p {padding-left: 175px;}

#main object {margin-left: 10px;}

/* Sidebar Styling */
.sidebar div {width: 210px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 4px 9px;}
.sidebar div h2 {line-height: 1.6em; font-size: 1.8em; font-weight: bold; padding: 3px 0 12px 35px; margin: 0; }
.sidebar div h2.video {background: url(../images/modules/sbh2_video.gif) no-repeat top left;}
.sidebar div h2.test {background: url(../images/modules/sbh2_test.gif) no-repeat top left; margin-bottom: 6px;}
.sidebar div p {font-size: 1.1em; padding: 0 5px 8px 5px; line-height: 1.2em; color: #666;}
.sidebar div p.dark {padding-bottom: 22px; color: #333;}
.sidebar div img.insetLink {margin-bottom: 8px;}

.sidebar div a.video {display: block; width: 133px; height: 25px; text-indent: -9999px; margin-left: 5px; background: url(../images/buttons/sb_watchvideo.gif) no-repeat top;}
.sidebar div a.video:hover {background-position: 0 -25px;}

.sidebar div.end {border: none; width: 230px; padding: 0; height: 15px; background: url(../images/base/sidebar_foot.gif) top no-repeat;}

/*====================================================================
DIRECTORY GRID
======================================================================*/


#main ul#dirList {list-style: none; margin: 0 0 30px 10px; width: 610px; }
#main ul#dirList li {display: block; border-top: 1px solid #d9d9d9; font-size: 1.4em; line-height: 30px; position: relative;}
#main ul#dirList li a {color: #666;} 
#main ul#dirList li a.toggle {position: absolute; top: 7px; right: 20px; width: 14px; height: 14px;}

#main div.dirItem {background: #fafafa; border-top: 1px solid #ff9900; border-bottom: 1px solid #d9d9d9; height: 315px; position: relative;}
#main div.dirItem h3 {margin: 23px 10px 0 235px; padding: 0 0 14px 0; margin-bottom: 4px; line-height: 1.2em; border-bottom: 1px solid #fff; background: url(../images/modules/dirlist_h3bg.gif) repeat-x bottom;}
#main div.dirItem p {margin: 0 10px 8px 235px; font-size: 1.2em; color: #333; padding: 0 10px;}
#main div.dirItem p.edition {background: url(../images/modules/dirlist_edition.gif) no-repeat; line-height: 25px;}
#main div.dirItem a.cover {float: left; margin: 12px; border: 3px solid #fafafa;}
#main div.dirItem a.cover:hover {border: 3px solid #999;}

#main div.dirItem a.dirBut {position: absolute; display: block; height: 33px;}
#main div.dirItem a.look {top: 264px; left: 235px; background: url(../images/buttons/dirlist_look.gif); text-indent: -9999px; width: 151px; }
#main div.dirItem a.distribution {top: 264px; left: 395px; background: url(../images/buttons/dirlist_distribution.gif); text-indent: -9999px; width: 197px; }

#button div.dirItem {display: block;background: none; border-top: 0; border-bottom: 0; height: 0; position: relative;}
#button div.dirItem a.whoweare {position:relative; float:right; margin: 0 0 15px 0; top: 10px; background: url(../images/buttons/who_we_are.gif); text-indent: -9999px; width: 197px; }

#main div.dirItem a.dirBut:hover {background-position: 0 -33px;}

/*====================================================================
FOOTER
======================================================================*/

#footerCont {background: url(../images/base/footer_bg.gif) repeat-x top; height: 270px; border-top: 8px solid #000; margin-top: 20px;}
#footer {width: 980px; margin: 0 auto;}
#footer p {font-size: 1.2em; color: #ccc; padding: 0 0 12px 0; line-height: 1.2em;}
#footer p.ftCopy {display: block; font-size: 1.1em; color: #fff; clear: left; line-height: 43px; background: #000 url(../images/modules/ftcopybg.gif) no-repeat; padding: 0 0 0 20px;} 
#footer ul {margin: 0 0 0 20px; color: #fff;}
#footer ul li {color: #ccc; font-size: 1.2em; line-height: 1.2em;}
#footer p.ftCopy a.gap {margin-left: 180px;}

#footer div.tri {width: 309px; height: 165px; float: left; display: inline; padding: 0 0 0 20px; margin: 15px 0;} 
#footer div.tri h3 {text-indent: -9999px; padding: 12px 0 16px 0;}

#footer div.left {border-right: 1px solid #333; }
#footer div.mid {width: 298px; border-right: 1px solid #333; border-left: 1px solid #464644;}
#footer div.right {border-left: 1px solid #464644; background: url(../images/modules/ftlogobg.gif) no-repeat 10px 6px; padding-top: 15px; height: 150px;}

#footer div.left h3 {background: url(../images/modules/fth3_whatwedo.gif) no-repeat 0 12px;}
#footer div.mid h3 {background: url(../images/modules/fth3_getintouch.gif) no-repeat 0 12px;}

/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

/* Main Menu */
ul#nav {width: 980px; height: 39px; margin: 0; padding: 0; position: relative; background: url(../images/base/nav.gif) no-repeat; border-bottom: 1px solid #b4b4b4;}
ul#nav li {text-indent: -9999px; margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}
ul#nav li, ul#nav a {height: 39px;display: block;}
ul#nav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 20px; width: 43px;}
#opt2 {left: 90px; width: 113px;}
#opt3 {left: 231px; width: 80px;}
#opt4 {left: 339px; width: 41px;}
#opt5 {left: 408px; width: 65px;}
#opt6 {left: 501px; width: 100px;}
#opt7 {left: 630px; width: 79px;}
#opt8 {left: 738px; width: 55px;}

#opt1 a:hover {background: transparent url(../images/base/nav.gif) -20px -39px no-repeat;}
#opt2 a:hover {background: transparent url(../images/base/nav.gif) -90px -39px no-repeat;}
#opt3 a:hover {background: transparent url(../images/base/nav.gif) -231px -39px no-repeat;}
#opt4 a:hover {background: transparent url(../images/base/nav.gif) -339px -39px no-repeat;}
#opt5 a:hover {background: transparent url(../images/base/nav.gif) -408px -39px no-repeat;}
#opt6 a:hover {background: transparent url(../images/base/nav.gif) -501px -39px no-repeat;}
#opt7 a:hover {background: transparent url(../images/base/nav.gif) -630px -39px no-repeat;}
#opt8 a:hover {background: transparent url(../images/base/nav.gif) -738px -39px no-repeat;}

#opt1 a.current {background: transparent url(../images/base/nav.gif) -20px -78px no-repeat;}
#opt2 a.current {background: transparent url(../images/base/nav.gif) -90px -78px no-repeat;}
#opt3 a.current {background: transparent url(../images/base/nav.gif) -231px -78px no-repeat;}
#opt4 a.current {background: transparent url(../images/base/nav.gif) -339px -78px no-repeat;}
#opt5 a.current {background: transparent url(../images/base/nav.gif) -408px -78px no-repeat;}
#opt6 a.current {background: transparent url(../images/base/nav.gif) -501px -78px no-repeat;}
#opt7 a.current {background: transparent url(../images/base/nav.gif) -630px -78px no-repeat;}
#opt8 a.current {background: transparent url(../images/base/nav.gif) -738px -78px no-repeat;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {padding: 0; border: 0; padding: 0 0 10px 0; margin: 0 0 15px 0; }
form fieldset {padding: 0 0 18px 0; border: 0;}
form fieldset.last {padding: 0 0 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 12px;}

form label, textarea, select {display: block; float: left; padding-top: 4px; color: #666; font-size: 1.4em; margin-left: 10px; }
form label {margin: 0 0 5px 10px; text-align: left; width: 170px; padding-right: 5px;}
form input {display: block; float: left; height: 20px; width: 300px; color: #666; border: 1px solid #ccc; font-size: 1.4em;  padding: 5px 3px 2px 3px; margin-bottom: 5px; margin-left: 10px;}
form select {display: block; float: left; height: 24px; border: 1px solid #ccc; padding: 2px; margin-bottom: 5px;}
form textarea {width: 300px; height: 120px; border: 1px solid #ccc; padding: 4px; margin-bottom: 7px;}
form textarea.enquiry {width: 500px;}

form input:hover, form textarea:hover {border: 1px solid #333333;}
form input:focus, form textarea:focus {border: 1px solid #e9872d;}
form input:focus {color: #666;}

form p.disclaimer {font-size: .9em; color: #666; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 1px solid #ccc; }

form .submit {float: none; height: 42px; width: 284px; padding: 0; color: #fff; font-size: 1.2em; line-height: 26px; margin: 0 0 10px 10px; border: 1px solid #fff; background: url(../images/buttons/submitenquiry.gif) no-repeat top left; border: none; text-indent: -9999px;}
form .submit:hover {border: 0; cursor: pointer; background-position: 0 -42px;}
form br {clear: left;}

/*====================================================================
MAP HOLDER
======================================================================*/
#mapCont {border: 1px solid #d9d9d9; margin: 0 10px; background: #fff; padding: 3px;} 
#map {height: 400px; font-size: 12px; margin: 4px;}