/* -------------------------------------------------------------- 
   SEXYSHEET
   * http://www.korg.com.ph
   Author:Romeo Lao To jr.
   Version:1.0  
-------------------------------------------------------------- */

/* =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, strong, 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%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	text-decoration:none;
}

:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong { font-weight:bold;}

/* =GLOBAL
-------------------------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */

.hidden {
	display:none;
	visibility:hidden;
	}
/* =TYPOGRAPHY
-------------------------------------------------------------- */

h1,h2,h3 { font-weight: normal; color:#030104; }

h1 { /*reserved for logo*/}
h2 { color:#fff; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 36px; margin:0; text-transform:uppercase;}
h3 { font-size:18px; font-weight:bold; margin:0 0 5px; text-transform:capitalize;}

/* =TEXT ELEMENTS
-------------------------------------------------------------- */

p, li       { color:#333; font-size:12px; line-height:18px;}
p 			{ clear:both; margin-bottom:20px}

a:focus, 
a:hover     { text-decoration:none;}
a           { color: #1278ba; text-decoration:underline; }

table {}
th, td { padding:5px;}
th { 
	background:#6F6D6D; 
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:10px 5px;
	text-align:center;
	}
td { font-size:12px}
tr.even td { background:#eae9e9;}
.table-id { width:10%; text-align:center;}
.table-name {width:15%;}
.table-desc { width:50%;}
.table-status { width:25%; text-align:center;}



/* =FORM ELEMENTS
-------------------------------------------------------------- */

/* =STYLE
-------------------------------------------------------------- */
.button {
	background:url(../images/sprites.png) -691px -274px no-repeat;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	height:15px;
	width:110px;
	}
.button:hover { background-position: -691px -315px;}
body {
		background:#f5f5f5 url(../images/bg.png) top left repeat-x;
	}
	.wrapper {
		margin:0 auto;
		width:960px;
		}
		.header {}
			.header h1 {
				float:left;
				height:53px;
				margin:15px 0 0;
				width:162px;
				}
			.header h1 a {
					background:url(../images/sprites.png) no-repeat top left;
					display:block;
					height:53px;
					width:162px;
					text-indent:-99999px;
				}
				#nav {
						float:right;
						margin:43px 0 0;
					}
					#nav li {
							float:left;
							margin:0 10px 0 0;
						}
					#nav a {
						color:#fff;
						display:block;
						font-size:18px;
						padding:9px 20px;
						text-decoration:none;
						text-transform:capitalize;
						text-shadow: 1px 1px 1px #000000;
						filter: dropshadow(color=#000000, offx=1, offy=1); 						
						}
						#nav a:hover { color:#949393;}
					#nav li ul {
						background:#4c4c4c;
						border:1px solid #000;
						border-top:none;
						padding:0 1px 1px;
						position:absolute;
						width:211px;
						left:-999em;
						}
						#nav li li {
							background:#1A1A1A;
							border-bottom:1px solid #282828;
							padding:3px;
							}
						#nav li ul a {
							background:#1a1a1a;
							display:block;
							font-size:12px;
							width:195px;
							padding:2px 5px;
						}
						.prod-nav a {
							background:url(../images/sprites_inner.png) -690px 0 no-repeat;
							}
						.prod-nav .nav02 a { background:none;}
						#nav li ul a:hover { background:#3a3a3a;}
					#nav li:hover ul {left: auto;}
					#nav li:hover ul, #nav li.sfhover ul {left: auto;}

		.content { padding:50px 0 0;}
			.slogan-content {}
				.featured {}
					.f-nav {
						background:url(../images/sprites.png) no-repeat -698px 0;
						float:left;
						height:267px;
						width:51px;
						}
						.f-nav li {}
						.f-nav a {
							background:url(../images/sprites.png) no-repeat -698px 0;
							display:block;
							height:54px;
							width:51px;
							text-indent:-9999px;
							}
							.f-nav a:hover, .f-nav .f-one .selected { background-position:-749px 0;}
							.f-nav .f-two a {background-position:-698px -54px;}
								.f-nav .f-two a:hover, .f-nav .f-two .selected {background-position:-749px -54px;}
							.f-nav .f-three a {background-position:-698px -108px;}
								.f-nav .f-three a:hover, .f-nav .f-three .selected {background-position:-749px -108px;}	
					.f-content {
						-webkit-border-top-right-radius: 3px;
						-moz-border-radius-topright: 3px;
						border-top-right-radius: 3px;						
						background:#619939 url(../images/f-content.png) -1px 0 no-repeat;
						float:left;
						height:267px;
						width:909px;
						}
						.f-content ul {}
						.f-content01 {}
							.f-content .button { float:right;}
							.f-content01 div { float:left; padding:10px 20px; width:309px;}
								.f-content h2 {
									border-bottom:1px solid #bad2a8;
									margin:0 0 10px;
									padding:0 0 7px;
									text-shadow: 1px 1px 1px #000000;
									filter: dropshadow(color=#000000, offx=1, offy=1); 
									}
							.f-content .f-img {
								width:550px; 
								padding:5px;
							}
				.latest-products {
						background:#1f1f1f;
						border:1px solid #4D7F2A;
						border-top:none;
						border-bottom:none;
						clear:both;
						color:#fff;
						height:150px;
						padding:10px 13px 0;
					}
					.latest-products-head { clear:both; padding:0 0 15px;}
						.latest-products-head h4 {
							font-size:14px;
							font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif; 
							float:left;
							text-transform: capitalize;
							}
						.slide-controls { float:right; margin:10px 0 0;}
							.slide-controls a {
								background:url(../images/sprites.png) -794px -355px no-repeat;
								display:block;
								float:left;
								height:7px;
								margin:0 3px 0 0;
								text-indent:-9999px;
								width:7px;
								}
								.slide-controls a.active { background-position:-783px -355px;}
						.prev, .next {
							background:url(../images/sprites.png) -98px -251px no-repeat;
							display:block;
							float:left;
							height:31px;
							margin:35px 0;
							text-indent:-99999px;
							width:31px;
							}
						.next { background-position: -131px -251px;}
						.carousel {
							float:left;
							height:100px;
							margin:0 10px 0 14px;
							overflow:hidden;
							width:844px;
							}
							.carousel ul { width:2607px;}
								.carousel li { float:left; padding:0 10px;}
									.carousel li img { border:5px solid #fff;}
						.featured-bottom {
							background: url(../images/bg-latest-products.png) bottom center no-repeat;
							display:block;
							height:64px;
							}
				.capsule {
						background:url(../images/sprites.png) -345px -410px no-repeat;
						float:left;
						height:160px;
						padding:20px;
						width:415px;
					}
					.capsule01 { margin:0 50px 0 0;}
					.capsule h3 {
						color:#991816;
						font-size:24px;
						}
					.capsule p { clear:none;}
						.capsule .img-store, .capsule .img-pic {
							background:url(../images/sprites.png) 0 -59px no-repeat;
							display:block;
							float:right;
							height:76px;
							margin:0 0 0 10px;
							width:89px;
							}
						.capsule .img-pic { background-position:-100px -59px; height:81px;}
				.box-container { clear:both;}
					.call, .videos, .connect {
						float:left;
						width:299px;
						}
					.videos { margin:0 31px;}
				.box-container h3 {
					background:url(../images/sprites.png) 0 -152px no-repeat;
					color:#991816;
					font-size:20px;
					height:25px;
					margin:0 0 15px 10px;
					padding:7px 0 0 40px;
					}
					.grey-box {
						background:url(../images/sprites.png) 0 -391px no-repeat;
						height:179px;
						padding:15px;
						width:271px;
						}
						.grey-box ul {}
					.call .grey-box em { 
						color:#009bff;
						display:block;
						font-size:13px;
						font-weight:bold; 
						padding:0 0 5px;
					}
						
					.call h3 {}
					.videos h3 {background-position:-36px -185px;}
					.connect .grey-box { 
						background-position:-389px -111px;
						height:209px;
						padding:15px 0 0;
						width:301px;
					}
					.connect h3 {background-position:-64px -214px;}
						.connect a { 
							background:url(../images/sprites.png) -239px 0 no-repeat;
							display:block;
							height:70px;
							margin:0 auto;
							text-indent:-99999px;
							width:161px;
							}
						a.fb-link { 
							background-position:-399px 0;
							height:111px;
							margin:12px 0 0;
							width:299px;
							}
		.footer { clear:both; padding:20px 0;}
		.footer ul { float: left;}
			.footer li, .copyright { 
				color:#8a8a8a;
				display:inline;
				font-size:11px;
				text-transform:capitalize;
				}
			.footer li a {color:#8a8a8a; text-decoration:none;}
			.copyright { clear:none; display:block; float:right; margin:0;}
/* =INNER CONTENT
-------------------------------------------------------------- */
.sidebar {
	float:left;
	margin:0 40px 0 0;
	width:237px;
	}
	.product-nav { margin:0 0 20px;}
		.product-nav h3 {
				background:url(../images/sprites_inner.png) 0 -53px no-repeat;
				height:50px;
				margin:0;
				text-indent:-9999px;
			}
		.product-nav ul {
				border:1px solid #d6d5d5;
				border-bottom:none;
				border-top:none;
				width:221px;			
			}
		.product-nav ul.menu {
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;	
				border-bottom:1px solid #d6d5d5;
				padding:0 0 20px;
			}
			.product-nav li {}
			.product-nav a {
					background:url(../images/sprites_inner.png) 0 -109px no-repeat;
					color:#474646;
					display:block;
					font-size:13px;
					height:25px;
					padding:5px 0 0 20px;
					text-decoration:none;
				}
				.product-nav a.selected { background:url(../images/sprites_inner.png) 0 -171px no-repeat; color:#fff;}
				.product-nav a.selected:hover { background:url(../images/sprites_inner.png) 0 -171px no-repeat; color:#fff;}
			.product-nav li a:hover { background-position:0 -141px;}
				.product-nav .product-nav02 {border:none;}
					.product-nav .product-nav02 li {}
						.product-nav .product-nav02 a {
								background:#e3e1e1 url(../images/ico_check.png) 20px 9px no-repeat;
								
								border-bottom:1px solid #fff;
								font-size:12px;
								padding:5px 0 0 40px;
							}
							.product-nav .product-nav02 a:hover { background:#fff url(../images/ico_check.png) 20px 9px no-repeat;}
				
.inner-content {
	float:left; 
	width:680px;
}
	.inner-content h2 { 
		color:#2b2a2a; 
		margin:0 0 15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:bold;
		margin:0 0 15px;
		text-transform:capitalize;
		}
	.inner-content em {}
	.inner-content p {}
	.product-img { margin:0 0 20px;}
		.curve-top, .curve-btm {
			background:url(../images/sprites_inner.png) 0 -18px no-repeat;
			clear:both;
			display:block;
			height:5px;
			}
			.product-img-conatainer {
				background:url(../images/side-gradient.png) repeat-y;
				border-top:none;
				border-bottom:none;
			}
		.curve-btm { background-position:0 -13px;}
                .product-img .curve-top { background-position: 0 0;}
                .product-img .curve-btm { background-position: 0 -4px;}
		.product-main-img {
			float:left;
			padding:30px 0;
			width:476px;
			text-align:center;
			}
			.product-main-img img {}
		.product-tnail-img {
			float:left;
			text-align:center;
			padding:15px;
			width:173px;
			}
			.product-tnail-img img {border:5px solid #eee; margin:0 0 15px;}
	.product-description { margin:0 0 20px;}
	.tab-container {
		}
		.tab-container .curve-top { background-position:0 -9px; margin:-1px 0 0;}
		.tab-content {
			background:#fff;
			border:1px solid #D6D5D5;
			border-bottom:none;
			border-top:none;
			padding:15px;
			}
		.tab-container .curve-btm { background-position:0 -13px;}
		.tab-nav {}
			.tab-nav li { display:inline;}
			.tab-nav li span { margin:0 0 -1px;}
			.tab-nav li span em {
				background:url(../images/sprites_inner.png) -245px -50px no-repeat;
				color:#000;
				cursor:pointer;
				display:block;
				height:25px;
				float:left;
				font-size:13px;
				font-weight:bold;
				margin:0 0 -1px;
				padding:8px 8px 0; 
				text-decoration:none;
				text-transform:capitalize;
				}
				.tab-nav li span.rnd-right {
					background:url(../images/sprites_inner.png) -484px -50px no-repeat;
					float:left;
					margin:0 2px 0 0;
					height:33px;
					width:5px;
					padding:0;
				}
				.tab-nav .active { border-bottom:1px solid #fff;}
				.tab-nav .active em { background-position: -245px -54px; height:29px; padding:5px 8px 0;}
				.tab-nav .active span.rnd-right { background-position: -484px -54px; height:34px; margin:0 2px -1px 0;}

		.tab-content {}
/* =CMS CONTENT
-------------------------------------------------------------- */
.cms-content, .mini-curve-box-content {
	background:#fff;
	border:1px solid #d6d5d5;
	border-bottom:none;
	border-top:none;
	float:left;
	padding:15px;
	width:648px;
}
.right-bar { float:right; margin:46px 0 0;}
	.right-bar h3 { margin:0 5px 5px;}
.btn-contact, .btn-vox, .btn-service, .btn-fb {
	background:url(../images/sprites_inner.png) 0 -217px no-repeat;
	cursor:pointer;
	display:block;
	height:75px;
	margin:0 0 15px;
	text-indent:-9999px;
	width:230px;
}
.mini-curve-box { margin:0 0 20px 3px;}
	.btn-contact:hover { background-position:-230px -217px;}
.btn-service { background-position:0 -298px;}
	.btn-service:hover {background-position:-230px -298px;}
.btn-vox { background-position:0 -379px; height:93px;}
	.btn-vox:hover { background-position:-230px -379px;}
.btn-fb { background-position:0 -508px;}
	.btn-fb:hover { background-position:-230px -508px;}
.mini-curve-box-content { float:none; width:201px;}
	.mini-curve-box .curve-top,
	.mini-curve-box .curve-btm {
		background-position:-3px -484px;
	}
	.mini-curve-box .curve-btm { background-position:-3px -498px;}
	
/* =CMS Content Area
-------------------------------------------------------------- */
.txtbox, .txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.tab-text {
	border-bottom:1px dashed #acacac;
	float:left;
	width:294px;
	}
	.tab-text02 { margin:0 0 0 60px;}
	.tab-text h6 { font-size:11px; font-weight:bold; margin:0 0 15px;}
		.tab-text-content { padding:0 0 15px;}
		.tab-text-content li, 
		.tab-text-content p,
		.tab-text-content a {
			color:#000;
			font-size:11px;
		}
.product-description ul {
	list-style-type:disc;
	margin:0 0 0 25px;
	}
.product-listings {}
	.product-listings li {
		padding:0 15px 30px 10px;
	}
	.product-listings li li { 
		float:none;
		list-style-type:disc;
		margin:0 0 0 20px;
		padding:0;
	}
.address-list { float:left; margin:0 48px 0 0; width:300px;}
	.address-list ul { margin:0 0 20px;}
	.address-list li {}
	.address-list em {
		color: #991816;
		font-size: 13px;
		font-weight: bold;		
	}
	.address-list strong { color:#000;}
.contact-form { float:left; width:310px;}
	.contact-form .txt, .contact-form .txtbox { 
		color:#999;
		border:none;
		background:none;
		width:300px;
	}
	.contact-form .txtbox { height:120px;}
	.contact-form li .button {
		background-position: -676px -364px;
		border: medium none;
		height: 32px;
		padding:0;
		width: 62px;
		}
	.contact-form li div {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
                border: 1px solid #ccc;
		background:#fff;
		margin: 0 0 10px;
		padding: 5px;		
	}