/* CSS Document */
body {font: 76%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; background:#000; color:#fff; text-align:center;}
html {height:100.01%;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
img {border:none;}
/* end */

/* links */
a, a:visited {color:#0FADCF; text-decoration:none;}
a:hover {color:#0FADCF; text-decoration:underline;}
a {outline:none;}
/* end links */

/* ampersand font change */
span.ampersand {font-family:Arial, Helvetica, sans-serif;}
/* ampersand font change */

/* page containers */
div#wrapper {margin:0 auto; text-align:left; width:755px; padding:0 0 10px 0;}
p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentblock {float:left; padding:28px 0 0 0; width:755px; min-height:350px; height:auto !important; height:350px;}
div#content {width:365px; float:left;}
div#content.fullwidth {width:755px; float:left;}
div#contactinfo {float:right; width:300px;}
div#map {float:right; width:300px; margin:0 0 10px 0;}
/* end general layout rules */

/* logo area */
div#logo {float:left;}
div#logo h1 a {background:url(../images/logo.png) no-repeat; text-indent:-999em; width:150px; height:65px; margin:28px 0; display:block;}
/* end logo area */

/* utilities */
div#utilities {float:right; font-size:1.4em;}
div#utilities ul {list-style-type:none; padding:35px 0 0 0;}
div#utilities ul li {padding:4px 0 0 25px; margin:0 0 0 9px;}
div#utilities ul li a {color:#fff;}
div#utilities ul li#calllink {background:url(../assets/telephone-icon.png) no-repeat 0 6px;}
div#utilities ul li#emaillink {background:url(../assets/mail-icon2.png) no-repeat 0 10px;}
/* end utilities */

/* primary navigation */
div#nav {float:left; color:#fff; background:url(../assets/navbar-top.png) no-repeat top left #53575A; width:755px; font-weight:bold;}
div#nav ul {float:left; list-style-type:none; margin:0; padding:0 7px 2px 7px; background:url(../assets/navbar-bottom.png) no-repeat bottom left; width:755px; w\idth:741px;}
div#nav ul li {float:left; padding:0; text-transform:uppercase; font-size:1em;}
div#nav ul li a {padding:10px 12px; text-align:center; text-decoration:none; display:block; color:#fff;}
div#nav ul li a:hover, div#nav ul li.active ul li a:hover {text-decoration:none; color:#000;}
.home div#nav ul li#home a,
.about div#nav ul li#about a,
.what div#nav ul li#what a,
.portfolio div#nav ul li#portfolio a,
.working div#nav ul li#working a,
.team div#nav ul li#team a,
.publisher div#nav ul li#publisher a,
.contact div#nav ul li#contact a,
.testimonials div#nav ul li#testimonials a,
div#nav ul li.active a {color:#000;}

div#nav ul li#portfolio:hover {text-decoration:none; color:#fff; background:url(../assets/navbar-hover.png) no-repeat top left;}
div#nav ul li#portfolio.sfhover {text-decoration:none; color:#fff; background:url(../assets/navbar-hover.png) no-repeat top left;
}div#nav ul li#portfolio.sfhover a {color:#fff;}

div#nav ul li#portfolio:hover a {color:#fff;}
div#nav ul li#portfolio ul li a:hover {color:#0FADCF;}

div#nav ul li ul {position: absolute; left: -999em; padding:0; width:194px; font-size:.92em;}
div#nav ul li ul li a {background:url(../assets/subnav-repeat.png) repeat-y #000;}
div#nav ul li ul li.first a, div#nav ul li.active ul li.first a {background:url(../assets/subnav-top.png) no-repeat top left; padding-top:16px;}
div#nav ul li ul li.last a, div#nav ul li.active ul li.last a {background:url(../assets/subnav-bottom.png) no-repeat bottom left; padding-bottom:16px;}
* html div#nav ul li ul li.last a, div#nav ul li.active ul li.last a {background:url(../assets/subnav-bottom.gif) no-repeat bottom left; padding-bottom:16px;}
div#nav ul li:hover ul {left: auto;} 
div#nav ul li.sfhover ul {left: auto;} 
div#nav ul li ul li a, div#nav ul li.active ul li a {text-align:left; padding:4px 12px; color:#fff; width:194px; w\idth:170px;}
div#nav ul li.active ul li.active a {color:#0FADCF;}
/* end primary navigation */


/* home page panels */
div#homeintro {width:354px; background:url(../assets/homeintro.png) no-repeat top left; padding:6px 0 0 0; margin:0 0 28px 0;}
div#homeintro .panelholder {width:354px; background:url(../assets/homeintro.png) no-repeat bottom left; padding:0 0 6px 0;}
div#homeintro .panel {background:#B5B5B5;}
div#homeintro h2 {color:#000; font-size:1.1em; font-weight:normal; padding:6px 15px 0 15px; nargin:0; width:354px; w\idth:324px; }

div#feature {float:left; width:354px; background:url(../assets/featureblock.png) no-repeat top left; padding:6px 0 0 0; margin:0 0 0 0;}
div#feature .panelholder {float:left; width:354px; background:url(../assets/featureblock.png) no-repeat bottom left; padding:0 0 6px 0; min-height:190px; height:auto !important; height:190px;}
div#feature .panel {float:left; background:#9DA0A1; padding:0 15px; width:354px; w\idth:324px;}

div#feature img {float:left; margin:4px 15px 0 0;}
div#feature h2 {color:#fff; font-size:1.1em; margin:6px 0 6px 0;}
div#feature h2 a {color:#fff;}
div#feature p {color:#000; margin:0;}
div#feature h5 {margin:0 0 0 0;}
div#feature h5 a {color:#000;}
div.introcopy {float:left; width:225px;}
/* end home page panels*/

/* png transparency fix for stupid IE */
div#titlelinks ul li a {behavior: url(css/iepngfix.htc);}
/* png transparency fix for stupid IE */

/* homepage title links */
div#titlelinks {width:376px; float:right; margin:0 0 -13px 0;}
div#titlelinks ul {float:left; width:376px;}
div#titlelinks ul li {float:left; list-style-type:none; margin:0; background-repeat:no-repeat; background-position:top left;}
div#titlelinks ul li a {float:left; display:block; padding:0; text-indent:-999em; width:97px; height:121px;}

div#titlelinks:hover ul li a {background-image:url(../assets/title-darken.png);}
div#titlelinks.pshover ul li a {background-image:none;}
div#titlelinks ul li a:hover {background-image:none;}

div#titlelinks ul li#title4 a,
div#titlelinks ul li#title8 a {width:84px;}
div#titlelinks ul li#title9 a,
div#titlelinks ul li#title10 a,
div#titlelinks ul li#title11 a {height:108px;}
div#titlelinks ul li#title12 a {width:84px; height:108px;}

div#titlelinks ul li#title1 {background-image:url(../images/thumbs/ng-traveler.jpg);}
div#titlelinks ul li#title2 {background-image:url(../images/thumbs/rbs6nations.jpg);}
div#titlelinks ul li#title3 {background-image:url(../images/thumbs/ng-go-green.png);}
div#titlelinks ul li#title4 {background-image:url(../images/thumbs/ng-traveler2.jpg);}
div#titlelinks ul li#title5 {background-image:url(../images/thumbs/lions.jpg);}
div#titlelinks ul li#title6 {background-image:url(../images/thumbs/parents2.jpg);}
div#titlelinks ul li#title7 {background-image:url(../images/thumbs/rugby-wc-07.jpg);}
div#titlelinks ul li#title8 {background-image:url(../images/thumbs/buying-abroad.jpg);}
div#titlelinks ul li#title9 {background-image:url(../images/thumbs/business-minds2.jpg);}
div#titlelinks ul li#title10 {background-image:url(../images/thumbs/diamond-wed.png);}
div#titlelinks ul li#title11 {background-image:url(../images/thumbs/inspirations.png);}
div#titlelinks ul li#title12 {background-image:url(../images/thumbs/sensations.jpg);}
/* end homepage title links */



/* team page */
div.row {float:left; width:790px; margin:0 -35px 10px 0;}
div.item {width:360px; float:left; margin:0 35px 0 0;}
div.item.wide {width:755px; margin:0;}
div.item h3 {margin:0 0 16px 0;}
div.item h4 {font-size:1.3em; margin:0 0 16px 0;}
div.item h4 a {color:#fff;}
div.item img {float:left; margin:2px 18px 10px 0;}
div.item p {width:246px; float:left; margin:0; color:#9DA0A1;}
div.item.wide p {width:641px;}
div.item p strong {color:#fff;}
/* end team page */

/* testimonial quotes */
div.quote {float:left; background:url(../assets/left-quote.png) no-repeat 0px 0px; padding:0 6px; width:246px; w\idth:234px; color:#9DA0A1;}
div.quote blockquote {line-height:1.2; font-size:1em; font-weight:normal; padding:10px 20px 20px 18px; background:url(../assets/right-quote.png) no-repeat 90% 80%;}
div.quote cite {font-size:1em; display:block; padding:0 10px 0 18px; font-weight:bold; color:#fff;}
div.quote cite span {font-weight:normal; color:#9DA0A1;}
/* end testimonial quotes */

/* assets column on portfolio page */
div#assets {width:158px; float:left; margin:0 16px;}
div#assets img {}
div#assets p {width:158px; text-align:center; font-weight:bold; font-size:1.1em; margin:20px 0 4px 0;}
div#assets h5 {width:158px; text-align:center; margin:0 0 8px 0;}
/* end assets column on portfolio page */

/* rhnav on portfolio page */
div#rhnav h3 {font-size:1.1em; margin:0; padding:14px 12px 0 12px;}
div#rhnav {width:199px; float:right; background:url(../assets/portfolio-block-top.png) no-repeat top left;}
div#rhnav ul {margin:0; padding:10px 0 15px 0 ; background:url(../assets/portfolio-block-bottom.png) no-repeat bottom left;}
div#rhnav li {list-style-type:none; background:url(../assets/portfolio-block.png) repeat-y top left;}
div#rhnav li a {padding:4px 12px; color:#fff; font-size:1em; font-weight:bold; display:block; width:199px; w\idth:175px;}
div#rhnav li a:hover, div#rhnav li.active a {color:#0FADCF; text-decoration:none;}
/* end rhnav on portfolio page */

/* footer */
div#footer {float:left; font-size:.92em; width:755px; margin:10px 0 0 0;}
div#footer ul {float:left; list-style-type:none; padding: 8px 0 0 0; margin:0 0 0 -4px;}
div#footer ul li {float:left; padding:0 0 0 4px;}
div#footer ul li a {color:#fff;}
div#footer p {float:right; text-align:right; margin:0; padding: 8px 0 0 0;}
div#footer p a {color:#6D6C6C;}
/* end footer */

/* general typography */
h2 {font-size:1.4em; margin:0 0 .6em 0;}
div#content h2, div.row h2 {font-size:1.2em; margin:0 0 .6em 0; text-transform:uppercase;}
div#content div.formholder h2 {clear:left; margin-top:10px; float:left; font-size:1.1em;}
h3 {font-size:1.3em; margin:1.2em 0 .4em 0;}
h4 {font-size:1em; margin:1em 0 0 0;}
h5 {font-size:1em; margin:0 0 2px 0;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #fff; cursor: help;}
div#content div.line {border-bottom:1px solid #fff; margin:14px 0 10px 0; height:2px; clear:both;}
div#content div.line hr {display:none;}
/* end general typography */

/* sitemap */
div#sitemap {margin:10px 0;}
div#sitemap h3 {font-size:1em; margin:4px 0; text-transform:uppercase;}
div#sitemap h3 span {text-transform:lowercase; font-weight:normal;}
div#sitemap a {color:#fff;}
div#content div#sitemap ul {margin:10px 0 10px 3em;}
/* end sitemap */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:0 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #000;}
img.border {border: 1px solid #000; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:180px; background-color:#ccc; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:180px; background-color:#ccc;}
.captionleftborder {float:left; margin:4px 12px 4px 0; width:180px; border: 1px solid #000; background-color:#ccc; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:180px; border: 1px solid #000; background-color:#ccc;}
/* end image captions */

/* lists */
div#content ul {margin:0 0 1em 3em;}
div#content ul li {padding:0; list-style-type:square;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:circle;}
div#content ul ul ul li {list-style-type:disc;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #000; border-top:1px solid #000;}
th {padding: .2em .4em; background:#000; text-align:left; color:#fff;}
td {padding: .4em; border-bottom:1px solid #000; border-left:1px solid #000;}
table caption {text-align:left; font-size:1em; font-weight:bold;}
/* end tables */

/* forms */
div.formholder {float:left; width:355px;}
div#content form {margin: 0 0 20px 0; float:left;}
div#content fieldset {border:none;}
div#content legend {font-size:1.5em; margin:0 0 4px 0; color:#000;}
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 100px; float:left;}
div#content input, div#content textarea, div#content select {width:190px; float:left; margin:1px 0; border: 1px solid #fff; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
div#content textarea {font-size:.92em;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 100px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#000; border:1px solid #fff; color:#fff; clear:left;}
div#content .checklist {display:block; width:270px; float:left; margin:0 0 10px 100px;}
div#content .checklist input {width:auto; border:none; clear:left;}
div#content .checklist label {width:auto; padding: 0 0 0 5px; float:left; clear:none;}
/* end forms */