/* Key styles for: Home Stay*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 28 April 2009*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body{background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #13131;}
#featureImage{float: left; margin-top: -115px; margin-left: 0px; z-index: -1; }
.wrapper {margin-left: auto; margin-right: auto; width: 960px; overflow: hidden;}
#banner{background: #284e83; height: 150px;}
#logo{font-family: "Tw Cen MT"; font-size: 50px; color: #fff; padding-top: 30px; z-index: 2; padding-left: 130px;}
#navigation{ z-index: 2; padding-left: 123px;}

#content{padding: 20px; width: 800px; float: right;}
.col{position: relative; float: left; min-height: 200px;}
#right {width: 250px; }
#main {width: 500px; padding-right: 50px; }
#submenu{width: 250px;}
#full{width: 560px; padding: 0 80px;}

#footer{background: #284e83; clear: both; padding: 20px; overflow: hidden;}
#footerimage{float: right;}
#footerinfo{background: #77a702;}

/*Navigation Styles*/
#navigation ul{padding: 0px; padding-top: 5px;}
#navigation li{margin: 0; display: inline; list-style: none;}
#navigation li a{line-height: 1.2em; margin: 7px; text-decoration: none; color: #fff; font-size: 1.3em; border-bottom: none;}
#navigation li a:hover{color: #77a702; border-bottom: 2px dotted #fff; padding-bottom: 2px;}

#submenu a{color: #fff;}
#submenu a:link{color: #fff; text-decoration: none; border-bottom: none; font-size: 1.3em;}
#submenu a:visited {color: #fff; text-decoration: none; border-bottom: none;}
#submenu a:hover {color: #313131;}


/*Link Styles*/
a{color: #587b02;}
a:link{color: #587b02; text-decoration: none; border-bottom: 1px dotted #313131;}
a:visited {color: #587b02; text-decoration: none; border-bottom: 1px dotted #313131;}
a:hover {color: #313131;}

#footer a{color: #758b42; text-decoration: none;}
#footer a:link{color: #758b42; text-decoration: none;}
#footer a:visited{color: #758b42; text-decoration: none;}
#footer a:hover {color: #fff; border-bottom: 1px dotted #758b42;}

#footerinfo a{color: #313131; text-decoration: none; border-bottom: 1px dotted #fff;}
#footerinfo a:hover {color: #fff; border-bottom: 1px dotted #313131;}

/*Paragraph Styles*/
h1{font-size: 2.2em; color: #77a702; padding-bottom: 2px;}
h2{font-size: 1.6em; color: #284e83; padding-bottom: 2px;}
h3{font-size: 1.4em; color: #313131; padding-bottom: 2px;}
h4{font-size: 1.2em; color: #313131; padding-bottom: 2px;}
p{margin-bottom: 10px; line-height: 1.3em;}

#footer p{color: #fff; font-size: 13px;}
#right h2{background: #313131; width: 240px; padding: 5px; margin-bottom: 10px; color: #fff; font-size: 1.3em;}
#submenu h2{background: #313131; width: 240px; padding: 5px; color: #fff; font-size: 1.3em; margin-bottom: 2px;}
#right p{padding: 5px;}
#footerinfo p{color: #313131; font-size: 14px; padding: 10px 0 0 0; margin: 0;}
#webdeveloper p{font-size: 11px; padding-bottom: 10px;}


/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 25px; padding-bottom: 5px; color: #333333;}
#submenu ul{margin-left: 0; list-style: none; width: 210px; background: #758b42; padding: 10px 20px}
#submenu ul li{padding-bottom: 2px;}

/*Table Styles*/
table {background-color: #758b42; border: 1px solid #fff; margin-bottom: 10px; margin-top: 5px;}
table td{padding: 5px; background-color: #758b42; color: #fff; border: 1px solid #fff;}

/*Bolckquote Styles*/
blockquote { display: block;padding: 30px 60px;width: 500px;}
blockquote:before, blockquote:after {color: #ccc;display: block;font-size: 700%;width: 50px;}

blockquote:before {content: open-quote;height: 0;margin-left: -0.55em;margin-top: -20px; font-family: Georgia, "Times New Roman", Times, serif;}
blockquote p { margin-top: 20px; color: #666;}
blockquote:after {content: close-quote;height: 50px;margin-top: -50px;margin-left: 510px; font-family: Georgia, "Times New Roman", Times, serif;}

/*CSS Selectors*/
.left {float: left}
.right {float:right;}
.clear {clear: both;}
.testimonialby {font-size: 12px; padding: 0px; margin: 0px; text-align: right;}
.managecontainer {overflow: scroll; width: 250px;}

/*Image Styles*/
#content img{padding: 5px;}
#content img.right{padding: 5px 0 5px 15px;}
#content img.left{padding: 5px 15px 5px 0;}