/*
 * Stylesheet for MotelMate
 * Author: Stewart Knapman
 */

/* css reset
 ********************
 * A basic edit of Eric Meyer's reset and Thierry Koblentz's base.css
 */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,address,a,em,img,small,strong,pre,code,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
/*html{background:url(background-Grid2.png) center top;}*/ /* grid underlay */
body{font-size:62%; line-height:1.75em; text-align:center;}
ol,ul{list-style:none; margin:1em auto;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:'';content:none;}
table{border-collapse:separate;border-spacing:0;}
body,input,button,textarea,select{font-family:"Palatino Linotype", Freeserif, serif; /*letter-spacing:0.05em;*/}
legend{padding-bottom:0.5em;}
h1,h2,h3,h4,h5,h6{font-family:Georgia, "DejaVu Serif", serif; /*letter-spacing:0.1em;*/}
pre,code{font-family:"Courier New", Courier, monospace;}
blockquote,em,i{font-style: italic;}
th,strong,dt,b{font-weight:bold;}
img{vertical-align:bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} /* vertical alignment of checkboxes (a different value is served to IE 7) */
input[type="radio"] {vertical-align:text-bottom;}
input{_vertical-align:text-bottom;} /* vertical alignment of input fields for IE 6 */
button,input[type="submit"],input[type="reset"],input[type="button"],.inputButton{*overflow: visible; _width: 0;} /* this is to fix IE 6 and 7 which create extra right/left padding on buttons IMPORTANT: you need to apply the class "inputButton" to all input of type="button" */

div{margin-bottom:1em;}
#outterWrapper, #content, #footerWrapper, #footerContent{margin-bottom:0;}
#content, #footerContent{width:940px; margin:auto; text-align:left; /*border:blue solid 1px;*/} /* center 960 layout */
.print{display:none; visibility:hidden;}

/* sticky footer
 ********************
 * Sticky Footer Solution
 * by Steve Hatcher 
 * http://stever.ca
 * http://www.cssstickyfooter.com
 * #content padding must be same height as the footer
 * #footerWrapper margin-top negative value of footer height
 */
html, body, #outterWrapper{height:100%;}
body > #outterWrapper{height:auto; min-height:100%; /*border:red solid 1px;*/}
#content{padding-bottom:450px;}
#footerWrapper{position:relative; margin-top:-450px; height:450px; clear:both; /*border:green solid 1px;*/}

/* font styling
********************/
body{font-family:Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, "sans-serif";}
h1 {font-size:2.5em; padding:0.25em 0; font-weight:normal; font-family:Verdana, Geneva, Tahoma, "sans-serif";}
h2 {font-size:2.25em; padding:0.25em 0; font-weight:normal; font-family:Verdana, Geneva, Tahoma, "sans-serif";}
h3 {font-size:2em; margin:1em 0; font-weight:normal; font-family:Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, "sans-serif";}
h4 {font-size:1.75em; margin:1em 0; font-weight:normal; font-family:Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, "sans-serif";}
h5 {font-size:1.5em; margin:1em auto; font-weight:normal; font-family:Verdana, Geneva, Tahoma, "sans-serif";}
h6 {font-size:1em; font-weight:normal; font-family:Verdana, Geneva, Tahoma, "sans-serif";}
a:link {color:#009;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:focus {text-decoration:none;}
a:focus,:focus {outline:1px dotted #222;}
a:active {outline:none;}
p{font-size:1.25em; line-height:1.75em; margin-bottom:1em;}
blockquote p, ul li p{margin-bottom:0;}
dt{font-size:1.5em; margin:1em auto 0.25em; font-weight:normal; font-family:Verdana, Geneva, Tahoma, "sans-serif";}
dd a{font-size:1.25em; line-height:1.75em;}
small{font-size:0.75em;}
address{font-size:1.25em; line-height:1.75em; font-style:normal;}
legend{font-size:1.5em;}
label{font-size:1.25em;}
input, textarea, select{font-family:Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, "sans-serif";}


/* Main css content
********************/
body{background:url(_images/navBlue.png) repeat-x 0 0;}
#home, #motelmate, #trafficmate, #demo{background:#fff url(_images/background.png) repeat-x 0 0;}/**/
h1{display:inline-block;}
h1 a{width:140px; height:60px; background:url(_images/MMLogo_sml.png) no-repeat 0 0; text-indent:-9999em; margin:0.25em 0.5em 0.25em 0; display:inline-block;}
h2{display:inline-block; float:right; margin-top:2em; font-size:1.5em;}

#content li{margin:0.25em auto 0.75em 1.5em; list-style:disc;}
.leftCol{width:620px; float:left; margin:auto 20px 1em 0; overflow:visible; clear:both; /*border:green solid 1px;*/}
#subContent{width:300px; display:inline-block; float:right; overflow:visible; /*border:blue solid 1px;*/}

/* 4col layout */
#home #overviewContent{width:620px; float:left; overflow:visible; /*border:red solid 1px;*/}
#home #col4{width:300px; float:right; overflow:visible; /*border:blue solid 1px;*/}

#home #col4 .block{border:1px solid #eee; outline:none; padding:0; margin:1em 0 2em;  background:#fff;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3);}
#home #col4 .block .edge{display:block; color:#fff; text-decoration:none; border:1px solid rgba(0,0,0,.3); padding-left:10px; padding-right:10px; margin:0;  background:#10b010; /*10b010*/ /*3bbf3b*/ /*00AA00*/
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
	-moz-box-shadow:inset 0 0 40px #008900; -webkit-box-shadow:inset 0 0 40px #008900; box-shadow:inset 0 0 40px #008900;}
#home #col4 .block .edge h3{color:#fff; text-align:center; line-height:1.5em; margin:0.5em auto; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
#home #col4 .block .edge p{color:#000;}

#nav{margin:0 auto; text-align:center; display:inline-block; width:100%;}
#nav li{display:inline-block; margin:0;}
#nav li h3{font-size:1.75em; font-weight:normal; display:inline-block; margin:0; font-family:Verdana, Geneva, Tahoma, "sans-serif";}
#nav li h3 a{display:inline-block; margin:0 0.5em; padding:10px 1em 0; height:25px; text-decoration:none; color:#fff; text-shadow: 0 1px 1px #000;}
#nav li h3 a:hover{color:#0072ff;}
#nav li h3 .selected{color:#0072ff;}

#introContent{overflow:hidden; margin:1em 0 -1em; color:#fff; height:270px;}
#introContent h4{width:600px; letter-spacing:normal; font-size:2.75em; line-height:1.5em; margin-bottom:0.5em; text-shadow: 0 1px 1px #000;}
#introContent img{float:right; margin-top:1.5em;}

/* product overview */
#overviewContent .productDetailOverview ul li{margin:auto auto 1.5em 0; list-style:none;}
.productDetailOverview{width:193px; min-height:340px; float:left; margin:auto 20px 1em 0; overflow:visible; position:relative;}
.productDetailOverviewRight{margin-right:0;}
.productDetailOverview h4{margin-bottom:0.25em;}
.productDetailOverview h4 a{display:block; height:70px; padding-top:0.25em; padding-left:70px; line-height:1.25em; text-decoration:none; color:#000;}
.endLink{text-align:right; margin-bottom:0; position:absolute; right:0; bottom:1em;}
.productDetailOverview #bookings{background:url(_images/MM_Icons_Bookings_xsml.png) no-repeat 0 0;}
.productDetailOverview #finance{background:url(_images/MM_Icons_Finance_xsml.png) no-repeat 0 0;}
.productDetailOverview #database{background:url(_images/MM_Icons_DataBase_xsml.png) no-repeat 0 0;}
.productDetailOverview #reports{background:url(_images/MM_Icons_Reports_xsml.png) no-repeat 0 0;}
.productDetailOverview #trafficMate{background:url(_images/MM_Icons_Wireless_xsml.png) no-repeat 0 0;}
.productDetailOverview #support{background:url(_images/MM_Icons_Support_xsml.png) no-repeat 0 0;}

/* Origonal product overview 3col settings - Stewie
.productDetailOverview{width:300px; height:300px; float:left; margin:auto 20px 1em 0; overflow:visible; position:relative;}
.productDetailOverviewRight{margin-right:0;}
.productDetailOverview h4{margin-bottom:0.5em;}
.productDetailOverview h4 a{display:block; height:60px; padding:1.25em 0 0 5em; line-height:1.25em; text-decoration:none; color:#000;}
.endLink{text-align:right; margin-bottom:0; position:absolute; right:0; bottom:1em;}
.productDetailOverview #bookings{background:url(_images/MM_Icons_Bookings_sml.png) no-repeat -5px -2px;}
.productDetailOverview #finance{background:url(_images/MM_Icons_Finance_sml.png) no-repeat 0 -1px;}
.productDetailOverview #database{background:url(_images/MM_Icons_DataBase_sml.png) no-repeat 0 -2px;}
.productDetailOverview #reports{background:url(_images/MM_Icons_Reports_sml.png) no-repeat 0 -3px;}
.productDetailOverview #trafficMate{background:url(_images/MM_Icons_Wireless_sml.png) no-repeat 2px -3px;}
.productDetailOverview #support{background:url(_images/MM_Icons_Support_sml.png) no-repeat 0 -3px;}*/

hr{clear:both; margin:auto auto 1em; border:none; height:1px; background:#ddd;}
blockquote{margin-bottom:1em;}
.cite{text-align:right; color:#888;}
dl, .marginBottom{margin-bottom:2em;}
.floatImg{float:left; margin:0 1.5em 0.25em 0.25em;}

#callToAction{width:300px; display:inline-block; float:right; clear:both; overflow:visible; text-align:center; margin-top:-20.5em;}
#callToAction h4{margin:0;}
#callToAction h4 a{display:inline-block; width:340px; height:100px; margin-left:-10px; text-indent:-9999em;}
#mmLink a{background:url(_images/actionBlue.png) no-repeat 0 0;}
#tmLink a{background:url(_images/actionGreen.png) no-repeat 0 0;}
#mmDemo a{background:url(_images/actionBlueDemo.png) no-repeat 0 0;}
#tmDemo a{background:url(_images/actionGreenDemo.png) no-repeat 0 0;}

.imgRight, .imgLeft{overflow:auto; margin-top:1.5em;}
.imgRight .content{width:540px; float:left;}
.imgRight img{float:right;}
.imgLeft .content{width:540px; float:right;}
.imgLeft img{float:left;}

#testimonials{border:#ddd solid 1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:580px; padding:0 20px 0 20px;} /*border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;*/
#productSpecs{clear:both;}
#productSpecs #mac{width:300px; float:left; margin:auto 20px 1em 0; overflow:visible;}
#productSpecs #win{width:620px; float:left; margin:auto 0 1em 0; overflow:visible;}
#productSpecs #win div{width:300px; float:left; margin:auto 20px 1em 0; overflow:visible;}
#productSpecs #win div:last-child{margin-right:0px;}
#productSpecs h5{ margin-bottom:1.5em;}
#productSpecs h6{font-size:1.25em;}
#productSpecs ul{font-size:1.25em; margin-bottom:1.5em;}

#salesForm fieldset{border:#ddd solid 1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:580px; padding:0 20px 0 20px;} /*border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;*/
#salesForm legend{padding:0.5em 1em;}
#salesForm ol li{list-style:none; margin-left:0;}
#salesForm input, #salesForm textarea{font-size:1.5em; margin-bottom:1em; padding:0.25em 0.5em; border:#ccc solid 1px; background:#fbfbfb; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/
#salesForm #submitSales{font-size:1.25em; float:right; cursor:pointer; padding:0.5em 0.75em;}
#salesForm .req{color:#a00;}
#salesForm .error{color:#a00; margin-bottom:0.75em; font-size:1.5em;}
#salesForm .sent{color:#0a0; font-size:1.5em;}
#contact #contactSales{width:300px; float:left;}
#contact #contactSupport{width:300px; float:right;}

/* GDS page */
#gds .halfList{width:300px; float:left;}
#gds #callToAction{display:block; float:none; margin:0 auto;}
#gds .block{border:1px solid #eee; outline:none; padding:0; margin:1em 0 2em; background:#fff;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3);}
#gds .block .edge{display:block; color:#fff; text-decoration:none; border:1px solid rgba(0,0,0,.3); padding-left:10px; padding-right:10px; margin:0; height:50px; position:relative;
	background:#10b010; /*10b010*/ /*3bbf3b*/ /*00AA00*/
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
	-moz-box-shadow:inset 0 0 40px #008900; -webkit-box-shadow:inset 0 0 40px #008900; box-shadow:inset 0 0 40px #008900;}
#gds .block .edge h3{color:#fff; text-align:center; line-height:1.5em; margin:0.5em auto; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
/* triangle */
/*#gds .block .edge .point_fill{
	width:0;
	height:0;
	border-top:25px solid transparent;
	border-left:20px solid #0e9c0e;
	border-bottom:25px solid transparent;
	position:absolute;
	top:0;
	right:-19px;
}
#gds .block .edge .point_border{
	width:0;
	height:0;
	border-top:25px solid transparent;
	border-left:20px solid #008900;
	border-bottom:25px solid transparent;
	position:absolute;
	top:0;
	right:-21px;
}*/

#pricing table{width:100%; border-collapse:separate; border:1px solid #0a690a;
	background:#10b010;
	-moz-box-shadow:inset 0 0 40px #008900; -webkit-box-shadow:inset 0 0 40px #008900; box-shadow:inset 0 0 40px #008900;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#pricing table th{width:50%; text-align:center; padding:0.75em; color:#fff; font-size:1.5em; font-weight:normal; line-height:1.5em; margin:0.5em auto; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
#pricing table th:first-child{border-right:#0a690a solid 1px;}
#pricing table td{padding:1em; background:#befebe; background:rgba(255,255,255,0.9); border-right:#0a690a solid 1px; border-top:#0a690a solid 1px;}
#pricing table td:last-child{border-right:none;}
#pricing table h5{margin:0 0 0.25em;}
#pricing table h5 a{color:#000; text-decoration:none;}
#pricing table h5 a:hover{color:#009; text-decoration:underline;}
#pricing table span{display:block; font-size:1.5em; text-align:center;}

#footerWrapper{background:#303030 url(_images/footer.png) repeat-x 0 0;}
#footerContent{padding-top:4em; color:#fff;}

.footerContentBlock{width:220px; min-height:300px; float:left; margin:auto 20px 1em 0;}
.footerContentBlockLast{margin-right:0;}

#footerContent a{color:#fff;}
#footerContent a:visited{color:#aaa;}
.footerContentBlock h5{font-size:1.5em; margin-top:0; letter-spacing:0.03em; color:#0072ff; text-shadow: 0 1px 1px #000;}
#footerContent #enquiryForm ol, .footerContentBlock ul{margin-top:0;}
#footerContent #enquiryForm label, #footerContent #enquiryForm legend{color:#fff; font-size:1em;}
#footerContent #enquiryForm ol li{font-size:1.25em;}
#footerContent #enquiryForm input, #footerContent #enquiryForm textarea{margin-bottom:1em; padding:0.25em 0.5em; color:#f2f2f2; border:#222 solid 1px; background:#444; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/
#footerContent #enquiryForm textarea{width:200px;}
#footerContent #enquiryForm .error{color:#a00; margin-bottom:0;}
#footerContent #enquiryForm .sent{color:#0a0; margin-bottom:0;}
#footerContent #enquiryForm #submit{cursor:pointer; padding:0.5em 0.75em;}
#footerContent .address2{margin-top:2.55em;}

#footerContent .last_SM{width:45%; float:left; text-align:right;}
#footerContent .last_Ut{width:45%; float:right;}
#skagRose{text-align:center; margin:auto auto;}


/* clearfix
********************/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}