/** CSS RESET **/
body{
	padding: 0;
	margin: 0;
	font: 13px Arial, Helvetica, Garuda, sans-serif;
*font-size: small; *font: x-small;
}
h1, h2, h3, h4, h5, h6, ul, li, em, pre, code{
			padding: 0; margin: 0; line-height: 1em; font-size: 100%; font-weight: normal; font-style: normal;
			}
table{ font-size: inherit; font: 100%; }
ul{ list-style: none; }
img{ border: 0; }
p{ margin: 1em 0; }
input, textarea, select{ border: none; background: none; outline: none; }

/** ADDING THE NON WEBSAFE FONTS **/
@font-face {
    font-family: 'custom-font';
    src: url('http://10.150.35.18:6510/www.mbambabeachmalawi.com/fonts/jennasue-webfont.eot');
    src: url('../fonts/jennasue-webfontd41dd41dd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/jennasue-webfont.woff') format('woff'),
         url('../fonts/jennasue-webfont.ttf') format('truetype'),
         url('../fonts/jennasue-webfont.svg#JennaSueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** COVERIN' THE BASICS **/
body{ background:font-family: Arial, Helvetica,sans-serif;
	  margin: 0px;
	}

h1{ font-size: 38px; color: #383839; }
h2{ font-size: 34px; color: #383839; }
h3{ font-size: 30px; color: #383839; }
h4{ font-size: 26px; color: #383839; }
h5{ font-size: 22px; color: #383839; }
h6{ font-size: 20px; color: #383839; }

.custom-font{
	font-family: custom-font;
	color: #000000;
	font-size: 36px;
	font-weight: bolder;
}

p{ color: #4c4c4c; font-size: 12px; line-height: 18px; }

blockquote{ background: #e1ddd5; border: 1px solid #ada595; padding: 15px; color: #4c4c4c; font-size: 12px; font-style: italic; }

.highlight{ background: #f8f7f6; padding: 4px; }

a{ text-decoration: none; color: #383839; outline: none; }
a img{ border: none; }

img, input[type="text"], textarea, select{
	padding: 2px;
	border: 1px solid #c3bbab;
	background-color: #FFFFFF;
}
.life {
	margin-top: 10px;
}
.spacer{ clear:both; height: 0px; } 

/** WRAPPER **/
.wrapper{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

/** HEADER **/
.header{ margin-top: 20px; margin-bottom: 20px; }
.logo{ font-size: 43px; float: left; }
.logo a span{ font-size: 35px; }
.logo a img{ vertical-align: -20%; border: none; background: none; padding: 0px; }
.navigation{
	float: right;
	margin-top: 6px;
	font-family: Tahoma;
	font-weight: bolder;
}
.navigation ul li{
	float: left;
	border-right: 1px solid #949495;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.navigation ul li:hover{ background: #e4e2df; }
.navigation ul li a{ display: block; font-size: 20px; color: #383839; }
.navigation ul li span{ padding-top: 5px; display: block; }
.navigation ul .last{ border: none; }
.navigation ul .current{ background: #e4e2df; }

/** HOME TOP **/
.home-top-left{
	float: left;
	margin-right: 10px;
	width: 310px;
	padding-top: 5px;
}
.home-top-right{
	float: right;
	width: 620px;
	text-align: justify;
}

/** HOME BOTTOM **/
.home-bottom{
	margin-top: 20px;
}
.home-bottom-column{
	float: left;
	margin-left: 30px;
}
.home-bottom-column-2{
	float: right;
}
.home-bottom-column first{
	float: left;
}
.home-top-finish{
	float: left;
}
/** PORTFOLIO CSS **/
.portfolio-free-row{
	margin-top: 20px;
}
.portfolio-free-item{
	float: left;
	margin-left: 20px;
	width: 300px;
}
.portfolio-free-item-text{ margin-top: 10px; }
.portfolio-free-item-text h2{ margin: 0px; }
.portfolio-free-item-text p{
	margin-top: 0px;
	width: 300px;
	margin-left: 10px;
}
.portfolio-free-item first {
	width: 300px;
}
/** CONTACT  **/
.phone-numbers{
	height: 20px;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	border: 1px solid #666666;
}
.address{
	background-color: #CCCCCC;
	width: 100%;
	border: 1px solid #666666;
	margin-top: 10px;
	float: left;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.Email{
	background-color: #CCCCCC;
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #333333;
}
.googlemap{
	float: left;
	width: 400px;
	padding-top: 2px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	height: 300px;
}
/** FOOTER **/
.footer{
	width: 100%;
	height: 100px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.footer-left{
	float: left;
	margin-top: 30px;
}
.footer-logo{ font-size: 26px; display: block; margin-bottom: -10px; padding: 0px; }
.footer-link{ color: #383839; }
.footer-left font{ padding: 6px; }
.footer-right{
	float: right;
	margin-top: 30px;
	width: 400px;
}
.footer-right span{ display: block; color: #383839; text-align: right; }
.footer-right span a{ text-decoration: underline; }

.mileage{
	width: 400px;
	margin-top: 25px;
	float: left;
	margin-bottom: 20px;
}

/** AFTER CSS **/
.first{ margin-left: 0px; }
.size3{ width: 258px; }
.size5{ width: 555px; }
.height1{ height: 90px; }