/* CSS Document */

* {margin:0; padding:0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; padding:0; margin:0; text-align:center; color:#464646; background:url(images/watermark.jpg) top repeat; background-color:#efefef;}

body div {text-align:left; margin:0; padding:0;}
img {border:0;}
p {margin:0 0 0.9em 0; padding:0;}


h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#464646; font-weight:normal; padding:0 0 12px 0; text-transform:uppercase;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#464646; font-weight:normal; padding:0 0 10px 0;}


/* all generic styles */

.clear {clear:both; height:0px; overflow:hidden; font-size:1px; border:0px; padding:0px; margin:0px; line-height:0px; display:block;}
.hidden {display:none;}
.blueTextColour {color:#0054a6;}

/* links */

a:link, a:visited {color:#464646; text-decoration:underline;}
a:hover {color:#008fd4; text-decoration:underline;}

/* tables */

table {border:0; margin:0; padding:0; border-collapse:collapse; width:100%;}
table tr td {text-align:center; vertical-align:middle; padding:25px 10px;}

table.contactForm {border:0; margin:0; padding:0; border-collapse:collapse; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal;}
table.contactForm tr td {text-align:left; vertical-align:top; padding:5px 5px 5px 0;}


/* skip over navigation link */

a.skip, a.skip:active, a.skip:hover, a.skip:visited {display:none;}


/* BEGINNING OF LAYERS */

/* wrapper */

#wrapper {width:940px; margin-left:auto; margin-right:auto; margin-top:10px; border:1px solid #959595; background-color:#fff; margin-bottom:10px;}


/* banner */

#banner {width:938px; height:179px;}

/* logo */

#logo {width:172px; height:179px; float:left;}

/* details */

#details {width:766px; height:179px; float:left;}

/* links */

#links {width:766px; padding:76px 0 0 0;}

/* email */

#emailaddress {width:500px; float:left; color:#0054a6; font-size:1.2em; font-weight:bold; height:16px; padding:30px 0 0 12px;}
#emailaddress a:link, #emailaddress a:visited {color:#0054a6; text-decoration:none;}
#emailaddress a:hover {color:#008fd4; text-decoration:none;}

/* social */

#social {width:138px; float:right; height:46px; padding:0 20px 0 0;}

/* top navigation */

#nav {width:734px; height:22px; padding:8px 0 0 12px; background:url(images/gradient.jpg) top left repeat-y; margin:5px 0 0 0;}

#nav ul, #nav ul li{display:inline; list-style-type:none; padding:0; margin:0;}
#nav ul li a{font-size:1.1em; padding-right:28px; text-decoration:none; color:#fff; text-transform:uppercase; letter-spacing:1px;}
#nav ul li a:hover{color:#ccc; text-decoration:none;}

/* banner image */

#bannerImage {width:898px; height:215px; padding:0 0 0 20px;}

/* banner text */

#bannerText {width:898px; color:#0054a6; padding:18px 20px 0 20px; text-align:center; font-weight:bold;}
#bannerText span {color:#008fd4;}

/* back to top */

p.top {text-align:right; font-size:0.9em; padding:15px 0 0 0;}
p.top a:link, p.top a:visited {color:#0054a6; text-decoration:underline;}
p.top a:hover {color:#008fd4; text-decoration:underline;}

/* HOME PAGE */ 

/* content area */

#content {width:898px; padding:30px 20px 30px 20px;}

/* left */

#contentLeft {width:578px; float:left; padding:0 99px 0 0;}
#contentLeft h1 {font-size:1.3em; text-transform:none; padding:0 0 15px 0;}
#contentLeft h2 {font-size:1.2em; text-transform:none; padding:0 0 15px 0; color:#959595;}

#contentLeft p.intro {font-size:1.1em;}
#contentLeft p.blue {font-size:1.2em; color:#0054a6; padding:10px 0; font-weight:bold; line-height:17px;}
#contentLeft p.blue span {color:#008fd4;}

#contentLeft p.darkitalic {font-size:1.1em; color:#0054a6; font-style:italic; padding:0; margin:0; line-height:19px;}
#contentLeft p.lightitalic {font-size:1.1em; color:#008fd4; font-style:italic; padding:0; margin:0; line-height:19px;}

#contentLeft div.fadeimage {text-align:right; padding:0 0 20px 0;}

/* question box */

#question {width:578px; padding:10px 0; background-color:#959595; color:#fff; font-size:1.2em; margin:15px 0; text-align:center; line-height:18px;}
#question a:link, #question a:visited {color:#fff; text-decoration:none;}
#question a:hover {color:#008fd4; text-decoration:none;}
#question span {color:#0054a6;}

/* info images */

#infoimages {width:568px; padding:10px 0 20px 13px;}
#infoimages img {float:left; border:1px solid #959595;}
#infoimages img.margin {margin:0 28px 0 0;} 

/* right */

#contentRight {width:220px; float:left;}

#contentRight div.box {width:218px; border:1px solid #959595; margin:0 0 15px 0;}
 
#contentRight div.box h2 {color:#fff; text-transform:uppercase; height:23px; width:211px; background:url(images/gradientHeader.jpg) top left repeat-y; padding:7px 0 0 7px; margin:0;}
#contentRight div.box img {border:1px solid #959595; margin:7px 0 15px 7px;}
#contentRight div.box div.text {padding:0 7px 0 7px;}
#contentRight div.box div.text p img {border:none; float:left; margin:0 5px 0 0;}
#contentRight div.box div.link {padding:10px 7px 10px 7px; text-align:right; color:#0054a6;}
#contentRight div.box div.link a:link, #contentRight div.box div.link a:visited {color:#0054a6; text-decoration:underline;}
#contentRight div.box div.link a:hover {color:#008fd4; text-decoration:underline;}

/* footer */

#footer {width:940px; background-color:#959595; padding:2px 0 0 0; height:13px;}
#footerLeft {float:left; color:#fff; font-size:0.8em; padding:0 0 0 20px;} 
#footerRight {float:right; color:#fff; font-size:0.8em; padding:0 20px 0 0;} 

/* SERVICES */ 

/* page content area */

#pageContent {width:898px; padding:30px 20px 30px 20px;}
#pageContentContact {width:898px; padding:30px 20px 30px 20px; background:url(images/map.jpg) bottom right no-repeat;}
#pageContentPortfolio {width:898px; padding:30px 20px 0 20px;}
#pageContent h1, #pageContentPortfolio h1, #pageContentContact h1 {font-weight:bold; text-align:right; padding:0 0 20px 0; font-size:1.2em;}

#pageContent p.darkBlueText {color:#0054a6; text-transform:uppercase; font-size:1.1em; font-weight:bold;}
#pageContent p.lightBlueText {color:#008fd4; font-size:1.1em; font-weight:bold;}


/* left page content area */

#pageContentLeft {width:545px; padding:0 25px 0 0; float:left;}
#pageContentLeft ul {margin:0 0 10px 30px;}

/* right page content area */

#pageContentRight {width:328px; float:left; text-align:right; line-height:17px;}
#pageContentRight a:link, #pageContentRight a:visited {color:#0054a6; text-decoration:none; font-weight:bold;}
#pageContentRight a:hover {color:#008fd4; text-decoration:none;}

/* service */

div.service {width:898px; padding:10px 20px 30px 15px;}
div.service h2 {font-weight:bold; text-transform:uppercase; font-size:1.0em; padding:0 0 10px 0;}
div.service div.serviceLink {width:478px; float:left; padding:10px 0 0 0; color:#0054a6;}
div.serviceLink a:link, div.serviceLink a:visited {color:#0054a6; text-decoration:none; font-weight:bold;}
div.serviceLink a:hover {color:#008fd4; text-decoration:none;}
div.service div.serviceImage {width:408px; float:right; border:1px solid #959595; margin:10px 0 0 0;}


/* PORTFOLIO */ 

/* thumbnails */

div.portfolioThumbs {width:898px; padding:30px 20px 10px 20px;}

div.portfolioThumbs div.portfolioThumbsBox {width:276px; padding:0 35px 0 0; float:left;}
div.portfolioThumbs div.portfolioThumbsBoxLast {width:276px; float:left;}

div.portfolioThumbs div.portfolioThumbsBox img, div.portfolioThumbs div.portfolioThumbsBoxLast img {border:1px solid #959595; margin:0 0 15px 0;}


div.portfolioThumbs div.portfolioThumbsBox img.viewVideo, div.portfolioThumbs div.portfolioThumbsBoxLast img.viewVideo {border:none; margin:0 0 15px 10px;}

div.portfolioThumbsBox div.link, div.portfolioThumbsBoxLast div.link {padding:10px 0 10px 0; text-align:right; color:#0054a6;}
div.portfolioThumbsBox div.link a:link, div.portfolioThumbsBoxLast div.link a:link, div.portfolioThumbsBox div.link a:visited, div.portfolioThumbsBoxLast div.link a:visited {color:#0054a6; text-decoration:underline;}
div.portfolioThumbsBox div.link a:hover, div.portfolioThumbsBoxLast div.link a:hover {color:#008fd4; text-decoration:underline;}

/* items left images */

div.portfolioItem {width:898px; padding:30px 20px 30px 20px;}
div.portfolioItem h2 {color:#0054a6; font-weight:bold; border-top:3px solid #0054a6; padding:10px 0 10px 0;}
div.portfolioItem blockquote {padding:10px 30px 15px 30px; color:#0054a6; font-style:italic; text-align:center;}

div.portfolioItem div.portfolioItemLeft {width:600px; float:left;}

div.portfolioItem div.portfolioItemRight  {width:202px; float:right;}
div.portfolioItem div.portfolioItemRight img {border:1px solid #959595; margin:0 0 10px 0;}
div.portfolioItem div.portfolioItemRight img.viewVideo {border:none; margin:0 0 0 3px;}

div.portfolioItemRight a:link, div.portfolioItemRight a:visited {color:#0054a6; text-decoration:underline;}
div.portfolioItemRight a:hover {color:#008fd4; text-decoration:underline;}


/* items right images */

div.portfolioItem h2.padding {color:#0054a6; font-weight:bold; border-top:3px solid #0054a6; padding:10px 0 10px 298px;}
div.portfolioItem blockquote {padding:10px 30px 15px 30px; color:#0054a6; font-style:italic; text-align:center;}

div.portfolioItem div.portfolioItemLeftOp {width:600px; float:right;}

div.portfolioItem div.portfolioItemRightOp  {width:202px; float:left;}
div.portfolioItem div.portfolioItemRightOp img {border:1px solid #959595; margin:0 0 10px 0;}
div.portfolioItem div.portfolioItemRightOp img.viewVideo {border:none; margin:0 0 0 3px;}

div.portfolioItemRightOp a:link, div.portfolioItemRightOp a:visited {color:#0054a6; text-decoration:underline;}
div.portfolioItemRightOp a:hover {color:#008fd4; text-decoration:underline;}

/* CONTACT */ 

div.contactDetails {padding:0 0 10px 0;}
div.contactDetailsLeft {float:left; width:100px;}
div.contactDetailsRight {float:left; width:250px;} 

div.contactDetailsRight a:link, div.contactDetailsRight a:visited {color:#464646; text-decoration:underline;}
div.contactDetailsRight a:hover {color:#008fd4; text-decoration:underline;} 

/* VIDEO */ 

#wrapperVideo {width:550px; margin-left:auto; margin-right:auto; margin-top:10px;}
#videoBanner {width:550px; background:url(images/bamboo_events_small.jpg) top left no-repeat; height:17px; padding:90px 0 10px 0;}
#videoBanner h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#0054a6; font-weight:normal; padding:0 0 12px 0; text-transform:none;}
#video {width:550px; text-align:center; padding:10px 0 0 0;} 

#videoText {width:550px; padding:25px 0 0 0; color:#0054a6;}
#videoText a:link, #videoText a:visited {color:#0054a6; text-decoration:underline;}
#videoText a:hover {color:#008fd4; text-decoration:underline;}

/* CREDIT */ 

#credit {text-align:right; font-size:0.9em; padding:0 35px 0 0; width:940px; margin-left:auto; margin-right:auto; margin-bottom:10px;}