/* ======================== OTHER RESETS ========================= */
td {vertical-align:top;} /* used to have the global selector here - implications */
strong {font-weight: bold;}
em {font-style: italic;}
p {margin-bottom:10px;}

/* LIST STYLES */
ol {margin:1em 25px;list-style-type:decimal;}
ol li {list-style-type:decimal;}

/* BLOCKQUOTES */
blockquote {font-style:italic;font-family:georgia;font-size: 18px/1;padding-left:20px;padding-top:10px;width:80%;margin:0 auto 10px;color:#888888;background:url(/assets/images/quotes-tl.png) left top no-repeat;}
blockquote a {color:#888888;}

/* ======================== END OTHER RESETS ========================= */

/* HELPERS */
.clear {clear:both;}
.module {padding:30px;}
.hide-sidebar {background:#FFFFFF;}

/* CUSTOM HELPERS */

.attention {border:1px solid orange;padding:10px;margin:.5em 0;background:lemonchiffon;font-size:123.1%;text-align:center;}


/* MAIN LAYOUT */
.container {width:750px;margin:0 auto;}
#main-feature {width:495px;float:left;}
#sub-features {width:255px;float:left;}


/* MINOR LAYOUT */
#header {height:100px;}
#site-logo {float:left;width:300px;margin-top:10px;}
#banner {float:right;}
#site-tools {float:right;padding:5px;}

/* CLEARS */
#menu-wrapper, #menu, #main, #footer-wrapper, #footer, #breadcrumb {clear:both;}


/* DESIGN */
html,body {background:#ECEADD;font-family: 'Helvetica Neue', Arial, sans-serif;color:#444444;}
#header-wrapper {background:#000000 url(/assets/images/main_nav_bg_grad.jpg) repeat-x left top;color:#eee;}
#site-tools {font-size:85%;background:#c0d373;color:#333333;-moz-border-radius:5px; -webkit-border-radius:5px;-moz-border-radius-topleft:0; -webkit-border-top-left-radius:0;-moz-border-radius-topright:0; -webkit-border-top-right-radius:0;}
#site-tools a {text-decoration:none;color:#333333;padding:5px;margin-right:2px;}
#site-tools a:hover {text-decoration:underline;}
#quick-contact {clear:both;margin:45px 0 0 0;padding:10px;color:#c0d373;font-size: 150%;}
#main {border-left:1px solid gray;border-right:1px solid gray;line-height: 140%;background:#FFFFFF url(/assets/images/sub-feature-module-bg.gif) repeat-y right top;}
#breadcrumb {font-size:85%;color:silver;border-bottom:1px solid silver;padding:10px;background:#ffffff;}
#breadcrumb a {color:silver;text-decoration:none;}
#main-feature {line-height: 150%;}
#main-feature-desc {font-size:16px;line-height:1.4;color:#888888;margin-bottom:1.5em;}
#sub-features {background:#eeeeee;/*border-left:1px solid #cdcdcd;*/}
#main-feature-image img, #sub-features .feature-thumb img {background:#fff;padding:3px;border:1px solid #cdcdcd;}
.page-image {border:1px solid #eee; padding:10px;background:#fff;}
.intro {background:#c0d373;}
.intro p {font-size:16px;}
#sub-features .intro {padding:10px;}
#footer-wrapper {background:#000000;}
#footer {color:#eee;font-size:85%;text-align:center;padding:5px;}


/* HEADINGS */
h1,h2{margin-bottom:10px;color:#000000;}
h1 {font-size:26px;margin-bottom:20px;line-height:normal;/*letter-spacing:-1px;*/border-bottom:1px solid #cdcdcd; padding-bottom:5px;}
h2 {font-size:123.1%;text-transform:uppercase;}
#main-feature h2, .portfolio-detail-content h2 {border-bottom:1px solid #cccccc;text-transform:none;margin-top:20px;padding-bottom:5px;font-size:138.5%;}
h3 {font-weight:bold;font-size:108%;}
h2.divider {border-top:1px solid silver;background:#eee;padding:10px;margin:20px 0;text-transform:uppercase;}
.intro h1, .entry h1 {border:none;padding-bottom:0;}

/* LIST STYLES */
ul.standard-bullets {margin-bottom:20px;}
#main-feature li, ul.standard-bullets li, .portfolio-detail-content li {list-style-type:disc;margin-left:15px;margin-right:15px;margin-bottom:5px;}

/* ANCHOR STYLES */
a {color:#cc0000;}
.button-more {font-size:77%;text-align:left;text-decoration:none;}
.button-more a {display:block;color: blue;text-decoration:none;}
.button-more a:hover {text-decoration: underline;}
a.button {margin:20px 0;background:url(/assets/images/button_200w_25h.png) no-repeat left center;padding-left:5px;height:25px;width:200px;text-transform:uppercase;color:gray !important;text-decoration:none;line-height:25px;display:block;text-align:center;}
#main-feature li a, ul.standard-bullets li a {text-decoration:underline;}



/* HOME PAGE SPECIFIC */
#specialisms {padding:10px;clear:both;background:#333333;}
#specialisms .specialism {width:160.5px;height:75px;float:left;padding:10px;border-left:1px solid #eee;background:#fff;display:block;}
#specialisms .specialism.first {border-left:0;}
#specialisms h2 {color: #eee;}
#specialisms p {font-size: 85%;}
#specialisms a,#sub-features a {text-decoration: none;display:block;color:#333333;}

/* HOME PAGE SPECIFIC - TESTIMONIALS */
#testimonial {

	margin: 10px 10%;
        -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #eee;
	padding: 10px;
       /* background:url(/assets/images/quotes-tl.png) 10px 25px no-repeat;*/
}

#testimonial h3 {text-transform:uppercase;text-align:center;}

#testimonial blockquote {margin:0 auto;padding-left:20px;padding-top:10px;width:90%;background:url(/assets/images/quotes-tl.png) left top no-repeat;}

#testimonial-source {font-weight:bold;text-align:right;font-family:sans-serif;font-style:normal;}

/* CALL TO ACTION */
#call-to-action .module {clear:both;background:#eee;border-top:5px solid #333;}
#call-to-action #cta-form {width:440px;float:left;margin-right: 40px;}
#call-to-action #cta-other{width:200px;float:left;}
.cta-other {width:210px;float:left;margin-right:30px;}

/* FEATURED */
#sub-features .module {padding:30px 10px;}/* THIS REDUCES THE LEFT AND RIGHT PADDING ASSIGNED EARLIER IN THE CSS */
#sub-features .feature {clear:both;margin-bottom:10px;font-size: 85%;}
#sub-features .feature-thumb {float:left;width:90px;margin-right:10px;height:50px;}
#sub-features .feature-desc {float:left;width:125px;}


/* MAIN NAVIGATION */
#menu-wrapper {background:#333333;border-top:1px solid #555555;border-bottom:1px solid #FFFFFF;}
#menu {text-align:center;}
#nav ul li {display:inline;}
#nav a {font-size:100%;color:#FFFFFF;font-weight:bold;text-decoration:none;text-transform:uppercase;padding:10px;display:block;float:left;width:100px;background:url(/assets/images/menu-a-bg-sprite-100w.gif) no-repeat center top;}
#nav a:hover, #nav a.current:hover {color:#333;text-shadow: #ffffff 1px 1px 0px;background-position:center -94px;}
#nav a.current {text-shadow: #333333 1px 1px 0px;background-position:center center;}
#nav {float:left;padding:10px 0;}


/* SPECIALISMS PAGE */
.specialism-wrapper {clear:both;margin-top:20px;background:#eee;padding:10px 10px 0 10px;-moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid silver;}
.specialism-name {width:130px;float:left;color:#eee;margin-right:10px;}
.specialism-name a {color:#333333;}
.specialism-description {width:253px;float:left;}


/* BLOG */
.entry {border-bottom:1px solid #eeeeee;margin-bottom:10px;}
.entry h1 a {text-decoration:none;color:#333333;}
.entry-details {font-size:85%;color:#cdcdcd;}
.entry-details a {color:#cdcdcd;}
#comments {background:#eeeeee;border:1px solid #c0d373;}
.comment {background:#FFFFFF;border:1px solid #cdcdcd;padding:5px;margin-bottom:1em;}
.posted {font-size:85%;color:#cdcdcd;text-align:right;}
.posted a {color:#cdcdcd;}

/* PORTFOLIO PAGE */
.portfolio-wrapper {clear:both;margin-top:20px;padding:10px 10px 0 10px;}
.portfolio-name {width:380px;float:left;margin-right:10px;}
.portfolio-description {width:250px;float:right;text-align:center;}

/* PORTFOLIO DETAIL PAGE */
.portfolio-detail-content {float:left;width:420px;}
.portfolio-detail-highlights {float:left;width:250px;margin-left:20px;text-align:center;margin-top:}
.portfolio-specialisms-used {margin:20px 0;background:#eee;padding:10px 10px 0 10px;-moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid silver;text-align:left;}
.portfolio-specialisms-used h3 {text-transform:uppercase;}
.portfolio-specialisms-used ul {margin:10px 0;}
.portfolio-specialisms-used li {list-style-type:none;background:url(/assets/images/24-em-check.png) no-repeat left center;padding-left:35px;margin-left:0;margin-right:0;margin-bottom:10px;}
.portfolio-specialisms-used li.portfolio_url {background:url(/assets/images/24-image-check.png) no-repeat left center;}
.portfolio-detail-content img, .portfolio-description img {border:1px solid #eee;padding:10px;background:#fff;}
/*.portfolio-image img, .portfolio-description img {-webkit-transition: -webkit-transform .5s ease-in;-moz-transition: -moz-transform .5s ease-in;}
.portfolio-image a img:hover, .portfolio-description img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}*/

/* FORMS */
fieldset {margin:10px 0; padding:10px;border: 1px solid silver;}
legend {font-weight:bold;padding:0 10px;text-transform:uppercase;}
label,th {font-weight:bold;padding-right:10px;}
input,textarea {border: 1px solid silver;}
input.form-button {background: #ddd;padding:5px;color:#333;}
input.form-button:hover {background:#333;color:#eee;}


/* IE PNG HACK */
/*#site-logo img {behavior: url('/assets/scripts/iepngfix_v2/iepngfix.htc');}
#myGallery img {behavior:none;}*/ /* reset the behaviour so that the homepage portfolio gallery doesn't get affected */
/* END OF IE PNG HACK */