/* Global Reset */
html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd, dt, dl, form, input, textarea, select, option, a, fieldset, legend, table, thead, tbody, th, tr, td, tfoot, address, q, blockquote { margin: 0; padding: 0; outline: none; border: 0; font-size: 100% }
img, a img, table, tr, th, td { border: 0 }
html, body { height: 100% }
body { font-size: 62.5% }
/* End Global Reset */

/* Site Structure */
body { text-align: center; background: #F5F5F5 url(http://www.hotelsfoundonline.co.uk/images/background.jpg) repeat-x }
#wrapper { position: relative; font: 1.2em/1.5 Arial,Verdana,sans-serif; text-align: left; width: 812px; margin: 0 auto }
#content { line-height: 1.8; margin-top: 64px }
#container, #aside { width: 724px; margin: 0 auto; padding-bottom: 22px }
#aside { padding-bottom: 0; margin: 0 auto 12px auto; clear: both }
/* End Site Structure */

/* Homepage Content */
div.box { width: 220px; height: 220px; float: left; display: inline; position: relative; background: url(http://www.hotelsfoundonline.co.uk/images/boxGradient.png) no-repeat; margin: 0 32px 22px 0 !important; line-height: 1.5; text-align: justify }
.box em, .guidesPage em { display: block; position: absolute; bottom: 30px; left: 26px; font-size: 120%; font-style: normal; font-weight: bold; color: #0084FF }
.box a { display: block; width: 85px; height: 73px; text-indent: -9999em; position: absolute; bottom: 6px; right: 6px; background: url(http://www.hotelsfoundonline.co.uk/images/website-design.png); border: none !important  }
div.right, div.p3 { margin-right: 0 !important }
.left a { background: url(http://www.hotelsfoundonline.co.uk/images/internet-marketing.png) no-repeat }
.right a { background: url(http://www.hotelsfoundonline.co.uk/images/seo-services.png) no-repeat }
.box h2, .box h3 { text-transform: capitalize; color: #000; margin-top: 20px; font-size: 17px; text-align: center; word-spacing: -2px; letter-spacing: 0 }
.box h2 span  { color: #0084FF; font-weight: bold }
.left h2 span, .left em { color: #4DBF33 } 
.right h2 span, .right em { color: #FE9500 }
.box h3 span { font-weight: bold }
.box p { margin: 0 20px }
.box:hover { cursor: pointer; background-position: -220px 0 !important }
/* End Homepage Content */

/* Header */
h1 { position: absolute; top: 0; left: -65px; width: 415px; height: 100px; background: url(http://www.hotelsfoundonline.co.uk/images/logo.jpg) no-repeat; text-indent: -9999em }
h1 a { display: block; height: 100px }
#header { margin-top: 10px; background: url(http://www.hotelsfoundonline.co.uk/images/blackboard.jpg) no-repeat top center; width: 806px; height: 226px; text-indent: -9999em }
#header a { display: block; height: 100%; background: url(http://www.hotelsfoundonline.co.uk/images/emailUs.png) bottom right no-repeat }
/* End Header */

/* Aside */
#portfolioSample { background: url(http://www.hotelsfoundonline.co.uk/images/portfolioSample.png) no-repeat; width: 475px; height: 176px; float: right; position: relative; display: inline; text-align: justify; overflow: hidden }
#portfolioSample:hover { background-position: -475px 0; cursor: pointer }
#portfolioSample h2 { color: #0084FF; margin: 8px 0 12px; font-size: 2em; line-height: 1 }
#portfolioSample h3 { color: #000; font-size: 1.3em; line-height: 1; font-weight: bold }
#portfolioSample h3 a { color: #000 }
#portfolioSample p { margin: 0 22px 1em 0; width: 255px; float: right; position: relative; display: inline }
#portfolioSample img { float: left; position: relative; display: inline; margin: 12px 12px 18px 32px; width: 150px; height: 150px  }
#testimonialSample { float: left; position: relative; display: inline; width: 230px; text-align: justify; margin-top: 6px }
#testimonialSample p { display: inline; font-size: 14px }
#testimonialSample em, .moreTestimonials { display: block; font-size: 110%; margin-top: 6px }
#testimonialSample em { color: #0084FF }
#testimonialSample .moreTestimonials { color: #0084FF; margin-top: 0.5em; font-size: 120% }
#testimonialSample:hover, #testimonialSample:hover a { cursor: pointer }
#testimonialSample:hover a, #testimonialSample a:hover { color: #FE9500 }
#testimonialSample a { color: #000; font-weight: bold }
.quoteClosed { position: relative; display: inline; margin: 6px 0 6px 6px; float: right }
/* End Aside */

/* Page & Post Styling */
div.page, .post { border: 1px #CCC solid; background: #FFF; position: relative }
.post { margin-bottom: 18px }
.entry-content { padding: 12px 12px 0 12px }
body.single .entry-content { font-size: 120% }
.box .entry-content { padding: 0 }
.post-thumb { border: 1px #A7A7A7 solid; float: left; position: relative; display: inline; margin: 0 12px 12px 0 }
.box .post-thumb { position: absolute; bottom: 0; right: 0; border: none }
h3.postTitle { font-size: 1.8em; color: #0084FF; margin: 0 0 4px; line-height: 1 }
.box h3.postTitle { font-size: 17px; margin: 20px 0 8px; color: #000 }
/* End Page & Post Styling */

/* Navigation */
#nav { list-style: none; text-align: center; padding-top: 22px; margin-left: 360px; height: 100px }
#nav li { display: inline; font-size: 15px; margin: 0 16px; line-height: 2em; text-transform: lowercase }
#nav li a { text-decoration: none; color: #FFF }
#nav li a:focus, #nav li a:hover { color: #FE9400 }
/* End Navigation */

/* Footer */
#footer { clear: both; background: url(http://www.hotelsfoundonline.co.uk/images/footer.jpg) repeat-x; margin-top: 22px }
#footer a { color: #0084FF }
#footer a:focus, #footer a:hover { color: #FE9400 }
.footerInner { width: 740px; margin: 0 auto; padding: 28px 0 0 0; font: 1.1em/1.8 Arial,Verdana,sans-serif; background: url(http://www.hotelsfoundonline.co.uk/images/footerInner.jpg) no-repeat 272px 28px }
#footerNav { text-align: left; float: left; position: relative; display: inline; width: 300px }
#footerNav ul { list-style: none }
#footerNav li { display: inline; font-size: 1.1em; margin: 0 14px }
#footerNav li.leftLink { margin-left: 0 }
#footerNav li a { text-decoration: none }
#footer h3 { font-size: 1.5em }
.vcard { float: left; position: relative; display: inline; width: 400px; text-align: left; margin-bottom: 18px }
.vcard p { margin: 0 0 0.3em }
p.copyright { clear: left; margin: 12px 0 0 0 }
/* End Footer */

/* General Typography */
h2, h3, h4, h5, h6 { margin: 0 0 0.2em; font-family: "Century Gothic",Arial,sans-serif; letter-spacing: -1px; word-spacing: 1px; font-weight: normal }
h2 { font-size: 1.6em }
h3 { font-size: 2.3em }
h4 { font-size: 2em }
.entry-title { font-size: 2.5em; color: #0084FF; margin: 16px 0 0 12px; line-height: 1 }
p, #content ul, #content ol, table { margin: 0 0 1em }
.entry-content ul, .entry-content ul { margin-left: 18px !important }
.page-title { background: url(http://www.hotelsfoundonline.co.uk/images/page-title.png) no-repeat; height: 32px; line-height: 32px; vertical-align: middle; margin: 0 0 12px 0; text-indent: 6px; font-size: 1.7em; letter-spacing: -1px; font-family: "Century Gothic",Arial,sans-serif }
.page-title a { color: #000 }
.page-title a:focus, .page-title a:hover { text-decoration: underline }
.important { font-size: 120% }
/* End General Typography */

/* Images */
.alignright, .alignleft { float: right; position: relative; display: inline; margin: 16px 0 16px 16px }
.alignleft { float: left; margin: 16px 16px 16px 0 }
img.alignright, img.alignleft, .alignright img, .alignleft img { border: 1px #666 solid }
.wp-caption-text { font-size: 90%; color: #333 }
/* End Images */

/* Link Behavior */
a { text-decoration: none }
.entry-content a { color: #5893FE; border-bottom: 1px #5893FE solid; font-weight: bold }
.entry-content a:focus, .entry-content a:hover { border-bottom: 1px #FE9400 solid; color: #FE9400 }
/* End Link Behavior */

/* Page Specific Styling */
body.home div.page { background: none; border: none }
body.home .entry-content { padding: 0 }
div.box { border: none }
.marketingGuides span { color: #4DBF33 }
/* End Page Specific Styling */

/* Tools */
.discreet, #logo, hr, .dsq-brlink, .comments-link span, .meta-sep, .guidesPage .more-link, body.home .entry-title { position: absolute; top: -9999em; left: -9999em }
.clear { clear: both !important }
div.clear { font-size: 1px; height: 1px; overflow: hidden }
.edit-link { display: none }
h1.smcf-title { position: static; left: 0; width: auto; height: auto; background: none; text-indent: 0 }
/* End Tools */
