@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* colors 

orange 			#ffc705 
light grey	 	#676361
dark grey   	#1b1919


*/

html {overflow-y: scroll;}

html, body { height: 100%; }

.push { height: 220px; clear: both;  }

body {
	margin: 0; padding: 0; 
	color: #1b1919; 
    font: 87.5% helvetica, arial, sans-serif; 
    text-align: center; 
    background: url(/images/alt-body-bg.gif) 0 -34px repeat-x;}
    }
    
body.home { background: none; color: #fff; }
    
input, textarea, select { font-family: arial, helvetica, sans-serif; }

#container { 
    min-height: 100%;
    height: auto !important;
    height: 100%; 
    margin-bottom: -220px; 
    width: 100%; 
    background: url(/images/footer-alt.gif) 50% 100% repeat-x;}

.home #container { background: #1b1919 url(/images/footer.gif) 50% 100% repeat-x; }

#wrapper { width: 100%; text-align: left; position: relative; overflow: hidden; background: url(/images/texture-alt.jpg) 50% 0 no-repeat; }
.home #wrapper { background: url(/images/texture.jpg) 50% 0 no-repeat; }

#header { height: 134px; width: 982px; margin: 0 auto; position: relative; }

h1 a { background: url(/images/seventeen-logo.gif) 0 0 no-repeat; width: 321px; height: 114px; display: block; margin: 25px 0 0; text-indent: -999em; outline: none; }


#nav { position: absolute; top: 42px; right: 0; }
#nav li { float: left; margin-right: 30px; } 
#nav li#n-con { margin-right: 0; }
#nav li#n-sus { clear: left; }
#nav li a { display: block; height: 14px; text-indent: -999em; background-position: 0 0; background-repeat: no-repeat; outline: none; position: absolute; }
#n-hom a { background-image: url(/images/n-home.gif); width: 46px; top: 0; right: 359px;  }
#n-abo a { background-image: url(/images/n-about.gif); width: 139px; top: 0; right: 190px;  }
#n-wor a { background-image: url(/images/n-our-back-catalogue.gif); width: 160px;  top: 0; right: 0; }
#n-sus a { background-image: url(/images/n-sustainability.gif); width: 115px; top: 20px; right: 258px; }
#n-hot a { background-image: url(/images/n-hotel-seventeen.gif); width: 135px;  top: 20px; right: 93px; }
#n-con a { background-image: url(/images/n-contact.gif); width: 63px;  top: 20px; right: 0; }

#nav a:hover { background-position: 0 -28px; }
#nav li.active a { background-position: 0 -14px; }

#maincol { width: 982px; margin: 0 auto; overflow: auto; text-align: center; margin-top: 24px; } 
#leftcol { width: 223px; float: left; text-align: left; background: url(/images/subnav-shadow.jpg) top right no-repeat; padding-top: 29px; min-height: 550px; min-height: 550px; }
#rightcol { width: 759px; float: right; text-align: left; padding: 29px 0 50px; }

.home #maincol { margin-top: 0; }
/* .home #leftcol { width: 691px; background: url(/images/how-we-do-things.gif) bottom left no-repeat;  padding-bottom: 62px; } */
.home #leftcol { width: 691px;  padding-bottom: 32px; min-height:inherit; background: none; }
.home #rightcol { width: 223px; padding: 0; }

a { color: #ff0000; }	
a:hover { color: #ffc705; }
.home a:hover { color: #fff;  }

strong { font-weight: bold; }
em { font-style: italic; }

h2#strap { background: url(../images/strap.gif) 0 0 no-repeat; width: 691px; height: 135px; text-indent: -999em; margin: 36px 0 28px; }

.intro { margin-bottom: 75px; width: 673px; }
.intro p { font-size: 1.072em; line-height: 1.45; color: #fff; margin-bottom: 0.8em;  }
.intro p.first { color: #c4c4c4; }

#leftcol .box-row { width: 100%; overflow: auto; clear: both; }
#leftcol .box { width: 309px; float: left; }
#leftcol .box1 { margin-right: 55px; }
#rightcol .box { width: 223px; margin-bottom: 46px; }
.box h2 { color: #ffc705; font-size: 1.071em; background: url(/images/checkers.gif) bottom left repeat-x; font-weight: bold; padding-bottom: 10px; }
.box h2 a { color: #ffc705; text-decoration: none; }
.box-content { background: #2f2d2c url(/images/gradient.gif) 0 0 repeat-x; padding: 18px 13px 13px; overflow: auto; }
.box-content img { float: left; margin: 0 11px 0 0; }
.box-content p { font-size: 0.857em; line-height: 1.4; color: #c4c4c4; margin: 0; }
.box-content a { color: #fff; font-weight: bold; text-decoration: none; }
.box-content a:hover { color: #ffc705; }

#rightcol .box-content { padding: 18px 15px 13px; }
#rightcol .box-content img { margin: 0 0 13px; }

#rightcol .seg { margin-top: 37px; } 

#rightcol .hotel .box-content { background: #2f2d2c url(/images/hotel-seventeen-bg.png) bottom right no-repeat; }

.box-content .follow-us { margin-top: 10px; }
.box-content .follow-us a { background: url(/images/follow-us.gif) 0 0 no-repeat; display: block; width: 113px; height: 30px; text-indent: -999em; }
.box-content .follow-us a:hover { background-position: 0 -30px; }

.box-content .read-more { margin-top: 10px; }
.box-content .read-more a { background: url(/images/read-more.gif) 0 0 no-repeat; display: block; width: 121px; height: 30px; text-indent: -999em; }
.box-content .read-more a:hover { background-position: 0 -30px; }

.box-content .read-this { margin-top: 10px; }
.box-content .read-this a { background: url(/images/read-this.png) 0 0 no-repeat; display: block; width: 121px; height: 30px; text-indent: -999em; }
.box-content .read-this a:hover { background-position: 0 -30px; }

#subnav { font-size: 0.928em; background: url(/images/subnav-bg.gif) top left no-repeat; padding-top: 1px;  }
#subnav li { background: url(/images/subnav-bg.gif) bottom left no-repeat; padding-bottom: 1px; line-height: 1.384; }
#subnav li a { display: block; width: 215px; padding: 8px 8px 8px 0; color: #1b1919; text-decoration: none; }
#subnav li a:hover { color: #999; } 
#subnav li.active a, #subnav li.current_page_item a, #subnav li.current-cat a { background: #fff; color: #dd0000; }

#rightcol.our-work h2 { font-size: 1.428em; font-weight: bold; margin: 0 0 21px 44px; letter-spacing: -0.5px; } 
#rightcol.our-work h2 .alt { font-weight: normal; }

#image-slideshow { position: relative; width: 715px; margin-left: 44px; height: 266px; margin-bottom: 26px; } 
#image-container { border: 1px solid #e0e0e0; padding: 8px; width: 654px; height: 248px; } 
#image-block li { width: 654px; height: 248px; }
#nextBtn a { position: absolute; top: 9px; right: 0; background: url(/images/next-image.gif) 0 0 no-repeat; display: block; width: 43px; height: 30px; text-indent: -999em; outline: none; } 
#prevBtn a { position: absolute; top: 41px; right: 0; background: url(/images/prev-image.gif) 0 0 no-repeat; display: block; width: 43px; height: 30px; text-indent: -999em; outline: none; } 
#nextBtn a:hover, #prevBtn a:hover { background-position: 0 -30px; } 

.our-work { background: url(/images/see-more-images.gif) 99% 40px no-repeat; } 

#col1 { width: 379px; float: left; margin-right: 73px; }
#col2 { width: 264px; float: left; }

.introduction { margin: 0 0 20px 44px; } 

.challenge { margin-left: 44px; } 
.challenge h3 { background: url(/images/the-challenge.gif) 0 0 no-repeat; width: 111px; height: 23px; text-indent: -999em; margin-bottom: 10px; } 

.solution { padding: 20px 0 0 44px; background: url(/images/down-arrow.gif) 0 0 no-repeat; } 
.solution h3 { background: url(/images/the-solution.gif) 0 0 no-repeat; width: 97px; height: 21px; text-indent: -999em; margin-bottom: 10px; } 

.results { clear: both; }
.results h3 { background: url(/images/the-results.gif) 0 0 no-repeat; width: 93px; height: 22px; text-indent: -999em; margin-bottom: 10px; } 

.feedback { float: right; width: 218px; background: #f6f6f6 url(/images/the-feedback-bg.gif) 0 0 no-repeat; padding: 100px 23px 23px; margin-bottom: 20px; }  
.feedback h3 { display: none; } 
.feedback blockquote p { color: #858280; font-size: 0.857em; line-height: 1.5; margin-bottom: 10px; } 
.feedback cite { font-size: 0.928em; color: #1b1919; line-height: 1.385; }
.feedback cite span.person { color: #dd0000; font-size: 1.15em; font-weight: bold; line-height: 1.2; }

.testimonial { float: right; width: 218px; background: #f6f6f6 url(/images/quote-bg.gif) 0 0 no-repeat; padding: 100px 23px 23px; margin: 0 0 20px 20px; }  
.testimonial h3 { display: none; } 
#content .testimonial blockquote { font-size: 1em; font-weight: normal; font-style: normal; line-height: normal; margin: 0; width: auto; }
.testimonial blockquote p { color: #858280; font-size: 0.857em; line-height: 1.5; margin-bottom: 10px; } 
.testimonial cite { font-size: 0.928em; color: #1b1919; line-height: 1.385; }
.testimonial cite span.person { color: #dd0000; font-size: 1.15em; font-weight: bold; line-height: 1.2; }

h3#back-catalogue { width: 153px; height: 67px; background: url(/images/our-back-catalogue.gif) 0 0 no-repeat; text-indent: -999em; }
#work-subnav li { background: url(/images/work-thumb-bg.gif) 0 0 no-repeat; width: 175px; height: 40px; float: left; padding: 2px 3px 4px; position: relative; margin: 0 0 4px; }  
#work-subnav li a { display: block; width: 175px; height: 40px; cursor: pointer; } 
#work-subnav li .popup { position: absolute; top: 2px; left: 3px; width: 175px; height: 40px; z-index: 100; background: url(/images/popup-bg.png) 0 0 no-repeat; padding: 0; text-align: left; color: #fff; font-size: 0.857em; font-weight: bold; line-height: 1.166; cursor: pointer; } 
#work-subnav li .popup { display: none; }
#work-subnav li .popup a { padding: 6px 40px 0 8px; width: 127px; height: 34px; display: block; text-decoration: none; color: #fff; font-weight: normal; }

#footer { height: 220px; width: 982px; margin: 0 auto; text-align: center; clear: both; position: relative; }
#footer .twitter img { float: right; margin: -10px 0 0 5px; }
#footer .twitter h3 { margin-top: 10px; }
#footer-details { text-align: left; margin-left: 759px; z-index: 1000; padding-top: 18px;  }
#footer-details p { color: #1b1919; font-size: 0.928em; line-height: 1.307; margin-bottom: 0; }
#footer-details a { color: #1b1919; text-decoration: none; font-weight: bold; }
#footer-details a:hover { color: #fff; }
#footer-details h3 { font-size: 1.072em; font-weight: bold; margin: 0 0 5px; }
#footer-details p.credit { font-size: 70%; position: absolute; top: 195px; right: 0px; text-align: left; width: 223px;  }
#footer-details p.credit a { font-weight: normal; }

h3#hotel-seventeen-categories { width: 187px; height: 79px; background: url(/images/hotel-seventeen-categories.gif) 0 0 no-repeat; text-indent: -999em; margin-bottom: 10px; }
.hotel-seventeen { position: relative; } 

#content { margin: 10px 0 30px 44px; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; width: 715px; overflow: auto; }
.single #content { margin-top: 70px; }

#content h2 { background: url(/images/light-checkers.gif) bottom left repeat-x; padding-bottom: 12px; color: #dd0000; font-size: 1.285em; font-weight: bold; margin-bottom: 20px; line-height: 1.2; }
#content h3 { font-size: 1.142em; line-height: 1.384; font-weight: bold; color: #dd0000; margin: 0; }
#content h4 { font-size: 1.071em; line-height: 1.384; font-weight: bold; color: #1b1919; margin: 0; }
#content h5 { font-size: 1em; line-height: 1.384; font-weight: bold; color: #dd0000; margin: 0; }
#content h6 { font-size: 1em; line-height: 1.384; font-weight: bold; color: #dd0000; margin: 0; }
 
#content p, .our-work p { margin-bottom: 1em; font-size: 0.928em; line-height: 1.384; } 
#content p.meta { color: #dd0000; font-weight: bold; margin-bottom: 0.4em; } 
#content img, #content img.alignright { float: right; margin: 0 0 10px 10px; }
#content img.alignleft { float: left; margin: 0 20px 10px 0; }
#content ul, #content ol { font-size: 0.928em; line-height: 1.384; margin: 0 0 1em 0; }
#content ul li { list-style-type: disc; margin-left: 25px; }
#content ol li { list-style-type: decimal; margin-left: 27px; }
#content blockquote { float: right; width: 250px; margin: 10px 0 10px 20px; line-height: 1.5; font-style: italic; font-weight: bold; } 
#content .wp-caption { float: right; background: #e8e8e8; margin: 0 0 10px 10px; }
#content .wp-caption img { float: none; margin: 5px; } 
#content .wp-caption p { margin: 0 5px 10px; }

#content .team p.jobtitle { font-weight: bold; margin-bottom: 10px; float: none; width: auto; } 
#content .team { width: 100%; overflow: hidden; margin-bottom: 20px;  } 
#content .team-list { margin: 30px 0; }
#content .team h3 { margin: 0; line-height: 1; } 
#content .team .team-image { float: left; width: 132px; height: 159px; background: url(/images/team-image-bg.gif) 0 0 no-repeat; padding: 8px 9px 9px 8px; margin-right: 15px; }
#content .team .team-text { float: left; width: 525px; padding-top: 8px; }

#back-to-overview { position: absolute; top: 32px; left: 44px; background: url(/images/back-to-overview.gif) 0 0 no-repeat; display: block; width: 162px; height: 30px; text-indent: -999em; }
#back-to-overview:hover { background-position: 0 -30px; } 
#rss { position: absolute; top: 32px; right: 0; background: url(/images/subscribe-via-rss.gif) 0 0 no-repeat; display: block; width: 143px; height: 68px; text-indent: -999em; } 
#rss:hover { background-position: 0 -68px; } 

#comment-form-container { float: left; width: 295px; margin-left: 44px; display: inline; }
#comment-form-container p { font-size: 0.928em; margin-bottom: 12px; }
#comment-form-container h3 { background: url(/images/light-checkers.gif) bottom left repeat-x; padding-bottom: 12px; color: #dd0000; font-size: 1.285em; font-weight: bold; margin-bottom: 30px;  }  
#comment-form-container label { display: block; width: 295px; font-size: 0.928em; margin-bottom: 8px; } 
#comment-form-container input { background: #f2f2f2; border: 0; padding: 5px 4px; width: 287px; margin-bottom: 12px; font-size: 0.857em; line-height: 1.5; } 
#comment-form-container .form-row-submit input { width: auto; border: none; padding: 0; }
#comment-form-container textarea { background: #f2f2f2; border: 0; padding: 3px 4px; width: 287px; margin-bottom: 12px; height: 100px; font-size: 0.857em; } 

#comments { float: right; width: 378px; } 
#comments h3 { background: url(/images/light-checkers.gif) bottom left repeat-x; padding-bottom: 12px; color: #dd0000; font-size: 1.285em; font-weight: bold; margin-bottom: 30px;  }  
#comments ol li { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 25px; } 
#comments ol li .comment-body .comment-author p { margin-bottom: 0; } 
#comments ol li .comment-meta p { font-size: 0.928em; margin-bottom: 1em;}
#comments ol li p.awaiting { margin-bottom: 0; }
#comments ol li .comment-author { font-weight: bold; } 
#comments ol li .comment-author a { color: #dd0000; text-decoration: none; font-weight: bold;  }
#comments ol li .comment-author a:hover { color: #ffc705; }
#comments img.avatar { display: none; }
#comments .comment-body p { margin-bottom: 0.928em; }

.hotel-seventeen-overview { position: relative; }
.hotel-seventeen-overview h2 { font-size: 2em; font-weight: bold; margin: 10px 0 0 44px; }
.hotel-seventeen-overview #content h3 { background: url(/images/light-checkers.gif) bottom left repeat-x; padding-bottom: 12px; color: #dd0000; font-size: 1.285em; font-weight: bold; margin-bottom: 20px; line-height: 1.2; }
.hotel-seventeen-overview #content { border: none; margin-top: 50px;}
.preview { margin: 0 0 30px; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; }
.preview h3 a { text-decoration: none; color: #dd0000; } 
.preview a.read-more { background: url(/images/read-more.gif) 0 0 no-repeat; display: block; width: 121px; height: 30px; text-indent: -999em; cursor: pointer; }
.preview a.read-more:hover { background-position: 0 -30px; }

h3#in-this-section { width: 109px; height: 77px; background: url(/images/in-this-section.gif) 0 0 no-repeat; text-indent: -999em; margin: 0 0 10px 10px; }
h3#our-blog-archives { width: 132px; height: 82px; background: url(/images/our-blog-archives.gif) 0 0 no-repeat; text-indent: -999em; margin: 20px 0 10px; }

.archive-list { font-size: 0.928em; background: url(/images/subnav-bg.gif) top left no-repeat; padding-top: 1px; margin-bottom: 50px;  }
.archive-list li { background: url(/images/subnav-bg.gif) bottom left no-repeat; padding-bottom: 1px; line-height: 1.384; }
.archive-list li a { display: block; width: 215px; padding: 8px 8px 8px 0; color: #1b1919; text-decoration: none; }
.archive-list li a:hover { color: #999; } 
.archive-list li.active a, .archive-list li.current_page_item a, .archive-list li.current-cat a { background: #fff; color: #dd0000; }

#content .download-doc { float: right; width: 163px; background: #f4f4f4; margin: 0 10px 10px 10px; -moz-box-shadow: 0  0 10px #f4f4f4; -webkit-box-shadow: 0 0 10px #f4f4f4;	box-shadow: 0 0 10px #f4f4f4; } 
#content .download-doc h3 { background: url(/images/download-it-here.gif) 0 0 no-repeat; text-indent: -999em; width: 93px; height: 60px; margin: 13px 0 5px 33px; }
#content .download-doc p { text-align: center; font-size: 0.857em; line-height: 1.16; margin: 0 20px 1.2em; white-space: normal; } 
#content .download-doc p a { color: #1b1919; background-color: #e8e8e8; } 
#content .download-doc p a:hover { color: #1b1919; background-color: #fff; } 

#contact-details { margin: 10px 0 30px 0 }
#contact-details h2 { background: url(/images/light-checkers.gif) bottom left repeat-x; padding-bottom: 12px; color: #dd0000; font-size: 1.285em; font-weight: bold; margin-bottom: 20px; line-height: 1.2; }
#contact-details .contact-details-content { background: #edeceb url(/images/white-grey-grad.png) top left repeat-x; padding: 0 13px 13px; overflow: auto; }
#contact-details .contact-details-content h3 { font-size: 1em; font-weight: bold; color: #dd0000; }
#contact-details .contact-details-content p { font-size: 0.928em; line-height: 1.4; color: #858280; margin: 0 0 1em; }
#contact-details .contact-details-content a { color: #858280; text-decoration: none; }
#contact-details .contact-details-content a:hover { color: #dd0000; }

.page-template-contact-php #leftcol { min-height: inherit; background: none; }
.page-template-contact-php #content { border-bottom: none; padding-bottom: 0; }

#contact-left-col { float: left; width: 368px; }
#contact-right-col { float: right; width: 326px;  } 
#contact-map { background: url(/images/map-bg.png) 0 0 no-repeat; width: 310px; height: 296px; padding: 8px; } 
#map-canvas { width: 310px; height: 296px; } 
}