/* Stylesheet Imports
----------------------------------------------------------- */
@import "base.css";


/* Buttons
----------------------------------------------------------- */

/* default class for all buttons */
.btn {display:block;overflow:hidden;}
.btn a {border:none !important;display:block;overflow:hidden;text-indent:-12345px;}

/* buttons images + dimensions */
.btn-submit,.btn-submit a{background:url("../images/buttons/submit.gif");width:68px;height:16px;}
.btn-submit a:hover{background-position:0 -16px;}

.btn-clientlogin,.btn-clientlogin a{background:url("../images/buttons/clientlogin.gif");width:96px;height:58px;}
.btn-clientlogin a:hover{background-position:0 -58px;}

.btn-home {width:57px;height:29px;}
.btn-home a{background:url("../images/buttons/home.png");width:57px;height:29px; cursor:pointer;}
.btn-view-flash {width:95px;height:16px;}
.btn-view-flash a{background:url("../images/buttons/view-flash.png");width:95px;height:16px; cursor:pointer;}

.btn-blog {width:83px;height:81px;}
.btn-blog a{background:url("../images/buttons/button_blog.png");width:83px;height:81px; cursor:pointer;}
.btn-blog a:hover{background-position:0 -82px;}

/* Headings
----------------------------------------------------------- */

/* default class for all headings */
.hdn {display:block;overflow:hidden;text-indent:-12345px;}
.hdn-center{background-position: 50% 0 !important;width:100% !important;background-repeat: no-repeat !important;}
.hdn-quote{margin-top:30px;}

/* headings images + dimensions */
.hdn-online{background:url("../images/headings/online.gif");width:61px;height:10px;}
.hdn-offline{background:url("../images/headings/offline.gif");width:63px;height:10px;}
.hdn-opener{background:url("../images/headings/opener.gif");width:528px;height:164px;margin:0 0 50px 0}

.hdn-searchengineoptimisation{background:url("../images/headings/searchengineoptimisation.gif");width:335px;height:17px;}
.hdn-whyus{background:url("../images/headings/whyus.gif");width:159px;height:30px;}
.hdn-wedo{background:url("../images/headings/wedo.gif");width:176px;height:29px;margin: -1px 0 20px -3px}
.hdn-builton15years{background:url("../images/headings/builton15years.gif");width:461px;height:20px;margin:0 0 20px 0}
.hdn-marketingforhotels{background:url("../images/headings/marketingforhotels.gif");width:445px;height:21px;margin: -1px 0 20px -5px}
.hdn-casestudies{background:url("../images/headings/casestudies.gif");width:176px;height:74px;background-repeat: no-repeat !important;}
.hdn-contactus{background:url("../images/headings/contactus.gif");width:412px;height:33px;}
.hdn-seo{background:url("../images/headings/seo.gif");width:290px;height:30px;margin: -1px 0 0 -2px;background-repeat: no-repeat !important;}
.hdn-websitedesign{background:url("../images/headings/websitedesign.gif");width:290px;height:30px;margin: -1px 0 0px -2px}
.hdn-cms{background:url("../images/headings/cms.gif");width:598px;height:30px;margin: -1px 0 0 -2px}
.hdn-pms{background:url("../images/headings/pms.gif");width:92px;height:30px;margin: -1px 0 0 -2px}
.hdn-newsletter{background:url("../images/headings/newsletter.gif");width:412px;height:30px;margin: -1px 0 0 -2px}
.hdn-subheading{background:url("../images/headings/subheading.gif");width:440px;height:21px;background-repeat: no-repeat !important;margin: 20px 0 20px 0}    
.hdn-hotelbrochuredesign{background:url("../images/headings/hotelbrochuredesign.gif");width:426px;height:33px;margin: -1px 0 0px -2px}
.hdn-hotelflyerpromodesign{background:url("../images/headings/hotelflyerpromodesign.gif");width:483px;height:33px;margin: -1px 0 0px -2px}
.hdn-stationarydesign{background:url("../images/headings/stationarydesign.gif");width:334px;height:33px;margin: -1px 0 0px -2px}
.hdn-salesconsulting{background:url("../images/headings/salesconsulting.gif");width:301px;height:33px;margin: -1px 0 0px -2px}
.hdn-copywriting{background:url("../images/headings/copywriting.gif");width:227px;height:33px;margin: -1px 0 0px -2px}
.hdn-postit_online{background:url("../images/headings/postit_online.gif");width:111px;height:28px;}
.hdn-postit_offline{background:url("../images/headings/postit_offline.gif");width:116px;height:27px;}
.hdn-postit_giveusabuzz{background:url("../images/headings/postit_giveusabuzz.gif") no-repeat;width:168px;height:40px;}
.hdn-quote_stamford{background:url("../images/headings/quote_stamford.gif");width:533px;height:174px;}
.hdn-onlinemarketingteam{background:url("../images/headings/onlinemarketingteam.gif");width:434px;height:30px;}
.hdn-onlinemarketingteam2{background:url("../images/headings/onlinemarketingteam2.gif");width:250px;height:170px;margin:0 auto;}
.hdn-print{background:url("../images/headings/print.gif");width:434px;height:30px;}
.hdn-copywriting2{background:url("../images/headings/copywriting02.gif");width:253px;height:136px;}

h2.copyrighting 
{
	color:#000000;
	font: normal 21px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
}

h3.copyrighting
{
	color:#695e4a;
	font: normal 18px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	margin-bottom:0;
}

h4.copyrighting
{
	color:#695e4a;
	font: normal 14px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	margin-bottom:20px;
}

h2.onlinemarketingteam2
{
	color:#000000;
	font: normal 15px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:5px;
}

h3.onlinemarketingteam2
{
	color:#000000;
	font: bold 21px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:20px;
}

h3.onlinemarketingteam2 span {color:#f26649;}

h5.hdn-onlinemarketingteam2-step1 {background:url("../images/headings/step1.gif");width:563px;height:53px;margin-bottom:16px;}
h5.hdn-onlinemarketingteam2-step2 {background:url("../images/headings/step2.gif");width:563px;height:53px;margin-bottom:16px;}
h5.hdn-onlinemarketingteam2-step3 {background:url("../images/headings/step3.gif");width:563px;height:53px;margin-bottom:16px;}

.hdn-whyjusthehotelindustry {background:url("../images/headings/whyjusthehotelindustry.gif") no-repeat;width:182px;height:23px;float:left; overflow:hidden;}
.hdn-hotelindustryandonlinemarketing {background:url("../images/headings/hotelindustryandonlinemarketing.gif") no-repeat;width:528px;height:85px; margin-bottom:16px;}
.hdn-whyusthatssimple {background:url("../images/headings/why-us-thats-simple.gif") no-repeat;width:416px;height:104px;}
.hdn-sophieisourfounderleader {background:url("../images/headings/sophie-is-our-founder-leader.gif") no-repeat;width:266px;height:14px;margin-bottom:6px;}
.binaryheading
{
	background:url("../images/headings/binary.gif") no-repeat top right;
	padding-top:88px;
}
.hdn-print{background:url("../images/headings/print-truck.gif");width:181px;height:104px;margin-bottom:29px;}
.hdn-printbusinesscards{background:url("../images/headings/print-business-cards.gif");width:437px;height:38px;}
.hdn-seo2{background:url("../images/headings/seo2.gif");width:451px;height:84px;}
.hdn-seosubheading{background:url("../images/headings/seo-subheading.gif");width:493px;height:36px;}
.hdn-websitedesign2{background:url("../images/headings/websitedesign2.gif");width:462px;height:43px;}
.hdn-websitedesign-sell{background:url("../images/headings/websitedesign-selling.gif");width:489px;height:32px;}
.hdn-newsletter2{background:url("../images/headings/e-newsletter-software.gif");width:517px;height:97px;}
.hdn-reasonstousenewsletter{background:url("../images/headings/reasons-to-use-newsletter.gif");width:501px;height:17px;}
.hdn-cms2{background:url("../images/headings/cms2.gif");width:592px;height:93px;}
.hdn-reasontousecms{background:url("../images/headings/reason-to-use-cms.gif");width:297px;height:18px;}
.hdn-pms2{background:url("../images/headings/pms2.gif");width:563px;height:53px;}
.hdn-contactus2{background:url("../images/headings/contactus2.gif");width:343px;height:88px;margin-bottom:55px;}
.hdn-casestudies2{background:url("../images/headings/casestudies2.gif");width:335px;height:75px;}

.line {background:url("../images/line.gif") no-repeat;width:560px;height:2px;}

/* Postits
----------------------------------------------------------- */

.postit {
	position: relative;
	z-index: 10;
}


.postit span {
	display: block;
	position: relative;
	width: 224px;
	height: 118px;
	z-index: 11;
}

.postit span.innerSpan {
	width: 10px;
	height: 10px;
	margin: -10px 0 0 175px;
	
}

.postit .content {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 12;
}

/*black postit */
.postit-black {margin: 30px 0 0 -10px;}
.postit-black span {background: url("../images/bg/postit-black.png");}
.postit-black li span {background:none;} 
.postit-black, .postit-black span {width:244px;height:237px;}
.postit-black .content {width:173px;height:220px;padding:17px 46px 0 25px;}


.postit h3 {
	margin: 0 0 14px 0;
}

.postit p.tag-cloud {
	font-size: 12px;
	line-height: 26px;
}

.postit-green p.tag-cloud a {color:#6a6350;}
.postit-red p.tag-cloud a {color:#fff;}

.postit p.tag-cloud a:hover {text-decoration: underline;}


.postit ol {
	list-style: none;
	margin: -5px 0 0 0;
}

.postit ol li {
	margin: 0 0 2px 0;
	width: 100%;
}

.postit ol li label{
	color: #c3bab1;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
}

.postit ol li input {
	background: #ccc;
	border: 1px solid #ccc;
	color: #333;
	font-size: 11px;
	line-height: 15px;
	padding: 3px;
	width: 161px;
}

.postit ol li input.focus {
	background: #fff;
	border: 1px solid #bcbd5e;
}

.postit .btn-submit {
	float: right;
	margin: 10px 0 0 0;
	padding:0;
}


/* Navigation
----------------------------------------------------------- */

#nav {
	padding: 15px 0 0 0;
	margin: 0 0 0 -16px;
	list-style: none;
	width: 259px;
	font-size:11px;
}

#homecontent #nav {padding-top:99px;}

#nav li {
	float: left;
	margin: 0 0 3px 0;
	position: relative;
	z-index: 20;
	width: 100%;
}

#nav li span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 21;
}

#nav li a {border:none !important;font-weight:normal;}

#nav li a.main {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -12345px;
	z-index: 22;
}

#nav li.whyus span {background: url("../images/buttons/whyus.png") no-repeat;}
#nav li.whyus span, #nav li.whyus a.main {width:131px;height:43px;margin-left:7px;}

#nav li.wedo span {background: url("../images/buttons/wedo.png") no-repeat;}
#nav li.wedo span, #nav li.wedo a.main {width:131px;height:43px;margin-left:12px;}

#nav li.casestudies span {background: url("../images/buttons/casestudies.png") no-repeat;}
#nav li.casestudies span, #nav li.casestudies a.main {width:131px;height:43px;margin-left:10px;}

#nav li.contactus span {background: url("../images/buttons/contactus.png") no-repeat;}
#nav li.contactus span, #nav li.contactus a.main {width:131px;height:43px;margin-left:10px;}


/* sub nav */
#nav li ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 46px;
}

#nav li ul li {
	margin: 0;
	width: 100%;
}

#nav li ul li h4 {
	margin: 10px 0 10px 0;
}

/* sub sub nav */
#nav li ul li ul  {
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0 0 0 10px;	
}

#nav li ul li ul li {
	line-height: 12px;
	margin: 0 0 6px 0;	
	width: 100%;
}

#nav li ul li ul li a {
	background: url("../images/bg/nav_subitem.gif") no-repeat;
	color: #6a624f;
	display: block;	
	padding-left: 19px;
	width: 184px;
}

#nav li ul li.online ul li a:hover {color:#bdbe61;}
#nav li ul li.offline ul li a:hover {color:#eb6041;}


/* Footer Elements
----------------------------------------------------------- */

#footer p {
	margin: 10px 0;
}

#footer p, #footer p a {
	border:none !important;
	color: #999;
	font-weight:normal;
}

#logo_footer {
	z-index: 50;
	width: 100%;
	clear:both;
}

#logo_footer, #logo_footer a {
	background: url("../images/common/logo_ims_footer.gif") right top no-repeat;
	display: block;
	overflow: hidden;
	height: 59px;
}

#logo_footer a {
	border:none !important;
	float: right;
	text-align: left;
	text-indent: -12345px;
	width: 117px;
}


/* Header Elements
----------------------------------------------------------- */

#logo {
	margin: 0;
	position: absolute;
	top: 2px;
	left: 46px;
	z-index: 50;
}

#logo, #logo a {
	background: url("../images/common/logo_ims.gif") no-repeat;
	display: block;
	position: relative;
	width: 161px;
	height: 69px;
}

#logo a {
	border:none !important;
	overflow: hidden;
	text-indent: -12345px;
}


.btn-clientlogin {
	margin: 0;
	position: absolute;
	top: 253px;
	right: 8px;
}

.btn-home {
	left:20px;
	margin:0;
	position:absolute;
	top:315px;
	z-index:3;
}

.btn-blog {
	right:0px;
	margin:0;
	position:absolute;
	top:245px;
	z-index:3;
}

.btn-view-flash
{
	margin: 0;
	position: absolute;
	top: 0px;
	right: 0px;
}



/* Structure
----------------------------------------------------------- */


#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 886px;
	z-index: 10;
}

#header {
	/*background: url("../images/flash/flash-bg.jpg") no-repeat;*/
	position: relative;
	width: 885px;
	height: 340px;
	z-index: 4;
}

#main {
	background: url("../images/bg/page_top.gif") no-repeat;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	margin: -7px 0 0 0;	
	position: relative;
	z-index: 3;
	width: 100%;
}

#p-nav {
	float: left;
	position: relative;
	width: 259px;
}

#layout {
	float: right;
	width: 627px;
	overflow:hidden;
}

#layout.layout1 {
	padding: 60px 45px 20px 15px;
	width: 567px;
}

#footer {
	background: url("../images/bg/page_bottom.gif") no-repeat;
	font-size: 10px;
	line-height: 13px;
	margin: -429px 0 0 0;
	padding: 458px 0 0 0;	
	text-align: right;
	z-index: 2;
	width: 100%;
}

#bodycontent
{
	position:relative;
	z-index:6;
}

/* Checkbox
-----------------------------------------------------------*/

.checkBox label
{
	padding: 0 0 0 5px;	
}

.button {
	background:#C3BDB7 none repeat scroll 0 0;
	border:medium none;
	color:#4C4437;
	font-size:10px;
	font-weight:bold;
	height:20px;
	padding-left:8px;
	padding-right:8px;
	text-transform:lowercase;
}

/* Case Study page
-----------------------------------------------------------*/

.caseStudyImage 
{
	margin: 0 0 0 -10px;
}

#caseStudyLeft 
{
	float:left;
	width:50%;	
}

#caseStudyRight 
{
	float:right;
	width:50%;
}

#caseStudy label
{
	color:#000000;
}

#caseStudy p.seperator 
{
	background:transparent url(../images/bg/dots.gif)  repeat-x center bottom;
	display:block;	
	width:100%;	
}

#caseStudy p {margin:0 0 0 0;}

/* Home page
-----------------------------------------------------------*/

.home-testimonial
{
	background:url(../images/home-testimonial.gif) repeat-y;
	width:538px;
	margin:0 auto;
}

.home-testimonial .left
{
	float:left;
	width:269px;
}

.home-testimonial .right
{
	float:right;
	width:269px;
}

.home-testimonial ul
{
	width:250px;
	margin:0;
	padding:0;
	list-style-type:none;
}

.home-testimonial ul li
{
	margin:0;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #d6d6d6;
}

.home-testimonial ul li span {display:block; color:#8a8a8a; }
.home-testimonial ul li a {text-decoration:none;border:none;}

.home-testimonial ul li a.property
{
	display:block;
	font-size:13px;
}

.home-testimonial ul li a.stamford {background:url("../images/home-stamford-testimonial.gif") no-repeat;width:227px;height:223px;}
.home-testimonial ul li a.albury {background:url("../images/home-albury-testimonial.gif") no-repeat;width:229px;height:217px;}
.home-testimonial ul li a.coogee {background:url("../images/home-coogee-testimonial.gif") no-repeat;width:226px;height:156px;}
.home-testimonial ul li a.eighthotels {background:url("../images/home-eighthotels-testimonial.gif") no-repeat;width:227px;height:240px;}



.home-testimonial ul li a.red, .home-testimonial ul li a.red:hover { color:#ff2300; }
.home-testimonial ul li a.purple, .home-testimonial ul li a.purple:hover { color:#60142e; }
.home-testimonial ul li a.blue, .home-testimonial ul li a.blue:hover { color:#1557a7; }
.home-testimonial ul li a.black, .home-testimonial ul li a.black:hover { color:#000; }

/* We Do page
-----------------------------------------------------------*/
.drill-content
{
	padding-bottom:30px;
	background:url("../images/drill.gif") no-repeat 200px 53px;
}

/* Print page
-----------------------------------------------------------*/
.print-base
{
	background:url("../images/print-base-demo.gif") no-repeat top right;
	height:319px;
}

.print-bwt
{
	background:url("../images/print-bwt-demo.jpg") no-repeat top left;
	height:346px;
	text-align:right;
}

.print-stamford
{
	background:url("../images/print-stamford-demo.jpg") no-repeat top right;
	height:259px;
}

.print-stamford h3 {padding-top:53px;}

.print-demo
{
	position:relative;
	margin-bottom:22px;
}

.print-demo img.logo
{
	margin-bottom:25px;	
}

.print-demo h3
{
	font-size:15px;
	color:#000;
	margin-bottom:0;
}

.print-demo p 
{
	font-size:11px;
	color:#000;
}

.print-demo .contact-us
{
	position:absolute;
	bottom:0;
	left:0;
	border:none;
}

/* SEO page
-----------------------------------------------------------*/

.seo33percent
{
	background:url("../images/seo-33-percent.gif") no-repeat 65px -20px;
	height:35px;
	padding-top:32px;
}

h2.seoheader
{
	font: bold 18px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	margin-bottom:3px;
}
h2.seoheader span {color:#000;}

a.seo-enquiry-form
{
	margin-top:3px;
	margin-left:6px;
	display:block;
	border:none;
	background:url("../images/seo-enquiry-form.gif") no-repeat 0 1px;
	width:181px;
	height:52px;
}

a.seo-enquiry-form:hover {border:none;}

/* Website Design page
----------------------------------------------------------- */
#layout.websitedesign
{
	background:url("../images/tennis-ball-background.gif") no-repeat 450px 150px; 
}

/* enewsletter page
-----------------------------------------------------------*/
ul.newsletter-features
{
	list-style-type:square;
}

ul.newsletter-features li
{
	margin:0;
}

/* PMS Page
-----------------------------------------------------------*/

h2.pmsheader
{
	font-weight:bold;
	font-size:14px;
	margin-bottom:1px;
}

/* Contact Us Page
-----------------------------------------------------------*/

div.contact-us-section
{
	margin-bottom:20px;
	border-bottom:1px dotted #000;
}

div.contact-us-section h3
{
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
	color:#000;
}

div.contact-us-section p
{
	color:#58595b;
}

div.contact-us-section p strong
{
	color:#000;
}

/* Contact Us Page
-----------------------------------------------------------*/
#casestudies
{
	font-size:11px;
	color:#695e4a;
}

#casestudies ul {margin:0;padding:0;list-style-type:none;width:580px; height:900px; overflow:hidden;}
#casestudies a, #casestudies a:hover {border:none;}
#casestudies p {color:#695e4a; margin-bottom:16px;}

#casestudies ul li{width:580px; height:900px;}

#casestudies ul li .right {float:right; width: 214px; margin-bottom:40px; text-align:right; margin-right:10px; }
#casestudies ul li .right img.websitescreen 
{
	
}

#casestudies ul li p
{
	width:355px;
}

#casestudies ul li .right .casestudy-next
{
	text-align:right;
}

#casestudies ul li a.website
{
	text-decoration:none;
	color:#331d05;
	font-size:11px;
	display:block;
	margin-bottom:16px;
	font-weight:normal;
}

#casestudies ul li a.website:hover {text-decoration:underline;}

#casestudies ul li h3
{
	font: normal 17px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color:#000;
	margin-bottom:0;
}



#casestudies ul li ol
{
	margin:0 0 18px 18px;
}

#casestudies ul li ol li
{
	margin:0;
}





/* Hacks and Workarounds
----------------------------------------------------------- */

ul.contentlist {margin:0 0 25px 0; list-style-type:square;} 
ul.contentlist li {margin:0 0 0 15px; padding-left:15px;} 

/* Clearfix hack */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}