/*   
Name: Caffe Moda
Description: Coffee Services 
Author URI: http://www.company.com.ph
Version: 1.0
Tags: Brewed Coffee, Coffe Maker Etc Etc
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Reset 
-------------------------------------------------------------- */

	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, sub, sup, tt, var,
	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-weight: inherit;
		font-style: inherit;
		font-size: 100%;
	}

	ul {list-style:none;}
	
/* Base
-------------------------------------------------------------- */

body {
	background: url(i/bodybg.jpg);
	margin: 0;
	text-align: center;
	width:100%; 
	min-width:900px;
	clear:both;
}

.wrapper {
		background:url(i/wrapperbg.jpg) top no-repeat;
		height: auto !important;
		text-align:center;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
.header {
		width: 954px;
		height:111px;
		margin: 0 auto;
		text-align:center;
	}

.logo{
	width:161px;
	height:102px;
	padding-top:9px;
	float:left;
}

.phnumber{
	font: bold 37px Tahoma, Geneva, sans-serif;
	color:#d4d4d4;
	margin-top:25px;
	padding-top:9px;
	float:right;
}

/* Content
-------------------------------------------------------------- */

.menu {
	height:25px;
	padding-top: 10px;
	padding-left:75px;
	background: #374064 url(i/menubg.png) top repeat-x;
	font: bold 13px Tahoma, Geneva, sans-serif;
	color:#cfd1da;
}

.menu ul {
	display: inline;
	list-style-type: none;
	text-decoration:none;
	}
	
.menu li{
	float:left;
	}

.menu ul a{
	color: #cfd1da;
	text-decoration:none;
	padding: 0 35px;
	display:block;
	}
	
.menu a:hover {
	color: #fff;
	text-decoration:none;
	}

.topcontentimg {
	background: url(i/topbg.png);
	height:20px;
}

.content {
		background: url(i/shadow.png) top;
		width: 1000px;
		margin: 0 auto ;
		text-align:center;
		overflow:auto
	}

.maincontent {
		font: 11px  Tahoma, Geneva, sans-serif;
		color: #101051;
		background: url(i/mainbg.jpg)repeat-y;
		width: 954px;
		margin: 0 auto ;
		text-align:center;
		overflow:auto;
		line-height:20px;
	}
	
.img1 {
	margin-top:10px;
	float:left;
	width:490px;
}
.img1 img {
	float:right;
}
	
.content1 {
	margin-top:10px;
	padding:0 30px 0 0;
	width:420px;
	float:right;
	text-align:left;
}
	
	
/* footer
-------------------------------------------------------------- */
.footerwrapper {
		background: #a2a2a2 url(i/footerbg.jpg)top repeat-x;
		height: auto !important;
		text-align:center;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

.footer {
	background:url(i/footercontent2.png) top center no-repeat;
		width: 1126px;
		height:640px;
		margin: 0 auto;
		text-align:center;
		position:relative;
	}

.footerclear {
	height:62px;
}

.footer_slider {
	width:894px;
	height:110px;
	margin:0 auto;
	border:1px #FFF solid;
	float:inherit;
}

.footeroverlay {
	z-index:60;
	position:absolute;
	top:46px;
	left:25px;
}

.webdesign {
	font: bold 12px Tahoma, Geneva, sans-serif;
	float:left;
	color:#FFF;
	margin:107px 0 0 65px;
}

.webdesign a {
	color:#FFF;
	text-decoration:none;
}

.webdesign a:hover {
	text-decoration:underline;
}

.copyright {
	font: bold 12px Tahoma, Geneva, sans-serif;
	color:#FFF;
	float:right;
	margin:107px 210px 0 0 ;
}