@charset "UTF-8";
body { background-color:#f4f4f4; font-family:Tahoma, Geneva, sans-serif; font-size:0.8em; color:#666; }

body, h1, h2, h3, h4, h5, h6, p, address, blockquote, input { margin: 0px; padding: 0px; font-weight:normal; }
a { font-size:1em; color:#09C; text-decoration:none; }
	a:link, .a:visited { text-decoration:none; }
	a:hover, a:active, a:focus { text-decoration:underline; }
	a.active { color:#666; }

input, textarea{ font-family:Tahoma, Geneva, sans-serif; color:#666; font-size:0.85em; resize: none; }

.wrapper { width: 960px; margin: 0px auto; color:#595959; line-height: 1.8em; }
.social-wrapper { /*width: 960px; margin: 0px auto; background-color:#9C3; height:0px;*/ }

.top-padding { height: 15px; background-color: #000; }

.social-wrapper .social { display: block; margin: 10px 0 0 -90px; position: fixed; width: 80px; }
	.social .social-top { background-image:url(../images/social-top.png); background-repeat:no-repeat; width: 80px; height:3px; }
	.social .social-slice { background-image:url(../images/social-slice.png); background-repeat:repeat-y; width: 80px; text-align:center; padding: 10px 0; text-align:center; }
	.social .social-line { background-image:url(../images/social-line.png); background-repeat:no-repeat; width: 801px; height: 1px;	}
	.social .social-bot { background-image:url(../images/social-bottom.png); background-repeat:no-repeat; width: 80px; height:2px; }

.heading { height: 110px; padding:10px 0 0 0; width:100%; }
.heading .logo { width:180px; height:100%; float:left; padding-right: 20px; }
.heading .nav { width: auto; height: 100%; float: left; margin: auto 0px; }
	.nav .top { height: 60%; float: left; line-height: 60px; padding: 0px 10px; }
	.nav .bot { height: 40%; float: right; padding: 0px 10px; }
	.nav .quote { float:left; clear:both; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size: 0.9em; text-align: left; width: 420px; }

.top #navbar { margin: 0; padding: 0; line-height: 1em; padding-top:20px; }
	#navbar li { list-style: none; float: left; }
	#navbar li a { display: block; padding: 4px; color:#09C; text-decoration: none; }
		#navbar li a.active { color:#666; }
	#navbar li ul { display: none; width: 8em; /* Width to help Opera out */ }
	#navbar li:hover ul { display: block; position: absolute; margin: 0; padding: 0; }
	#navbar li:hover li { float: none; }
	#navbar li:hover li a { background-color: #EEE; color:#09C; }
	#navbar li li a:hover { color:#666; }

.shadow { height: 25px; background-image:url(../images/shadow.jpg); background-repeat:no-repeat; width: 100%; clear:both; }
.shadow2 { height: 25px; background-image:url(../images/shadow2.jpg); background-repeat:no-repeat; width: 100%; clear:both; }

.social-text { float:left; clear:left; padding:20px 0 0 0; }
.social-google { float:left; clear:left;padding:10px 0; width:300px }
.social-fb { float:left; padding:10px 0; width:450px; }
	.social-fb .layout { background-color: #FFFFFF; border: 1px solid #DCDCDC; height:40px; padding:15px 0 0 10px; width:420px; }
.social-tw { float:left; padding:10px 0 0 0; width:165px; }
	.social-tw .layout { background-color: #FFFFFF; border: 1px solid #DCDCDC; height:40px; padding:15px 0 0 10px; }

.banner { padding-top:20px; width:930px; }

.title { /*height: 60px;*/ padding: 10px 0; width: 100%; }
	.title .logo { width: 10%; float:left; clear:left; }
	.title .name { width: 90%; float:left; padding-top:10px; }
	.title .name a:link,.title .name a:visited { text-decoration:underline; }
	.title .name a:hover, .title .name a:active, .title .name a:focus { text-decoration:none; }
		.name > span { font-size:1.8em; font-weight:bold; }

/* CONTENT will contain the main content of the webpage where each product detail - description - social - advertising */
.content { width: 100%; height: auto; clear:both; padding-top:10px; }

.content .index-column { width: 32%; float: left; height: auto; padding-bottom:10px; }
	.index-column .pad-right { padding: 10px 5px 0 0; }
	.index-column .pad-both { padding: 10px 5px 0 5px; }
	.index-column .pad-left{ padding: 10px 0 0 5px; clear:left; }
		.pad-left .info { width: 20%; float:left; clear:left; padding-bottom:10px; }
		.pad-left .entry { width: 80%; float:left; padding-bottom:10px; }
	.index-column h3 { padding:0; margin: 0; font-size: 1.2em; font-weight: bold; }
	.index-column h4 { padding:0; margin: 0; font-size: 1em; font-weight: bold; }
	.index-column .index-line { background-image:url(../images/index-line.jpg); background-repeat:no-repeat; width: 300px; height: 5px; margin:10px 0; }
	.index-column .index-line-2 { background-image:url(../images/index-line-2.jpg); background-repeat:no-repeat; width: 300px; height: 2px; margin:10px 0; }
	.index-column .one { float:left; width: 70px; padding: 0 5px 0 0; height: auto; }
	.index-column .one-cont { float:left; clear:left; width:70px; padding: 20px 5px 0 0; height: auto; }
	.index-column .two { width:230px; float:left; }
	.index-column .two-cont{ width:230px; float:left; padding: 20px 0 0 0; }

.content .left { width: 180px; height: auto; margin: 10px 20px 0 0; float:left; font-size:0.9em; }
	.left .left-top { background-image:url(../images/left-top.jpg); background-repeat:no-repeat; width: 181px; height:3px;}
	.left .slice { background-image:url(../images/left-slice.jpg); background-repeat:repeat-y; width: 120px; height:auto; padding:10px 50px 10px 10px; }
		.slice > h2 { font-size:1em; padding:0; margin:0; }
		.slice > div { width:160px; height:auto; overflow:hidden; }
	.left .line { background-image:url(../images/left-line.jpg); background-repeat:no-repeat; width: 181px; height: 1px; }
	.left .left-bot { background-image:url(../images/left-bottom.jpg); background-repeat:no-repeat; width: 181px; height:2px; }

.content .center { width: 410px; height: auto; padding-right: 20px; padding-bottom:10px; float:left; font-size:0.9em; }
	.center h2 { padding: 5px 0; font-size:1em; }
.content .center-full { width:630px; height:auto; padding-right:20px; padding-bottom: 10px; float:left; font-size:0.95em; }
	.center-full .center-box { margin-top:20px; }
.content .search-result { width: 800px; padding-bottom:10px; float:left; font-size:0.95em; }
.center h2, .center-full h2 { padding: 5px 0; font-size:1em; }

.center-box > .full-name { width: 315px; padding-top: 10px; padding-right: 5px; float:left; }
.center-box > .category { width: 145px; padding: 10px 5px 0 5px; float: left; text-align:center; }
.center-box > .rating { width: 150px; padding-top: 10px; padding-left: 5px; float: left; text-align:center; }

.content .right { /*width:280px*/; height:auto; float:left; }
	.right img { margin-bottom: 10px; }

.links { width: 100%; }
.links h2 { font-size:1em; }
.links .advert { height: auto; width: 100%; text-align: center; padding:20px 0; clear:left; }
.links .two ol li { height: 1.2em; width:33%; float:left; overflow:hidden; line-height:normal; }
.links_two { height: auto; width: 50%; float:left; }

.advert a:link,.advert a:visited { text-decoration:underline; padding: 20px; }
.advert a:hover, .advert a:active, .advert a:focus { text-decoration:none; }

.footer { width: 100%; height:44px; background-color:#CCC; clear:both; padding-top:10px; }
.footer a { color:#666; font-size:0.9em; }
.footer .container { width: 960px; margin: 0px auto; }
	.container .cont-left { width: 30%; /*470px;*/ float:left; text-align:center; line-height:24px; }
		.cont-left .left-nav { padding-right:10px; }
		.cont-left .copy { float: left; clear:left; }
	.container .cont-center { width: 30%; float:left; text-align:center; }
		.cont-center > .connect{ width: 50%; float: left; text-align:right; line-height:24px; }
		.cont-center > .soc-img { width:50%; float:left; text-align:center; }
	.container .cont-right { width: 33%; float:left; text-align:center; line-height:24px; }