/*
Authored by: Isle Interactive
Last Edited: 20/11/2009
Contact Ref: info@isleinteractive.co.uk

/* == Global Reset
****************************************************************************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}

/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */

body{color: #4F4E4E;text-align: center;background: #F9F7EE url(/_img/body-bg.gif) repeat-x top left;padding: 0; margin: 0;font-family: Arial, Helvetica, Sans-Serif;font-size: 75%;}
body#default{background-image: url(/_img/body-bg-home.gif);}

h1, h2, h3, h4, h5, h6{font-weight: bold;margin: 15px 0;}
h1{font-size: 170%;color: #1D1D1D;}
h2{font-size: 160%;color: #8C2111;margin-bottom: 0px;letter-spacing: -0.5px;}
h3{font-size: 140%;color: #343434;margin: 0 0 4px 0;letter-spacing: -0.5px;}
h4{font-size: 100%;color: #8C2111;}
h5{font-size: 100%;color: #8C2111;}
h6{font-size: 100%;color: #8C2111;}

p{margin: 15px 0;line-height: 1.5em;}

ul{margin: 15px 0 15px 20px; list-style-type: none; list-style-image: url(/_img/bullet.gif);}
ul li{margin: 8px 0;}
ol{margin: 15px 0 15px 30px; list-style-type: decimal;}
ol li{margin: 10px 0;}

hr{border: 0;border-top: solid 1px #EFEDE4; height: 1px; margin: 15px 0;}
div.hr{margin: 15px 0px; border-top: solid 1px #EFEDE4;height: 1px;}
div.hr hr{display:none;}

.templateHome .zoneTwo div.hr,
.templateOne .zoneTwo div.hr{border: 0; height: 3px; background: url(/_img/sidebar-hr.gif) no-repeat center top;}

a{color: #8C2111;text-decoration: none;}
a:hover{text-decoration: underline;}
h4 a{color: #343434;}

img{vertical-align: bottom;}

/* = Form Styles
------------------------------------------------------------------------------------------------------------------------ */
.templateOne .zoneTwo label{float: left;width: 95px;}
.templateOne .zoneTwo .input{width: 163px !important; width: 161px;border: solid 1px #A9BBBB; margin: 0 0 4px 0;}
.templateOne .zoneTwo textarea.input{width: 239px !important;height: 80px;background: url(/_img/textarea-bg.gif) no-repeat top left; overflow: auto;padding-left: 20px;}
.templateOne .zoneTwo .btn{margin-right: 2px !important; margin-right: 0;}

/* = Button Styles
------------------------------------------------------------------------------------------------------------------------ */
.btn{background: url(/_img/btn-bg.gif) no-repeat top left; display: inline-block; width: 107px; height: 27px; line-height: 27px; color: #fff; text-align: center;font-weight: bold;border: 0; letter-spacing: 0; font-family: Arial;cursor: pointer;}
.btn:hover{text-decoration: none; background-position: bottom left;}
.btnWide{width: 130px;background-image: url(/_img/btn-bg-wide.gif);}

.btnMore{background: url(/_img/btn-style-one.gif) top left no-repeat; color: #fff;display: inline-block;text-decoration: none; height: 22px; line-height: 22px; width: 63px;text-align: center;}
.btnMore:hover{background-position: bottom left;text-decoration: none;}

.btnView{background: url(/_img/btn-style-two.gif) top left no-repeat; color: #111;display: inline-block;text-decoration: none; height: 22px; line-height: 20px; width: 90px;text-align: center;}
.btnView:hover{background-position: bottom left;text-decoration: none;color: #fff;}

.btnLink{background: url(/_img/btn-style-three.gif) top left no-repeat; color: #fff;display: inline-block;text-decoration: none; height: 27px; line-height: 20px; width: 120px;text-align: center;}
.btnLink:hover, .btnLinkOn{background-position: bottom left;text-decoration: none;}

a.btnBlock{background: #E7E5DA; color: #52514E;display: inline-block;text-decoration: none; width: 100%;text-align: center;font-weight: bold; padding: 7px 0;}
a.btnBlock:hover{background: #8D2010;color: #fff;text-decoration: none;}
.templateOne .zoneOne a.btnBlock{width: 275px;}

/* = Heading Image Replacement
------------------------------------------------------------------------------------------------------------------------ */
.replaced{background-image: url(/_img/sprites/titles.gif); background-repeat: no-repeat; text-indent: -99999em;}
h1.titleIntro{height: 51px; width: 620px; background-position: 0 0;}
h1.titleServices{height: 17px; width: 190px; background-position: 0 -91px;}
h1.titleProjects{height: 21px; width: 308px; background-position: 0 -122px;}
h1.titleAbout{height: 21px; width: 592px; background-position: 0 -61px;}
h1.titleContact{height: 17px; width: 113px; background-position: 0 -152px;}
h2.titleProjSml{height: 19px; width: 75px;background-position: 0 -184px;}
h2.titleSerSml{height: 15px; width: 77px;background-position: 0 -215px;}
h2.titleKnow{height: 15px; width: 188px;background-position: 0 -245px;}
h2.titleTouch{height: 18px; width: 107px;background-image: url(/_img/sprites/titles-foot.gif); background-position: 0 0;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}
.clrWrap{zoom: 1;}
.clrWrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
/** presentation **/
.subLinks{text-align: right;}
.subLinks a{color: #111;font-weight: bold;}
.subLinks span{padding: 0 5px;}
.leadPara{margin-top: 0;}
.txtCen{text-align: center;}
.snug{margin-top: 0;}
.inlineImgLeft{float: left; margin: 0 15px 0 0;border: solid 3px #E7E5DA;}