/*
Template Design by TheWebhub.com
http://www.thewebhub.com
Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines
*/

/** Common Styles */

body {
	margin: 30px 0 20px 0!important;
	padding: 0!important;
	background: #000 url(images/bkgd.gif) repeat-x top!important;
	text-align: justify!important;
	line-height: 20px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 12px!important;
	color: #4C4C4C !important;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #000000;
}

strong {
	color: #000000;
}

p, ul, ol {
	margin-bottom: 1.5em;
}

ul {
	margin: 0px;
	padding: 0;
}

a {
	color: #333333; border:none;
	
}
img {border:none;}

a:hover {
	text-decoration: none;
	color: #990000;
}

/** Style for header starts here */

#header {
	width: 1000px;
	height: 98px;
	margin: 0px auto;
	background: #000000;
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
.logo {margin-top:20px;}

#header h1 {	float: left;	padding: 70px 10px 10px 20px;	font-size: 3em;}

#header h2 {	padding: 73px 10px 0px 0px;	font-size: 1.4em;}

/** Style for menu starts here */
#menu p {margin:6px 10px 2px 30px; padding:0; display:inline; width:300px; float:left;
		font-size:14px; font-style:italic;   color:#ffff00;  }

#menu {
	width: 1000px;
	height: 32px;
	margin: 0px auto;
	background: #000000 url('images/nav.gif'); 
}

#menu ul {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style: none;
	float:right;
	display:inline;
	text-align:left;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: right;
	border: none;
	background: url('images/nav-div.gif') no-repeat left ;
	padding: 6px 30px;
	text-decoration: none;
	color: #FFFFFF;
	font-size:14px;
}

#menu a:hover {
	color: #ffff00;;
}

/** Style for wrapper starts here */

#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding:  0;
	background: #FFFFFF url(images/bottom-white.gif) no-repeat bottom;
}

.images {display:block;line-height:0px; margin:0px; padding:0px;   }
/** Style for content starts here */

#content {
	display:block;
	width: 1000px;
	margin: 0px auto; 
	background: #FFF url('images/reflection.jpg') no-repeat top;
}

#right h2 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
}

#content p { font-size:12px;
}

#content a {
	text-decoration: none;
}

#right {
	float: right;
	width: 700px;
	padding: 20px 20px;
}

#right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#right li {
	
}

#right .post {margin:40px 20px 10px 20px;}
#right .post h1 {font-size:20px; margin: 0 0 20px 0; }

#right .post h1 strong {color:#990000; }

#right .post p {color:#000000 }

#right .post .home-lists {display:block; width:440px; padding-left:40px;}


#right .post ul.left {width:200px; float:left; margin:10px; list-style:none; color:#000000;   }

#right .post ul.right {width:200px; float:right; margin:10px; list-style:none; color:#000000  }

#right .post ul.left li, #right .post ul.right li { background: url('images/check.gif') no-repeat left; padding:5px 0 5px 30px;  }


#right TABLE.decor { border:0px; padding:5px; margin:10px auto; }

#right .banner { margin:40px 0 0 0px; display:block; clear:both; padding-top:10px; }


/*Left */

#left {
	float: left;
	width: 220px;
	margin-top:20px;
	padding: 20px 20px;
	background: url('images/vert-line.gif') no-repeat right 55px;
	
}


#left ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	font-size:14px; color:#000000; 
	
}

#left li {
	padding:5px 0px;
	
}

#left h2 {font: bold 24px 'Myriad Pro' Arial, sans-serif;color:#000000; text-align:center}
#left h2 .grey {color:#666666}

#left .black-box { 
	margin: 10px 0; padding-top:5px;
	background: url('images/black-box.gif') no-repeat; 
	width:212px; height: 150px; text-align:center; }

#left .black-box h3 {color:#FFFFFF; margin:5px;}
#left .black-box a { color:#FFFFFF; width:100px; text-align:center;}

#left .black-box .solid {background: url('images/solid-chip.gif') no-repeat left; padding:7px 5px 7px 30px; margin:5px auto; display:block }
#left .black-box .decor {background: url('images/decor-chip.gif') no-repeat left; padding:7px 5px 7px 30px; margin:5px auto; display:block}

#left .black-box .quartz {background: url('images/quartz-chip.gif') no-repeat left; padding:7px 5px 7px 30px; margin:5px auto; display:block}
	
	
#left .grey-box {margin: 10px 0; padding-top:10px;
		background: url('images/grey-box.gif') no-repeat;
		text-align:center; height:212px; }
#left .grey-box h3 {font-size:20px;}

#left .grey-box p {font-size:12px; color:#000000}
	
	
	
/** Style for footer starts here */

#footer {
	clear: both;
	width: 1000px;
	height: 50px;
	margin: 0px auto;
			text-align:right;
	font-size: 10px;
	
}

#footer p {	color:#990000; font-size:14px; margin:0 20px 5px 0 }
#footer p.serving { color:#333; font-style:italic; font-size:13px }


.clear {clear:both;}

#low-footer { width:1000px; margin:0px auto; height:30px; }
#low-footer p.left {float:left; color:#FFFFFF}

#low-footer p.left a  {padding-left:20px;}
#low-footer p.right {float:right;color:#FFFFFF }

#low-footer a {color:#CCCCCC;}