/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Naughton Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/bodyBg.gif) top left repeat; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { margin:41px auto 0 auto; text-align:left; font-size:110%; width:970px; height:974px;}   
#containerInner { width:967px; height:974px; background:url(../images/containerBg.jpg) top left no-repeat; position:relative; margin-left:-29px;}
#leftCol { padding: 3px 0 0 63px; width:156px; float:left; }
#leftCol #leftNav { line-height:20px; letter-spacing:1px; padding: 0 0 37px 0;}
#leftCol #leftNav ul { margin:0; padding:0; list-style:none;}
#leftCol #leftNav li { display:block; padding-top:6px;}
#leftCol #leftNav a { display:block; background:url(../images/leftNavBg.gif) 0px 0px no-repeat; width: 144px; height:27px; font-size:14px; color:#ffffff; text-decoration:none; padding:6px 0 0 12px;}
#leftCol #leftNav a:hover { background:url(../images/leftNavBg.gif) 0px -33px no-repeat;}
#leftCol #leftNav li.active a { background:url(../images/leftNavBg.gif) 0px -33px no-repeat;}
#leftCol #leftNav li.sitemap { padding-top:334px;}
#leftCol #copyright { color:#807c6a; font-size:8px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; line-height:11px; padding: 0 10px 12px 0;}
#leftCol #designedBy { color:#807c6a; font-size:7px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; line-height:8px; padding: 0 10px 0 0;}
#leftCol #designedBy a { text-decoration:none; color:#332e1c;}
#rightCol { position:relative; width:748px; height:904px; float:left; margin-top:15px; color:#231f20;}
#rightCol #pageTitle { height:156px;}
#rightCol #titleRight { position:absolute; top:0px; right:0px;}

/* ----- HOME ----- */
#home { width:748px; height:904px;}
#titleHome { position:absolute; top:33px; left:56px; width:620px; height:193px;}
#titleHome2 { position:absolute; top:794px; left:56px; width:277px; height:73px;}
#homeText { position:absolute; top:220px; left:56px; font-size:18px; width:238px; height:240px; color:#3c3837; line-height:26px;}

/* ----- WHAT WE DO ----- */
.whatWeDo { background:#f0ece2 url(../images/whatWeDoBg.jpg) bottom left no-repeat;}
#whatWeDoText { padding:60px 75px; font-size:13px; text-align:justify; line-height:18px;}
#whatWeDoText ul { margin:0; padding:0 0 17px 0; list-style:none;}

/* ----- SERVICES ----- */
.services { background:#f0ece2 url(../images/servicesBg.jpg) bottom left no-repeat;}
#servicesText { padding:100px 120px 25px 105px; font-size:13px; line-height:17px;}
#servicesText .subtitle { padding-bottom:10px;}
#servicesPrevious { position:absolute; top:807px; left:105px;}
#servicesNext { position:absolute; top:807px; left:627px;}

/* ----- WORKSHOPS ----- */
.workshops { background:#f0ece2 url(../images/workshopsBg.jpg) bottom left no-repeat;}
#workshopsText { padding:60px 150px 50px 250px; font-size:13px; line-height:18px;}

/* ----- CLIENTS ----- */
.clients { background:#f0ece2 url(../images/clientsBg.jpg) bottom left no-repeat;}
#clientsText { padding:40px 0px 60px 0px; font-size:16px; line-height:20px; color:#2d2a28;}
.client1 { padding:28px 90px 2px 76px; background:url(../images/quoteOpen.gif) 38px 0px no-repeat;}
.client1 .clientText { background:url(../images/quoteClose.gif) 496px 125px no-repeat; font-style:italic;}
.client2 { padding:28px 121px 2px 76px; background:url(../images/quoteOpen.gif) 38px 0px no-repeat;}
.client2 .clientText { background:url(../images/quoteClose.gif) 504px 65px no-repeat; font-style:italic;}
.client3 { padding:28px 62px 0px 76px; background:url(../images/quoteOpen.gif) 38px 0px no-repeat;}
.client3 .clientText { background:url(../images/quoteClose.gif) 562px 85px no-repeat; font-style:italic; padding-right:5px;}
.clientName { color:#211d1b; font-weight:bold; padding-top:7px; font-style:normal;}
.clientCompany { color:#7b7d7f; font-style:normal;}

/* ----- VIRTUAL TEAMS ----- */
.virtualTeams { background:#f0ece2 url(../images/virtualTeamsBg.jpg) bottom left no-repeat;}
#virtualTeamsText { padding:60px 75px; font-size:13px; line-height:18px;}

/* ----- ABOUT US ----- */
.aboutUs { background:#f0ece2 url(../images/aboutUsBg.jpg) bottom left no-repeat;}
#aboutUsText { padding:60px 75px; font-size:13px; line-height:18px;}
#aboutUsText .subtitle { padding-bottom:5px;}

/* ----- CONTACT US ----- */
.contactUs { background:#ffffff url(../images/contactUsBg.jpg) bottom right no-repeat;}
#contactUsText { padding:240px 300px 20px 73px; font-size:13px; line-height:20px; font-size:16px;}
#contactUsText p { padding-bottom:10px;}
#map { padding:20px 0;}

/* ----- SITE MAP ----- */
.sitemapRight { background:#f0ece2 url(../images/sitemapBg.jpg) bottom left no-repeat;}
#sitemapText { padding:60px 75px; font-size:13px; line-height:18px;}
#sitemapText .subtitle { padding-bottom:5px;}
#sitemapText ul { margin:0; padding:0 0 0 18px; list-style:disc; font-size:14px; line-height:24px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.subtitle { color:#818386; text-transform:uppercase; font-weight:normal;}
.subtitleBold { color:#818386; font-weight:bold; padding-bottom:5px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */

/* ----- LEFT NAVIGATION ----- */

/* ----- SITE MAP ----- */

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer {}
#footer .padding {}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 14px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#4a4105; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }