membuat css

css/960.css

+.container_12, .container_16 {
+	margin-left:auto;
+	margin-right:auto;
+	width:960px;
+}
+.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
+	display:inline;
+	float:left;
+	position:relative;
+	margin-left:10px;
+	margin-right:10px;
+}
+.container_12 .grid_3, .container_16 .grid_4 {
+	width:220px;
+}
+.container_12 .grid_6, .container_16 .grid_8 {
+	width:460px;
+}
+.container_12 .grid_9, .container_16 .grid_12 {
+	width:700px;
+}
+.container_12 .grid_12, .container_16 .grid_16 {
+	width:940px;
+}
+.alpha {
+	margin-left:0;
+}
+.omega {
+	margin-right:0;
+}
+.container_12 .grid_1 {
+	width:60px;
+}
+.container_12 .grid_2 {
+	width:140px;
+}
+.container_12 .grid_4 {
+	width:300px;
+}
+.container_12 .grid_5 {
+	width:380px;
+}
+.container_12 .grid_7 {
+	width:540px;
+}
+.container_12 .grid_8 {
+	width:620px;
+}
+.container_12 .grid_10 {
+	width:780px;
+}
+.container_12 .grid_11 {
+	width:860px;
+}
+.container_16 .grid_1 {
+	width:40px;
+}
+.container_16 .grid_2 {
+	width:100px;
+}
+.container_16 .grid_3 {
+	width:160px;
+}
+.container_16 .grid_5 {
+	width:280px;
+}
+.container_16 .grid_6 {
+	width:340px;
+}
+.container_16 .grid_7 {
+	width:400px;
+}
+.container_16 .grid_9 {
+	width:520px;
+}
+.container_16 .grid_10 {
+	width:580px;
+}
+.container_16 .grid_11 {
+	width:640px;
+}
+.container_16 .grid_13 {
+	width:760px;
+}
+.container_16 .grid_14 {
+	width:820px;
+}
+.container_16 .grid_15 {
+	width:880px;
+}
+.container_12 .prefix_3, .container_16 .prefix_4 {
+	padding-left:240px;
+}
+.container_12 .prefix_6, .container_16 .prefix_8 {
+	padding-left:480px;
+}
+.container_12 .prefix_9, .container_16 .prefix_12 {
+	padding-left:720px;
+}
+.container_12 .prefix_1 {
+	padding-left:80px;
+}
+.container_12 .prefix_2 {
+	padding-left:160px;
+}
+.container_12 .prefix_4 {
+	padding-left:320px;
+}
+.container_12 .prefix_5 {
+	padding-left:400px;
+}
+.container_12 .prefix_7 {
+	padding-left:560px;
+}
+.container_12 .prefix_8 {
+	padding-left:640px;
+}
+.container_12 .prefix_10 {
+	padding-left:800px;
+}
+.container_12 .prefix_11 {
+	padding-left:880px;
+}
+.container_16 .prefix_1 {
+	padding-left:60px;
+}
+.container_16 .prefix_2 {
+	padding-left:120px;
+}
+.container_16 .prefix_3 {
+	padding-left:180px;
+}
+.container_16 .prefix_5 {
+	padding-left:300px;
+}
+.container_16 .prefix_6 {
+	padding-left:360px;
+}
+.container_16 .prefix_7 {
+	padding-left:420px;
+}
+.container_16 .prefix_9 {
+	padding-left:540px;
+}
+.container_16 .prefix_10 {
+	padding-left:600px;
+}
+.container_16 .prefix_11 {
+	padding-left:660px;
+}
+.container_16 .prefix_13 {
+	padding-left:780px;
+}
+.container_16 .prefix_14 {
+	padding-left:840px;
+}
+.container_16 .prefix_15 {
+	padding-left:900px;
+}
+.container_12 .suffix_3, .container_16 .suffix_4 {
+	padding-right:240px;
+}
+.container_12 .suffix_6, .container_16 .suffix_8 {
+	padding-right:480px;
+}
+.container_12 .suffix_9, .container_16 .suffix_12 {
+	padding-right:720px;
+}
+.container_12 .suffix_1 {
+	padding-right:80px;
+}
+.container_12 .suffix_2 {
+	padding-right:160px;
+}
+.container_12 .suffix_4 {
+	padding-right:320px;
+}
+.container_12 .suffix_5 {
+	padding-right:400px;
+}
+.container_12 .suffix_7 {
+	padding-right:560px;
+}
+.container_12 .suffix_8 {
+	padding-right:640px;
+}
+.container_12 .suffix_10 {
+	padding-right:800px;
+}
+.container_12 .suffix_11 {
+	padding-right:880px;
+}
+.container_16 .suffix_1 {
+	padding-right:60px;
+}
+.container_16 .suffix_2 {
+	padding-right:120px;
+}
+.container_16 .suffix_3 {
+	padding-right:180px;
+}
+.container_16 .suffix_5 {
+	padding-right:300px;
+}
+.container_16 .suffix_6 {
+	padding-right:360px;
+}
+.container_16 .suffix_7 {
+	padding-right:420px;
+}
+.container_16 .suffix_9 {
+	padding-right:540px;
+}
+.container_16 .suffix_10 {
+	padding-right:600px;
+}
+.container_16 .suffix_11 {
+	padding-right:660px;
+}
+.container_16 .suffix_13 {
+	padding-right:780px;
+}
+.container_16 .suffix_14 {
+	padding-right:840px;
+}
+.container_16 .suffix_15 {
+	padding-right:900px;
+}
+.container_12 .push_3, .container_16 .push_4 {
+	left:240px;
+}
+.container_12 .push_6, .container_16 .push_8 {
+	left:480px;
+}
+.container_12 .push_9, .container_16 .push_12 {
+	left:720px;
+}
+.container_12 .push_1 {
+	left:80px;
+}
+.container_12 .push_2 {
+	left:160px;
+}
+.container_12 .push_4 {
+	left:320px;
+}
+.container_12 .push_5 {
+	left:400px;
+}
+.container_12 .push_7 {
+	left:560px;
+}
+.container_12 .push_8 {
+	left:640px;
+}
+.container_12 .push_10 {
+	left:800px;
+}
+.container_12 .push_11 {
+	left:880px;
+}
+.container_16 .push_1 {
+	left:60px;
+}
+.container_16 .push_2 {
+	left:120px;
+}
+.container_16 .push_3 {
+	left:180px;
+}
+.container_16 .push_5 {
+	left:300px;
+}
+.container_16 .push_6 {
+	left:360px;
+}
+.container_16 .push_7 {
+	left:420px;
+}
+.container_16 .push_9 {
+	left:540px;
+}
+.container_16 .push_10 {
+	left:600px;
+}
+.container_16 .push_11 {
+	left:660px;
+}
+.container_16 .push_13 {
+	left:780px;
+}
+.container_16 .push_14 {
+	left:840px;
+}
+.container_16 .push_15 {
+	left:900px;
+}
+.container_12 .pull_3, .container_16 .pull_4 {
+	left:-240px;
+}
+.container_12 .pull_6, .container_16 .pull_8 {
+	left:-480px;
+}
+.container_12 .pull_9, .container_16 .pull_12 {
+	left:-720px;
+}
+.container_12 .pull_1 {
+	left:-80px;
+}
+.container_12 .pull_2 {
+	left:-160px;
+}
+.container_12 .pull_4 {
+	left:-320px;
+}
+.container_12 .pull_5 {
+	left:-400px;
+}
+.container_12 .pull_7 {
+	left:-560px;
+}
+.container_12 .pull_8 {
+	left:-640px;
+}
+.container_12 .pull_10 {
+	left:-800px;
+}
+.container_12 .pull_11 {
+	left:-880px;
+}
+.container_16 .pull_1 {
+	left:-60px;
+}
+.container_16 .pull_2 {
+	left:-120px;
+}
+.container_16 .pull_3 {
+	left:-180px;
+}
+.container_16 .pull_5 {
+	left:-300px;
+}
+.container_16 .pull_6 {
+	left:-360px;
+}
+.container_16 .pull_7 {
+	left:-420px;
+}
+.container_16 .pull_9 {
+	left:-540px;
+}
+.container_16 .pull_10 {
+	left:-600px;
+}
+.container_16 .pull_11 {
+	left:-660px;
+}
+.container_16 .pull_13 {
+	left:-780px;
+}
+.container_16 .pull_14 {
+	left:-840px;
+}
+.container_16 .pull_15 {
+	left:-900px;
+}
+.clear {
+	clear:both;
+	display:block;
+	overflow:hidden;
+	visibility:hidden;
+	width:0;
+	height:0;
+}
+.clearfix:after {
+	clear:both;
+	content:' ';
+	display:block;
+	font-size:0;
+	line-height:0;
+	visibility:hidden;
+	width:0;
+	height:0;
+}
+* html .clearfix, *:first-child+html .clearfix {
+	zoom:1;
+}

css/layout.css

+.col1, .col2, .col3, .col4, .cols {
+	float:left
+}
+.col1 {
+	width:285px
+}
+.cols {
+	width:210px
+}
+.col2 {
+	width:440px
+}
+.col3 {
+	width:430px
+}
+.col4 {
+	width:195px
+}
+/* index.html */
+#page1 .body1 {
+	background: url(../images/bg_top.gif) top repeat-x #0e0b06
+}
+#page1 header {
+	height:614px
+}
+/* index-1.html */
+#page2 .dropcap1 {
+	font-size:39px;
+	line-height:1.2em
+}
+#page2 .dropcap1 span {
+	margin-top:3px
+}
+#page2 #content2 .cols {
+	width:200px
+}
+#page2 #content2 .pad_left1 {
+	padding-left:40px
+}
+#page2 #content2 {
+	padding-bottom:36px
+}
+/* index-2.html */
+#page3 .marg_right1 {
+	margin-right:30px
+}
+#page3 #content .dropcap1 {
+	font-size:39px;
+	line-height:1.2em
+}
+#page3 #content .dropcap1 span {
+	margin-top:3px
+}
+#page3 #content .pad_left1 {
+	padding-left:40px
+}
+#page3 #content2 {
+	padding-bottom:22px
+}
+/* index-3.html */
+#page4 header {
+	height:157px
+}
+#page4 #content2 {
+	padding-bottom:22px;
+	padding-top:12px
+}
+#page4 #content2 .cols {
+	width:280px
+}
+#page4 #content2 .pad_left1 {
+	padding-left:40px
+}
+#page4 #content2 {
+	padding-bottom:44px
+}
+/* index-4.html */
+#page5 header {
+	height:157px
+}
+#page5 #content2 {
+	padding-bottom:22px;
+	padding-top:12px
+}
+#page5 .cols {
+	width:600px
+}
+#page5 .marg_right1 {
+	margin-right:30px
+}

css/reset.css

+a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
+	background:transparent;
+	border:0 none;
+	font-size:100%;
+	margin:0;
+	padding:0;
+	border:0;
+	outline:0;
+	vertical-align:top
+}
+ol, ul {
+	list-style:none
+}
+blockquote, q {
+	quotes:none
+}
+table, table td {
+	padding:0;
+	border:none;
+	border-collapse:collapse
+}
+img {
+	vertical-align:top
+}
+embed {
+	vertical-align:top
+}
+* {
+	border:none
+}

css/style.css

+/* Getting the new tags to behave */
+article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
+	display:block
+}
+mark, rp, rt, ruby, summary, time {
+	display:inline
+}
+/* Left & Right alignment */
+.left {
+	float:left
+}
+.right {
+	float:right
+}
+.wrapper {
+	width:100%;
+	overflow:hidden
+}
+
+
+/* Global properties */
+body {
+	background:#000;
+	border:0;
+	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+	color:#a09d99;
+	line-height:22px
+}
+.ic, .ic a {
+	border:0;
+	float:right;
+	background:#fff;
+	color:#f00;
+	width:50%;
+	line-height:10px;
+	font-size:10px;
+	margin:-220% 0 0 0;
+	overflow:hidden;
+	padding:0
+}
+.css3 {
+	border-radius:8px;
+	-moz-border-radius:8px;
+	-webkit-border-radius:8px;
+	box-shadow:0 0 4px rgba(0, 0, 0, .4);
+	-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
+	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
+	position:relative
+}
+/* Global Structure */
+.main {
+	margin:0 auto;
+	width:966px
+}
+.body1 {
+	background:url(../images/bg_top2.gif) top repeat-x #0e0b06
+}
+.body2 {
+	background:#1c160d
+}
+/* main layout */
+a {
+	color:#fff;
+	text-decoration:underline;
+	outline:none
+}
+a:hover {
+	text-decoration:none
+}
+h1 {
+	float:left;
+	padding:33px 0 0 16px
+}
+h2 {
+	font-size:35px;
+	color:#fff;
+	line-height:1.2em;
+	padding:28px 0 16px 0;
+	font-weight:normal;
+	letter-spacing:-2px
+}
+h2 span {
+	display:block;
+	margin-top:-7px
+}
+h3 {
+	font-size:25px;
+	color:#fff;
+	font-weight:normal;
+	line-height:1.2em;
+	padding:34px 0 8px 0;
+	letter-spacing:-1px
+}
+p {
+	padding-bottom:22px
+}
+/* header */
+header {
+	height:169px
+}
+#logo {
+	display:block;
+	background:url(../images/logo.jpg) 0 0 no-repeat;
+	width:390px;
+	height:200px;
+	margin-top: -60px;
+	text-indent:-9999px
+}
+#menu {
+	float:right;
+	padding:71px 16px 0 0
+}
+#menu li {
+	float:left;
+	padding-left:1px
+}
+#menu li a {
+	display:block;
+	font-size:19px;
+	color:#130c04;
+	text-decoration:none;
+	line-height:42px;
+	height:43px;
+	padding:0 19px;
+	border-radius:8px;
+	-moz-border-radius:8px;
+	-webkit-border-radius:8px;
+	position:relative;
+	background:url(../images/spacer.gif) repeat
+}
+#menu li a:hover, #menu .active a {
+	background:url(../images/menu_bg.gif) bottom repeat-x #92d30f;
+	color:#fff
+}
+#menu li a:hover, #menu .active a {
+	background/*\**/:url(../images/menu_bg.gif) top repeat-x #337f05\9
+}
+.slider_bg {
+	width:100%;
+	height:483px;
+	background:url(../images/slider_bg.png) 0 0 no-repeat;
+	position:relative;
+	margin-top:17px
+}
+.slider {
+	top:8px;
+	left:8px;
+	position:absolute;
+	z-index:1
+}
+.slider .items {
+	display:none;
+}
+.slider .pagination {
+	position:absolute;
+	z-index:2;
+	bottom:23px;
+	left:430px
+}
+* + html .slider .pagination {
+	bottom:27px
+}
+.slider .pagination li {
+	float:left
+}
+.slider .pagination a {
+	display:block;
+	width:30px;
+	height:30px;
+	text-indent:-9999px;
+	background:url(../images/buttons.png) right 0 no-repeat
+}
+.slider .pagination a:hover, .slider .pagination .current a {
+	background-position:left
+}
+/*login*/
+.lg-container{
+	width:275px;
+	margin:100px auto;
+	padding:20px 40px;
+	border:1px solid #f4f4f4;
+	background:rgba(255,255,255,.5);
+	-webkit-border-radius:10px;
+	-moz-border-radius:10px;
+	border-radius:10px;
+	
+	-webkit-box-shadow: 0 0 2px #aaa;
+	-moz-box-shadow: 0 0 2px #aaa;
+	box-shadow: 0 0 2px #aaa;
+}
+.lg-container h1{
+	font-size:40px;
+	margin-left: 18px;
+	margin-bottom: 25px;
+	text-align:center;
+}
+.lg-container h2{
+	font-size:40px;
+	margin-left: 1px;
+	margin-bottom: -20px;
+	text-align:center;
+}
+#lg-form > div {
+	margin:10px 5px;
+	padding:5px 0;
+}
+#lg-form label{
+	display: none;
+	font-size: 20px;
+	line-height: 25px;
+}
+#lg-form input[type="text"],
+#lg-form input[type="password"]{
+	border:1px solid rgba(51,51,51,.5);
+	-webkit-border-radius:10px;
+	-moz-border-radius:10px;
+	border-radius:10px;
+	padding: 5px;
+	font-size: 16px;
+	line-height: 20px;
+	width: 100%;
+	font-family: 'Oleo Script', cursive;
+	text-align:center;
+}
+#lg-form div:nth-child(3) {
+	text-align:center;
+}
+#lg-form button{
+	font-family: 'Oleo Script', cursive;
+	font-size: 18px;
+	border:1px solid #000;
+	padding:5px 10px;
+	border:1px solid rgba(51,51,51,.5);
+	-webkit-border-radius:10px;
+	-moz-border-radius:10px;
+	border-radius:10px;
+	
+	-webkit-box-shadow: 2px 1px 1px #aaa;
+	-moz-box-shadow: 2px 1px 1px #aaa;
+	box-shadow: 2px 1px 1px #aaa;
+	cursor:pointer;
+}
+#lg-form button:active{
+	-webkit-box-shadow: 0px 0px 1px #aaa;
+	-moz-box-shadow: 0px 0px 1px #aaa;
+	box-shadow: 0px 0px 1px #aaa;
+}
+#lg-form button:hover{
+	background:#f4f4f4;
+}
+#message{width:100%;text-align:center}
+.success {
+	color: green;
+}
+.error {
+	color: red;
+}
+
+/* content */
+#content {
+	padding:0 0 34px 23px
+}
+#content2 {
+	padding:3px 0 15px 23px
+}
+.pad_left1 {
+	padding-left:35px
+}
+.pad_left2 {
+	padding-left:50px
+}
+.pad_bot1 {
+	padding-bottom:11px
+}
+.pad_bot2 {
+	padding-bottom:15px
+}
+.marg_right1 {
+	margin-right:20px
+}
+.pad_top1 {
+	padding-top:5px
+}
+.dropcap1 {
+	float:left;
+	background:url(../images/dropcap.png) 0 0 no-repeat;
+	width:50px;
+	height:54px;
+	margin-right:20px;
+	font-size:45px;
+	line-height:1.2em;
+	text-align:center;
+	color:#e11204;
+	margin-top:6px
+}
+.dropcap1 span {
+	display:block;
+	margin-top:-6px
+}
+.dropcap1 .color1 {
+	color:#f69e00
+}
+.dropcap1 .color2 {
+	color:#4f9608
+}
+.dropcap1 .color3 {
+	color:#089495
+}
+.color1 {
+	color:#fff
+}
+.color2 {
+	color:#62a80a
+}
+.font1 {
+	font-size:16px
+}
+.link1 {
+	display:inline-block;
+	font-style:italic;
+	padding-right:13px;
+	background:url(../images/marker_2.gif) right 8px no-repeat;
+	text-decoration:none
+}
+.link1:hover {
+	text-decoration:underline
+}
+.link2 {
+	color:#a09d99;
+	text-decoration:none
+}
+.link2:hover {
+	text-decoration:underline
+}
+.testimonials {
+	background:url(../images/testimonials_bg.gif) 0 4px no-repeat;
+	padding-left:50px
+}
+.quot {
+	background:url(../images/quot1.png) 0 0 no-repeat;
+	padding-left:20px;
+	font-style:italic
+}
+.quot img {
+	display:inline-block;
+	margin-top:1px;
+	padding-left:4px
+}
+
+.list1 {
+}
+.list1 li {
+	font-size:16px;
+	line-height:27px
+}
+.list1 a {
+	color:#62a80a;
+	padding-left:23px;
+	background:url(../images/marker_1.png) 0 4px no-repeat;
+	text-decoration:none
+}
+.list1 a:hover {
+	color:#fff
+}
+.quality {
+	width:100%;
+	overflow:hidden
+}
+.quality .cols {
+	width:290px
+}
+.quality .pad_left1 {
+	padding-left:30px
+}
+.quality .arrow {
+	background:url(../images/arrow.png) right 4px no-repeat
+}
+.quality .dropcap1 {
+	height:50px;
+	background:url(../images/dropcap2.png) 0 0 no-repeat;
+	margin-top:1px
+}
+.quality h3 {
+	padding:0 0 17px 0
+}
+.quality h3 span {
+	display:block;
+	margin-top:-6px
+}
+.price {
+}
+.price li {
+	width:100%;
+	overflow:hidden;
+	background:url(../images/bg_price.gif) 0 -5px repeat-x
+}
+.price span {
+	float:right;
+	background:#1c160d
+}
+.price a {
+	color:#a09d99;
+	text-decoration:none;
+	float:left;
+	background:#1c160d
+}
+.price a:hover {
+	color:#fff
+}
+.address {
+	margin-top:-3px;
+	padding-bottom:25px
+}
+.address li {
+	line-height:27px;
+	padding-left:23px;
+	background:url(../images/marker_1.png) 0 6px no-repeat;
+	overflow:hidden
+}
+.address a {
+	color:#62a80a;
+	text-decoration:none
+}
+.address a:hover {
+	text-decoration:underline
+}
+pre {
+	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+	color:#a09d99;
+	line-height:27px
+}
+/* footer */
+footer {
+	padding:0 0 40px 23px
+}
+footer a {
+}
+footer a:hover {
+}
+#icons li {
+	line-height:1.9em
+}
+#icons a {
+	color:#a09d99;
+	text-decoration:none
+}
+#icons a span {
+	display:inline-block;
+	vertical-align:top;
+	cursor:pointer
+}
+#icons a:hover {
+	color:#fff
+}
+#icons img {
+	margin:5px 10px 0 0
+}
+#why_us {
+}
+#why_us li {
+	line-height:27px
+}
+#why_us a {
+	color:#a09d99;
+	text-decoration:none;
+	padding-left:23px;
+	background:url(../images/marker_3.png) 0 2px no-repeat
+}
+#why_us a:hover {
+	color:#fff
+}
+#footer_link {
+	margin-top:17px;
+	border-top:1px solid #1a1a1a;
+	padding-top:19px
+}
+/* forms */
+#ContactForm {
+	padding-top:2px
+}
+#ContactForm span {
+	float:left;
+	width:111px;
+	line-height:24px
+}
+#ContactForm .bg {
+	border:1px solid #fff;
+	background:url(../images/bg_input.gif) top repeat-x #e7e7e7;
+	position:relative;
+	border-radius:4px;
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	float:left;
+	height:20px;
+	overflow:hidden
+}
+#ContactForm .bg2 {
+	border:1px solid #fff;
+	background:url(../images/bg_textarea.gif) top repeat-x #e7e7e7;
+	position:relative;
+	border-radius:4px;
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	float:left;
+	height:98px;
+	overflow:hidden
+}
+#ContactForm .wrapper {
+	min-height:27px
+}
+#ContactForm .textarea_box {
+	height:105px;
+	width:100%;
+	overflow:hidden
+}
+#ContactForm a {
+	float:right;
+	width:94px;
+	height:43px;
+	font-size:18px;
+	color:#fff;
+	text-decoration:none;
+	line-height:42px;
+	text-align:center;
+	background:url(../images/button_bg.gif) top repeat-x #327d05;
+	border-radius:8px;
+	-moz-border-radius:8px;
+	-webkit-border-radius:8px;
+	position:relative
+}
+#ContactForm a:hover {
+	background:#8dcf0f
+}
+#ContactForm .input {
+	width:307px;
+	height:18px;
+	background:none;
+	padding:0 5px;
+	color:#6b6051;
+	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+	margin:0
+}
+#ContactForm textarea {
+	overflow:auto;
+	width:307px;
+	height:98px;
+	background:none;
+	padding:0 5px;
+	color:#6b6051;
+	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+	margin:0
+}
+#formKomentar{
+    border: 2px solid #d1d1d1;
+    width:500px;
+    padding:10px;
+}
+input, textarea{
+     padding: 10px;
+     border:3px solid #e6e6e6;
+     border-radius: 5px;
+     margin-bottom: 15px; 
+}
+input:focus, textarea:focus{
+    border:3px solid #5E4F4F;
+}
+ 
+textarea{
+    width:430px;
+}
+input[type="submit"]{
+     cursor: pointer;
+     background: -webkit-linear-gradient(top, #efefef, #ddd);
+     background: -moz-linear-gradient(top, #efefef, #ddd);
+     background: -ms-linear-gradient(top, #efefef, #ddd);
+     background: -o-linear-gradient(top, #efefef, #ddd);
+     background: linear-gradient(top, #efefef, #ddd);
+     color: #333;
+     text-shadow: 0px 1px 1px rgba(255,255,255,1);
+     border: 1px solid #ccc;
+}
+ 
+input[type="submit"]:hover {
+     background: -webkit-linear-gradient(top, #eee, #ccc);
+     background: -moz-linear-gradient(top, #eee, #ccc);
+     background: -ms-linear-gradient(top, #eee, #ccc);
+     background: -o-linear-gradient(top, #eee, #ccc);
+     background: linear-gradient(top, #eee, #ccc);
+     border: 1px solid #bbb;
+}
+
+.Regisration {
+	width: 54%;
+	text-align:center;
+	margin: 0 auto;
+	background:#20252D;
+	border-radius:7px;
+	-webkit-border-radius:7px;
+	-moz-border-radius:7px;
+	-o-border-radius:7px;
+	padding-bottom: 3px;
+}
+.Regisration-head {
+	 border-top-left-radius:7px;
+	-webkit-border-top-left-radius:7px;
+	-moz-border-top-left-radius:7px;
+	-o-border-top-left-radius:7px;
+	border-top-right-radius:7px;
+	-webkit-border-top-right-radius:7px;
+	-moz-border-top-right-radius:7px;
+	-o-border-top-right-radius:7px;
+	text-align: center;
+	padding:1.6em 0;
+	border: 1px solid rgba(0, 0, 0, 0.37);
+	box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	-webkit-box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	-o-	box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	-moz-box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	position: relative;
+}
+
+.Regisration-head h2{
+	color: #0C0D10;
+	font-size: 33px;
+	font-weight: 700;
+	margin-left:20px;
+	font-family: 'Raleway', sans-serif;
+}
+.Regisration form {
+	text-align: center;
+	margin:5% 0%;
+	position:relative;
+		
+}
+.Regisration form input[type="text"],.Regisration form input[type="password"]{
+	font-size: 15px;
+	outline: none;
+	font-weight: 600;
+	color:#8D8E8F;
+	padding: 12px 12px;
+	width:76%;
+	border-top:1px solid #090B0D;
+	border-right:2px solid #424549;
+	border-bottom:2px solid #424549;
+	border-left:1px solid #090B0D;
+	margin: 10px 1em;
+	border-radius:7px;
+	-webkit-border-radius:7px;
+	-moz-border-radius:7px;
+	-o-border-radius:7px;
+	background: #13161B;
+	box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	-o-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	-moz-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	font-family: 'Raleway', sans-serif;
+
+}
+
+.Login form input[type="text"],.Login form input[type="password"]{
+	font-size: 15px;
+	outline: none;
+	font-weight: 600;
+	color:#7E7B7B;
+	padding: 11px 11px;
+	width: 55%;
+	border:1px solid #C2BFBF;
+	margin: 7px 1em;
+	border-radius: 7px;
+	-webkit-border-radius: 7px;
+	-moz-border-radius: 7px;
+	-o-border-radius: 7px;
+	background: #F0F0F0;
+	font-family: 'Raleway', sans-serif;
+	float: right;
+
+}
+.Regisration form input[type="text"]:hover,.Regisration form input[type="password"]:hover{
+	box-shadow: 0 0 1em #56AF00;
+	-webkit-box-shadow: 0 0 1em #56AF00;
+	-o-box-shadow: 0 0 1em #56AF00;
+	-moz-box-shadow: 0 0 1em #56AF00;
+}
+form span{
+	background: url(../images/tick.png) no-repeat -1px -2px;
+	position: absolute;
+	top: -4%;
+	right: -12%;
+	height: 50px;
+	width: 50px;
+}

css/style2.css

+html, body, #wrap {
+	height:100%;
+}
+body > #wrap {
+	height:auto;
+	min-height:100%;
+}
+a {
+	text-decoration:none;
+}
+a.bookMan {
+	font-family:"Bookman Old Style", Georgia;
+	font-weight:bold;
+	font-style:italic;
+}
+#logo h1 {
+	text-indent:-9999px;
+	background:transparent url(images/dapurkue.png) no-repeat;
+}
+#logo h1 a {
+	display:block;
+	height:105px;
+	width:220px;
+}
+#logo h2 {
+	display:none;
+}
+#headright {
+	text-align:right;
+}
+#headright h3.login {
+	font:bold 16px/120% "Bookman Old Style", Georgia;
+	text-transform:uppercase;
+	margin-top:15px;
+	margin-bottom:30px;
+}
+#headright .login span.hiUser, #headright .login span.myAccount {
+	font-size:12px;
+	text-transform:capitalize;
+	font:normal 12px Arial, Helvetica;
+	margin:0;
+}
+#headright .login span.myAccount a {
+	margin-right:15px;
+}
+#headright p {
+	margin:2px 0;
+}
+#headright span {
+	font-size:9px;
+	margin-left:10px;
+	text-transform:uppercase;
+}
+#mainMenu {
+	font:bold italic 16px/120% "Bookman Old Style", Georgia;
+}
+#mainMenu ul li {
+	list-style:none;
+	float:left;
+	margin:0 20px 0 0;
+}
+#stickySearch {
+	margin-top:22px;
+}
+.stickyNews p {
+	font-size:14px;
+	padding:8px 0 0 45px;
+}
+.search {
+	background:url(images/search.jpg) no-repeat;
+	margin-top:5px;
+	height:26px;
+}
+.search form input {
+	border:none;
+	padding:3px 5px;
+	margin-left:10px;
+	margin-top:3px;
+	width:130px;
+	height:16px;
+}
+.pageInfo {
+	border-bottom:1px solid #4F2600;
+}
+.dapurBlog h3 {
+	font:bold italic 32px "Bookman Old Style", Georgia;
+	margin-bottom:8px;
+}
+.feedTwit dl {
+	margin-bottom:8px;
+}
+dl.subscriber {
+	float:left;
+}
+dl.follower {
+	float:right;
+}
+dl.subscriber dt, dl.subscriber dd, dl.follower dt, dl.follower dd {
+	float:left;
+}
+dl.subscriber dd, dl.follower dd {
+	font-size:12px;
+	margin-left:10px;
+}
+dl.subscriber dd span, dl.follower dd span {
+	font-size:18px;
+}
+.bodyContent {
+	margin-top:20px;
+}
+.productsWarp {
+	position:relative;
+	overflow:hidden;
+	margin-bottom:10px;
+	padding-bottom:10px;
+	width:940px;
+	height:398px;
+}
+.productsWarp ul {
+	list-style:none;
+	margin:0;
+	width:20000em;
+	position:absolute;
+}
+.productsWarp ul li {
+	list-style:none;
+	float:left;
+	margin:0;
+}
+.headLine h3 {
+	text-align:center;
+	font:bold italic 32px/120% "Bookman Old Style", Georgia;
+}
+.youLike h3 {
+	text-align:center;
+	font:bold italic 32px/120% "Bookman Old Style", Georgia;
+	padding-top:30px;
+}
+#fresh {
+	padding-top:5px;
+	padding-bottom:10px;
+}
+.newCakes {
+	display:inline;
+	float:left;
+	position:relative;
+	width:960px;
+	margin-top:20px;
+	overflow:hidden;
+	height:120px;
+}
+.scroller {
+	width:20000em;
+	position:absolute;
+}
+.cake-row {
+	float:left;
+	width:960px;
+}
+.bodyContent .newCakes {
+	left:-10px;
+}
+.newCake {
+	margin:0;
+	float:left;
+	list-style:none;
+}
+.productThumb ul li a {
+	height:60px;
+	width:100px;
+	display:block;
+}
+a.prevButton {
+	display:block;
+	width:19px;
+	height:19px;
+	overflow:hidden;
+	text-indent:-999px;
+	margin-top:20px;
+	cursor:pointer;
+}
+a.nextButton {
+	display:block;
+	width:19px;
+	height:19px;
+	overflow:hidden;
+	text-indent:-999px;
+	margin-top:20px;
+	margin-left:21px;
+	cursor:pointer;
+}
+.postInfo h3 {
+	font-weight:normal;
+	font-size:22px;
+	margin-bottom:5px;
+	line-height:normal;
+}
+.postInfo p {
+	margin:0;
+}
+.datePost {
+	margin-right:10px;
+}
+.author, .categoryPost {
+	margin:0 10px;
+}
+.totalComment {
+	width:40px;
+	height:40px;
+	margin-top:5px;
+}
+.totalComment p {
+	font-weight:bold;
+	margin-top:11px;
+	text-align:center;
+}
+.post {
+	margin-top:10px;
+	margin-bottom:20px;
+	padding-bottom:30px;
+}
+.post p {
+	margin-top:10px;
+	margin-bottom:0;
+	font-size:13px;
+}
+.post p img {
+	float:left;
+	margin-top:0;
+	margin-right:20px;
+	margin-bottom:10px;
+}
+.post blockquote {
+	font:italic 14px/1.5 "Bookman Old Style", Georgia;
+	padding-left:50px;
+	margin-top:15px;
+	margin-bottom:15px;
+}
+.post h1 {
+	font-weight:normal;
+	font-size:24px;
+	margin-bottom:15px;
+}
+.post h2 {
+	font-weight:normal;
+	font-size:22px;
+	margin-bottom:15px;
+}
+.post h3 {
+	font-weight:normal;
+	font-size:18px;
+	margin-bottom:15px;
+}
+.post h4 {
+	font-weight:normal;
+	font-size:16px;
+	margin-bottom:15px;
+}
+.post h5 {
+	font-weight:normal;
+	font-size:14px;
+	margin-bottom:15px;
+}
+.post h6 {
+	font-weight:normal;
+	font-size:12px;
+	margin-bottom:15px;
+}
+.post ul li {
+	list-style:none;
+	padding-left:20px;
+	margin:0 0 0 20px;
+}
+.post p.readMore {
+	font:bold italic 14px/120% "Bookman Old Style", Georgia;
+	text-align:right;
+}
+.post .wp-caption {
+	font-style:italic;
+	text-align:center;
+}
+.post .alignleft {
+	float:left;
+	margin-right:20px;
+}
+.post .alignright {
+	float:right;
+	margin-left:20px;
+}
+.post .aligncenter {
+	display:block;
+	width:100%;
+}
+.shareThis {
+	clear:both;
+}
+.shareThis p span {
+	font:bold italic 16px/120% "Bookman Old Style", Georgia;
+	vertical-align:middle;
+	padding:5px 8px;
+}
+.shareThis p img {
+	vertical-align:middle;
+	padding:5px 3px;
+}
+.banner469 {
+	text-align:center;
+}
+.oldnewPage {
+	font-weight:bold;
+}
+.newPage {
+	text-align:right;
+}
+#comments {
+	padding-bottom:20px;
+}
+#comments h2 {
+	font:bold italic 24px/120% "Bookman Old Style", Georgia;
+}
+.comment-right {
+	height:100%;
+	display:block;
+}
+.comment-right cite {
+	position:relative;
+	left:20px;
+	top:-5px;
+	height:25px;
+	display:block;
+	font-style:normal;
+}
+.comment-right small a {
+	font-size:11px;
+}
+.commentText {
+	padding:10px 10px 0 10px;
+	margin-top:-7px;
+	margin-bottom:20px;
+}
+.commentText p {
+	padding-bottom:5px;
+	margin-bottom:5px;
+}
+.commentPages {
+	text-align:center;
+	margin-top:10px;
+	position:relative;
+}
+.commentPages ul {
+	list-style:none;
+	line-height:30px;
+	text-align:center;
+}
+.commentPages ul li {
+	margin:0 8px;
+	font-weight:bold;
+	list-style:none;
+	display:inline;
+}
+.commentPost h2 {
+	font:bold italic 24px/120% "Bookman Old Style", Georgia;
+}
+.commentPost fieldset {
+	padding:15px;
+}
+.commentPost label {
+	width:130px;
+	float:left;
+	font-weight:bold;
+	clear:left;
+	margin:8px 5px;
+}
+.commentPost input, .commentPost textarea {
+	float:left;
+	margin:5px;
+	padding:5px;
+	border:none;
+}
+.commentPost #submit {
+	display:block;
+	float:right;
+	width:112px;
+	height:39px;
+	text-indent:-999px;
+	cursor:pointer;
+}
+.commentPages a.commentPageActive {
+	color:#1E0D00;
+	padding:10px;
+}
+.banner250 img {
+	margin:15px;
+}
+.banner250, .categories, .freshOven, .fiveStar, .flickr {
+	margin-bottom:10px;
+}
+.categories h4, .freshOven h4, .flickr h4 {
+	margin:0;
+	padding:7px 8px;
+	font:bold italic 16px/120% "Bookman Old Style", Georgia;
+}
+.categories {
+	padding-bottom:15px;
+}
+.categories ul {
+	margin:10px 0 0 15px;
+}
+.categories ul li {
+	display:inline;
+	float:left;
+	width:120px;
+	margin:0;
+	list-style:none;
+}
+.freshOven {
+	padding-bottom:5px;
+}
+.freshOven ul li {
+	margin-top:10px;
+	list-style:none;
+}
+.freshOven ul li a {
+	display:block;
+	width:220px;
+	height:120px;
+}
+.fiveStar {
+	text-align:center;
+}
+.fiveStar h4 {
+	font:bold italic 20px "Bookman Old Style", Georgia;
+	padding-top:10px;
+	margin-bottom:10px;
+}
+.fiveStar p {
+	margin:0 10px;
+	padding-bottom:10px;
+}
+.flickr {
+	padding-bottom:20px;
+}
+.flickr ul li {
+	list-style:none;
+	margin:10px 0 0 15px;
+	float:left;
+}
+.flickr ul li a {
+	display:block;
+	width:50px;
+	height:50px;
+}
+.billInfo, .summary {
+	margin-top:20px;
+}
+.billInfo h4 {
+	font:bold italic 20px "Bookman Old Style", Georgia;
+	float:left;
+}
+.setmyAccount h4, .setBillInfo h4, .newAccount h4, .loginPage h4 {
+	font:bold italic 32px "Bookman Old Style", Georgia;
+}
+.summary h4 {
+	font:bold italic 20px "Bookman Old Style", Georgia;
+}
+a.sameInfo {
+	display:block;
+	float:right;
+	width:194px;
+	height:34px;
+	text-indent:-9999px;
+}
+.billInfo form, .setmyAccount form, .setBillInfo form, .newAccount form, .loginPage form {
+	clear:both;
+}
+.billInfo form fieldset, .setmyAccount form fieldset, .setBillInfo form fieldset, .newAccount form fieldset, .loginPage form fieldset {
+	padding:20px;
+}
+.billInfo form label, .setmyAccount form label, .setBillInfo form label, .newAccount form label, .loginPage form label {
+	clear:both;
+	float:left;
+	width:120px;
+	margin:5px 0;
+	padding:2px;
+	font-weight:bold;
+}
+.billInfo form label.delivery {
+	width:170px;
+	vertical-align:top;
+}
+.billInfo form input.text, .setmyAccount form input.text, .setBillInfo form input.text, .newAccount form input.text, .loginPage form input.text {
+	padding:4px 3px;
+	margin:5px 0;
+}
+.billInfo form select, .setmyAccount form select, .setBillInfo form select, .newAccount form select, .loginPage form select {
+	margin:5px 0;
+}
+#nextSubmit, .cancel, .update, .newAccountButton, .userLogin, #checkout {
+	display:block;
+	text-indent:-999px;
+	cursor:pointer;
+	float:right;
+	border:none;
+}
+#nextSubmit, .cancel, .update {
+	height:38px;
+}
+.newAccountButton, .userLogin {
+	height:39px;
+}
+#nextSubmit {
+	width:93px;
+}
+.cancel {
+	width:92px;
+}
+.update {
+	width:114px;
+}
+.newAccountButton {
+	width:254px;
+}
+.userLogin {
+	width:153px;
+}
+#checkout {
+	width:272px;
+	height:40px;
+}
+.billInfo form input, .setmyAccount form input, .setBillInfo form input {
+	vertical-align:middle;
+}
+.billInfo dl {
+	margin-bottom:30px;
+}
+.billInfo dl dt {
+	color:#FF9900;
+	font-weight:bold;
+}
+.billInfo dl dd {
+	margin-top:5px;
+	margin-left:15px;
+}
+.sumWarp ul {
+	list-style:none;
+	margin:0;
+}
+.sumWarp ul li {
+	margin:0 0 2px 0;
+	font-size:14px;
+}
+.sumWarp ul li a, .sumWarp ul li a.down {
+	display:block;
+	padding:5px 5px 5px 25px;
+}
+.sumWarp ul li ul {
+	margin:8px;
+}
+.sumWarp ul li ul li.info {
+	font-size:11px;
+	float:left;
+	width:195px;
+}
+.sumWarp ul li ul li.edit {
+	width:65px;
+	float:right;
+	font-size:9px;
+	text-align:right;
+}
+.sumWarp ul li ul li.total {
+	width:65px;
+	float:right;
+	font-size:11px;
+	text-align:right;
+}
+.sumWarp ul li ul li a {
+	background:none;
+	padding:0;
+	display:inline;
+}
+.sumWarp ul li ul li a:hover {
+	background:none;
+	color:#fff;
+}
+.sumWarp ul li span {
+	float:right;
+	margin-top:3px;
+	margin-right:5px;
+}
+.products {
+	border-bottom:1px solid #4F2600;
+	margin-bottom:20px;
+}
+.prodMenu {
+	clear:both;
+	margin-bottom:25%;
+}
+.prodMenu h4 {
+	font:bold italic 20px "Bookman Old Style", Georgia;
+}
+a.viewAll {
+	font:normal 12px Arial, Helvetica;
+}
+.menu p {
+	font-size:14px;
+}
+.prodNav {
+	padding-bottom:10px;
+	margin-top:15px;
+}
+.prodHeadline h3 {
+	font:bold italic 32px "Bookman Old Style", Georgia;
+	margin-bottom:0;
+	margin-top: 0;
+}
+.breadcrumb {
+	font-weight:bold;
+}
+.breadcrumb a {
+	font-weight:normal;
+}
+.browseCategory {
+	text-align:right;
+}
+.sideBarProd {
+	margin-top:8px;
+}
+.sideBarWarp {
+	margin-bottom:30px;
+	padding:20px;
+}
+.sideBarWarp h3 {
+	font:bold italic 23px/120% "Bookman Old Style", Georgia;
+}
+.sideBarWarp h4 {
+	font-size:14px;
+}
+.sideBarWarp form label {
+	font-weight:bold;
+}
+.addCart {
+	display:block;
+	width:134px;
+	height:34px;
+	text-indent:-999px;
+	cursor:pointer;
+	border:none;
+}
+.sideBarWarp ul li {
+	float:left;
+	margin:0 10px 0 0;
+	list-style:none;
+}
+a.viewOrder {
+	display:block;
+	width:282px;
+	height:39px;
+	text-indent:-999px;
+	cursor:pointer;
+	border:none;
+}
+.headCart {
+	background:#1E0D00;
+	padding:8px 0;
+	font:bold italic 14px "Bookman Old Style", Georgia;
+	color:#FF9900;
+	text-align:center;
+}
+.bodyCart {
+	text-align:center;
+	border:1px solid #5B2F0D;
+	background:#40210B;
+}
+.warpCart {
+	clear:both;
+	vertical-align:middle;
+	border-bottom:1px solid #5B2F0D;
+}
+.item, .price, .qty, .subtotal, .remove {
+	padding:15px 0 5px;
+}
+.item p {
+	text-align:left;
+	font-weight:bold;
+}
+.item p span {
+	font-weight:normal;
+}
+.item p img {
+	float:left;
+	margin:0 15px;
+	border:1px solid #fff;
+}
+.qty input {
+	font-weight:bold;
+	padding:3px;
+	text-align:center;
+}
+.subtotal p {
+	font-weight:bold;
+}
+.footCart {
+	margin-bottom:15px;
+	padding:10px 0;
+	background:#1E0D00;
+}
+.grandTotal {
+	font:bold italic 20px/120% "Bookman Old Style", Georgia;
+	color:#FF9900;
+}
+.totalPrice {
+	text-align:center;
+	font-weight:bold;
+	font-size:20px;
+}
+.buttonCart {
+	margin-bottom:40px;
+}
+.continueShop, .updateCart, .checkoutCart {
+	display:block;
+	height:38px;
+	text-indent:-999px;
+	cursor:pointer;
+	border:none;
+	float:left;
+}
+.continueShop {
+	width:174px;
+}
+.updateCart {
+	width:123px;
+}
+.checkoutCart {
+	width:153px;
+}
+.popularCakes h4, .recommended h4, .specialOffer h4 {
+	margin-top:30px;
+	margin-bottom:10px;
+	font:bold italic 20px/120% "Bookman Old Style", Georgia;
+}
+.popularCakes ul li, .recommended ul li, .specialOffer ul li, .fromBlog ul li, .corporateInfo ul li, .storeDelivery ul li {
+	list-style:none;
+	margin:0;
+}
+.socialNet ul li {
+	float:left;
+	margin:0 8px 0 0;
+	list-style:none;
+}
+.orderPhone h4 {
+	padding-top:70px;
+	font:bold 16px/120% "Bookman Old Style", Georgia;
+	text-indent:75px;
+}
+.orderPhone h4 span {
+	display:block;
+	font-family:Arial;
+	font-size:24px;
+}
+.fromBlog h4, .corporateInfo h4, .storeDelivery h4, .socialNet h4, .lastTweet h4 {
+	margin-top:20px;
+	margin-bottom:10px;
+	font-size:20px;
+}
+.fromBlog h5 {
+	margin-bottom:5px;
+	font-size:14px;
+}
+a.facebook, a.twitter, a.twitterSmall, a.feed, a.feedSmall {
+	display:block;
+	overflow:hidden;
+	text-indent:-999px;
+}
+a.facebook {
+	width:54px;
+	height:55px;
+}
+a.twitter {
+	width:56px;
+	height:56px;
+}
+a.twitterSmall {
+	width:39px;
+	height:38px;
+}
+a.feed {
+	width:55px;
+	height:61px;
+}
+a.feedSmall {
+	width:39px;
+	height:43px;
+}
+#footer .copyright, #footer .copyright a {
+	color:#FF9900;
+}
+#footer .copyright p {
+	margin:10px 0;
+}
+#footer .copyright p.left {
+	float:left;
+}
+#footer .copyright p.right {
+	float:right;
+}

css/style4.css

+/*---
+Author: W3layouts
+Author URL: http://w3layouts.com
+License: Creative Commons Attribution 3.0 Unported
+License URL: http://creativecommons.org/licenses/by/3.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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
+article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
+ol,ul{list-style:none;margin:0px;padding:0px;}
+blockquote,q{quotes:none;}
+blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
+table{border-collapse:collapse;border-spacing:0;}
+/* start editing from here */
+a{text-decoration:none;}
+.txt-rt{text-align:right;}/* text align right */
+.txt-lt{text-align:left;}/* text align left */
+.txt-center{text-align:center;}/* text align center */
+.float-rt{float:right;}/* float right */
+.float-lt{float:left;}/* float left */
+.clear{clear:both;}/* clear float */
+.pos-relative{position:relative;}/* Position Relative */
+.pos-absolute{position:absolute;}/* Position Absolute */  
+.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
+.vertical-top{	vertical-align:top;}/* vertical align top */
+nav.vertical ul li{	display:block;}/* vertical menu */
+nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
+img{max-width:100%;}
+/*end reset*/
+body{
+	background:url(../images/bg.jpg)  no-repeat center fixed;
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	-o-background-size: cover;
+ 	background-size: cover;
+	font-family: 'Raleway', sans-serif;
+}
+.main {
+	text-align: center;
+	margin-top:2% ;
+	margin-bottom:3%;
+}
+/*--start-wrap--*/
+.content {
+	width:80%;
+	margin:0 auto;
+}
+/*--strat-login-form--*/
+.Login {
+	background: #E2E2E2;
+	border: 1px solid #828282;
+	width: 43%;
+	margin: 8% auto 0%;
+	border-radius:7px;
+	-webkit-border-radius:7px;
+	-moz-border-radius:7px;
+	-o-border-radius:7px;
+	box-shadow: -1px 3px 19px 0px rgba(29, 27, 27, 0.61);
+	-webkit-box-shadow: -1px 3px 19px 0px rgba(29, 27, 27, 0.61);
+	-o-box-shadow: -1px 3px 19px 0px rgba(29, 27, 27, 0.61);
+	-moz-box-shadow: -1px 3px 19px 0px rgba(29, 27, 27, 0.61);
+	text-align: center;
+	
+}
+.Login form {
+	padding:3% 18%;
+}
+.Login-head {
+	padding: 1.5em 0em;
+	text-align: center; 
+}
+.login-head h1{
+	font-family: 'Pacifico', cursive;
+	color: #222;
+	font-size: 2.5em;
+	font-weight: 600;
+	margin-bottom:1em;
+	font-style: italic;
+	text-align: center;
+	letter-spacing: 2px;
+}
+.Login-head h3{
+	color: #498900;
+	font-size: 1.95em;
+	font-weight: 700;
+	font-family: 'Raleway', sans-serif;
+	border-bottom: 1.8px ridge #B8B8B9;
+	margin:0 3em;
+	padding-bottom:0.8em;
+	                             
+}
+ .Login h4 {
+	float: left;
+	font-size: 16px;
+	font-weight:600;
+	color: #7E7B7B;
+	margin: 20px 0px;
+	font-family: 'Raleway', sans-serif;
+}
+	
+.Regisration {
+	width: 34%;
+	text-align:center;
+	margin: 0 auto;
+	background:#20252D;
+	border-radius:7px;
+	-webkit-border-radius:7px;
+	-moz-border-radius:7px;
+	-o-border-radius:7px;
+	padding-bottom: 3px;
+}
+.Regisration-head {
+	 border-top-left-radius:7px;
+	-webkit-border-top-left-radius:7px;
+	-moz-border-top-left-radius:7px;
+	-o-border-top-left-radius:7px;
+	border-top-right-radius:7px;
+	-webkit-border-top-right-radius:7px;
+	-moz-border-top-right-radius:7px;
+	-o-border-top-right-radius:7px;
+	text-align: center;
+	padding:1.6em 0;
+	border: 1px solid rgba(0, 0, 0, 0.37);
+	box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	-webkit-box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	-o-	box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	-moz-box-shadow: 0px 4px 10px 0px rgba(1, 3, 12, 0.33);
+	position: relative;
+}
+.Regisration-head span{
+	background: url(../images/user-icon.png) no-repeat -5px -6px;
+	position: absolute;
+	top: 28%;
+	left: 25%;
+	height: 40px;
+	width: 40px;
+}
+.Regisration-head h2{
+	color: #0C0D10;
+	font-size: 33px;
+	font-weight: 700;
+	margin-left:20px;
+	font-family: 'Raleway', sans-serif;
+}
+.Regisration form {
+	text-align: center;
+	margin:5% 0%;
+	position:relative;
+		
+}
+.Regisration form input[type="text"],.Regisration form input[type="password"]{
+	font-size: 15px;
+	outline: none;
+	font-weight: 600;
+	color:#8D8E8F;
+	padding: 12px 12px;
+	width:76%;
+	border-top:1px solid #090B0D;
+	border-right:2px solid #424549;
+	border-bottom:2px solid #424549;
+	border-left:1px solid #090B0D;
+	margin: 10px 1em;
+	border-radius:7px;
+	-webkit-border-radius:7px;
+	-moz-border-radius:7px;
+	-o-border-radius:7px;
+	background: #13161B;
+	box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	-o-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	-moz-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
+	font-family: 'Raleway', sans-serif;
+
+}
+.ticker{
+	position:relative;
+}
+.Login form input[type="text"],.Login form input[type="password"]{
+	font-size: 15px;
+	outline: none;
+	font-weight: 600;
+	color:#7E7B7B;
+	padding: 11px 11px;
+	width: 55%;
+	border:1px solid #C2BFBF;
+	margin: 7px 1em;
+	border-radius: 7px;
+	-webkit-border-radius: 7px;
+	-moz-border-radius: 7px;
+	-o-border-radius: 7px;
+	background: #F0F0F0;
+	font-family: 'Raleway', sans-serif;
+	float: right;
+
+}
+.Regisration form input[type="text"]:hover,.Regisration form input[type="password"]:hover{
+	box-shadow: 0 0 1em #56AF00;
+	-webkit-box-shadow: 0 0 1em #56AF00;
+	-o-box-shadow: 0 0 1em #56AF00;
+	-moz-box-shadow: 0 0 1em #56AF00;
+}
+form span{
+	background: url(../images/tick.png) no-repeat -1px -2px;
+	position: absolute;
+	top: -4%;
+	right: -12%;
+	height: 50px;
+	width: 50px;
+}
+/*--start-check-box--*/
+.p-container {
+	padding: 10px 39px;
+}
+.p-container  .checkbox input {
+	position: absolute;
+	left: -9999px;
+}
+.p-container.checkbox i {
+	border-color: #fff;
+	transition: border-color 0.3s;
+	-o-transition: border-color 0.3s;
+	-ms-transition: border-color 0.3s;
+	-moz-transition: border-color 0.3s;
+	-webkit-transition: border-color 0.3s;
+	
+}
+.p-container.checkbox i:hover {
+	border-color:red;
+	
+}
+.p-container  i:before {
+	background-color: #2da5da;	
+}
+.p-container  .rating label {
+	color: #ccc;
+	transition: color 0.3s;
+	-o-transition: color 0.3s;
+	-ms-transition: color 0.3s;
+	-moz-transition: color 0.3s;
+	-webkit-transition: color 0.3s;
+}
+.p-container  .checkbox input + i:after {
+	position: absolute;
+	opacity: 0;
+	transition: opacity 0.1s;
+	-o-transition: opacity 0.1s;
+	-ms-transition: opacity 0.1s;
+	-moz-transition: opacity 0.1s;
+	-webkit-transition: opacity 0.1s;
+}
+.p-container .checkbox input + i:after {
+	content: url(../images/ch-tick.png) no-repeat 7px 1px;
+	top: -2px;
+	left: -2px;
+	width: 15px;
+	height: 15px;
+}
+.p-container  .checkbox {
+	float: left;
+	margin-right: 30px;
+}
+.p-container .checkbox {
+	margin-bottom: 4px;
+	padding-left: 52px;
+	font-size: 14px;
+	line-height: 5px;
+	color: #8D8E8F;
+	cursor: pointer;
+	font-family: 'Raleway', sans-serif;
+	font-weight: 600;
+}
+.p-container .checkbox:hover {
+	text-decoration: underline;
+}
+.p-container  .checkbox {
+	position: relative;
+	display: block;
+	float: left;
+}
+.p-container  .checkbox i {
+	position: absolute;
+	top: -6px;
+	left:22px;
+	display: block;
+	width: 16px;
+	height: 16px;
+	outline: none;
+	border: 1px solid #0A0B0D;
+	background:#13161B;
+	border-radius:3px;
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	-o-border-radius:3px;
+
+}
+.p-container  .checkbox input + i:after {
+	position: absolute;
+	opacity: 0;
+	transition: opacity 0.1s;
+	-o-transition: opacity 0.1s;
+	-ms-transition: opacity 0.1s;
+	-moz-transition: opacity 0.1s;
+	-webkit-transition: opacity 0.1s;
+}
+.p-container .checkbox input + i:after {
+	color: #2da5da;
+}
+.p-container .checkbox input:checked + i,
+.p-container . input:checked + i {
+	border-color: #2da5da;	
+}
+.p-container .rating input:checked ~ label {
+	color: #2da5da;	
+}
+
+.p-container .checkbox input:checked + i:after {
+	opacity: 1;
+}
+/*** radio buttons**/
+.checkbox-grid .radio{
+	position:relative;
+	display:block;
+}
+.checkbox-grid .radio{
+	margin: 18px 0;
+	padding-left:38%;
+	cursor: pointer;
+	font-size: 18px;
+	color: #686565;
+	font-weight:500;
+	font-family: 'Raleway', sans-serif;
+}
+.checkbox-grid .radio input {
+	position: absolute;
+	left: -9999px;
+}
+.checkbox-grid .radio i{
+	position: absolute;
+	top: -1px;
+	left: 117px;
+	display: block;
+	width:18px;
+	height:18px;
+	outline: none;
+	border-width: 2px;
+	border-style: solid;
+}
+.checkbox-grid .radio i {
+	border-radius: 1em;
+	-webkit-border-radius: 1em;
+	-moz-border-radius: 1em;
+	-o-border-radius: 1em;
+}
+.checkbox-grid .inline-group:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+.checkbox-grid .inline-group .radio,
+.checkbox-grid .inline-group .checkbox {
+	float:left;
+}
+/*** normal state ***/
+.checkbox-grid .radio i,
+.checkbox-grid .icon-append,
+.checkbox-grid .icon-prepend {
+	border-color: #040b1a;
+	transition: border-color 0.3s;
+	-o-transition: border-color 0.3s;
+	-ms-transition: border-color 0.3s;
+	-moz-transition: border-color 0.3s;
+	-webkit-transition: border-color 0.3s;
+}
+.checkbox-grid .radio .green i{
+	background:#040b1a;
+}
+.checkbox-grid .radio i, .checkbox-grid .icon-append, .checkbox-grid .icon-prepend {
+	border-color: #C4C4C4;
+	transition: border-color 0.3s;
+	-o-transition: border-color 0.3s;
+	-ms-transition: border-color 0.3s;
+	-moz-transition: border-color 0.3s;
+	-webkit-transition: border-color 0.3s;
+}
+
+/*** hover state ***/
+.checkbox-grid .orange .radio:hover i ,.checkbox-grid .radio .orange input:checked + i,.orange input:focus + i{
+	border-color:#C4C4C4;
+	background: #ff6633;
+	background: -moz-linear-gradient(left,  #ff6633 0%, #cc3300 0%, #ff6633 100%, #ff6633 100%, #cc4518 100%, #ff6633 100%);
+	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff6633), color-stop(0%,#cc3300), color-stop(100%,#ff6633), color-stop(100%,#ff6633), color-stop(100%,#cc4518), color-stop(100%,#ff6633));
+	background: -webkit-linear-gradient(left,  #ff6633 0%,#cc3300 0%,#ff6633 100%,#ff6633 100%,#cc4518 100%,#ff6633 100%);
+	background: -o-linear-gradient(left,  #ff6633 0%,#cc3300 0%,#ff6633 100%,#ff6633 100%,#cc4518 100%,#ff6633 100%);
+	background: -ms-linear-gradient(left,  #ff6633 0%,#cc3300 0%,#ff6633 100%,#ff6633 100%,#cc4518 100%,#ff6633 100%);
+	background: linear-gradient(to right,  #ff6633 0%,#cc3300 0%,#ff6633 100%,#ff6633 100%,#cc4518 100%,#ff6633 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#ff6633',GradientType=1 );
+}
+.checkbox-grid .green .radio:hover i,.checkbox-grid .radio .green input:checked + i, .green input:focus + i {
+	content: url(../images/dot.png) no-repeat 7px 1px;
+	height:18px;
+	width:18px;
+}
+/*************************/
+.submit {
+	text-align: center;
+	margin: 2px 0;
+}
+.submit input[type="submit"]{
+	color: #203500;
+	cursor: pointer;
+	border: none;
+	font-weight: 900;
+	outline: none;
+	font-family: 'Raleway', sans-serif;
+	padding: 14px 0px;
+	width: 35%;
+	font-size: 18px;
+	transition: border-color 0.3s;
+	-o-transition: border-color 0.3s;
+	-ms-transition: border-color 0.3s;
+	-moz-transition: border-color 0.3s;
+	-webkit-transition: border-color 0.3s;
+	border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -o-border-radius: 4px;
+    -moz-border-radius: 4px;
+	background: rgb(113,209,26); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgba(113,209,26,1) 0%, rgba(96,193,8,1) 3%, rgba(101,199,7,1) 8%, rgba(87,177,0,1) 62%, rgba(75,136,0,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,209,26,1)), color-stop(3%,rgba(96,193,8,1)), color-stop(8%,rgba(101,199,7,1)), color-stop(62%,rgba(87,177,0,1)), color-stop(100%,rgba(75,136,0,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71d11a', endColorstr='#4b8800',GradientType=0 ); /* IE6-9 */
+}
+.submit-button input[type="submit"]{
+	color: #203500;
+	cursor: pointer;
+	border: none;
+	font-weight: 900;
+	outline: none;
+	font-family: 'Raleway', sans-serif;
+	padding: 14px 0px;
+	width: 35%;
+	font-size: 18px;
+	border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -o-border-radius: 4px;
+    -moz-border-radius: 4px;
+    transition: border-color 0.3s;
+	-o-transition: border-color 0.3s;
+	-ms-transition: border-color 0.3s;
+	-moz-transition: border-color 0.3s;
+	-webkit-transition: border-color 0.3s;
+	background: rgb(113,209,26); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgba(113,209,26,1) 0%, rgba(96,193,8,1) 3%, rgba(101,199,7,1) 8%, rgba(87,177,0,1) 62%, rgba(75,136,0,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,209,26,1)), color-stop(3%,rgba(96,193,8,1)), color-stop(8%,rgba(101,199,7,1)), color-stop(62%,rgba(87,177,0,1)), color-stop(100%,rgba(75,136,0,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(113,209,26,1) 0%,rgba(96,193,8,1) 3%,rgba(101,199,7,1) 8%,rgba(87,177,0,1) 62%,rgba(75,136,0,1) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71d11a', endColorstr='#4b8800',GradientType=0 ); /* IE6-9 */
+}
+.submit input[type="submit"]:hover,.submit-button input[type="submit"]:hover{
+	background: rgb(75,136,0); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgba(75,136,0,1) 0%, rgba(87,177,0,1) 38%, rgba(101,199,7,1) 92%, rgba(96,193,8,1) 97%, rgba(113,209,26,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,136,0,1)), color-stop(38%,rgba(87,177,0,1)), color-stop(92%,rgba(101,199,7,1)), color-stop(97%,rgba(96,193,8,1)), color-stop(100%,rgba(113,209,26,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(75,136,0,1) 0%,rgba(87,177,0,1) 38%,rgba(101,199,7,1) 92%,rgba(96,193,8,1) 97%,rgba(113,209,26,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(75,136,0,1) 0%,rgba(87,177,0,1) 38%,rgba(101,199,7,1) 92%,rgba(96,193,8,1) 97%,rgba(113,209,26,1) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(75,136,0,1) 0%,rgba(87,177,0,1) 38%,rgba(101,199,7,1) 92%,rgba(96,193,8,1) 97%,rgba(113,209,26,1) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(75,136,0,1) 0%,rgba(87,177,0,1) 38%,rgba(101,199,7,1) 92%,rgba(96,193,8,1) 97%,rgba(113,209,26,1) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b8800', endColorstr='#71d11a',GradientType=0 ); /* IE6-9 */
+
+}
+.copy-right {
+	text-align:center;
+	padding:1em 0em 2em 0em;
+}
+.copy-right p {
+	color: #222;
+	font-size: 1em;
+	font-family: 'Raleway', sans-serif;
+	font-weight:600;
+}
+.copy-right p a {
+	font-family: 'Raleway', sans-serif;
+	font-size: 1em;
+	color:#5EA809;
+	-webkit-transition: all 0.3s ease-out;
+	-moz-transition: all 0.3s ease-out;
+	-ms-transition: all 0.3s ease-out;
+	-o-transition: all 0.3s ease-out;
+	transition: all 0.3s ease-out;
+}
+.copy-right p a:hover {
+	color:#222;
+}
+/*--//End-login-form--*/
+/*-----start-responsive-design------*/
+@media (max-width:1440px){
+	form span {
+	top: -4%;
+	right: -12%;
+	}
+}
+@media (max-width:1280px){
+	.Regisration {
+	width: 38%;
+	}
+	.checkbox-grid .radio i{		
+	left: 108px;
+	}
+	.checkbox-grid .radio {
+	padding-left: 43%;
+	}
+	form span {
+	top: -4%;
+	right: -12%;
+	}
+	.Login {
+	width: 48%;
+	}
+}
+@media (max-width:1024px){
+	.Regisration {
+		width:50%;	
+	}
+	.Login {
+	width: 62%;
+	}
+	form span {
+	top: -4%;
+	right: -12%;
+	}
+	.checkbox-grid .radio i {
+		top: 0px;
+		left: 139px;
+	}
+}
+@media (max-width:768px){
+	.Regisration {
+		width: 59%;
+	}
+	.Login {
+	width: 77%;
+	}
+	form span {
+	top: -4%;
+right: -12%;
+	}
+	.checkbox-grid .radio i {
+		top: 0px;
+		left: 127px;
+	}
+}
+@media (max-width:640px){
+	.Regisration {
+	width:70%;
+	}
+	.Login {
+	width:83%;
+	}
+	form span {
+	top: -4%;
+right: -12%;
+	}
+	.checkbox-grid .radio i {
+		top: 0px;
+		left: 112px;
+	}
+}
+@media (max-width:480px){
+	.Regisration {
+	width:89%;
+	}
+	.Login {
+	width:83%;
+	}
+	form span {
+	top: 35%;
+	right: -19%;
+	}
+	.checkbox-grid .radio i {
+		top: 0px;
+		left: 33px;
+	}
+	.Login form input[type="text"], .Login form input[type="password"] {
+	padding: 11px 11px;
+	width: 86%;
+	}
+	.Login h4 {
+	float:left;
+	margin: 9px 0px;
+	}
+	.submit input[type="submit"] {
+		width: 47%;
+	}
+	.submit-button input[type="submit"] {
+	width:48%;
+	}
+	.submit-button input[type="submit"] {
+	width:70%;
+	}
+	.checkbox-grid .radio {
+		padding-left: 28%;
+	}
+}
+
+
+@media (max-width:320px){
+	.Regisration {
+	width: 93%;
+	}
+	.Login {
+	width: 93%;
+	}
+	.login-head h1 {
+	font-size: 2em;
+	}
+	.Regisration-head span {
+		left: 16%;
+	}
+	.Regisration form input[type="text"], .Regisration form input[type="password"] {
+		font-size: 13px;
+		width: 72%;
+	}
+	.Regisration-head h2 {
+		font-size: 32px;
+		margin-left: 36px;
+	}
+	.p-container {
+	padding: 10px 5px;
+	}
+	.Login form input[type="text"], .Login form input[type="password"] {
+	width: 81%;
+	}
+	.p-container .checkbox {
+	padding-left: 37px;
+	font-size: 13px;
+	line-height: 22px;
+	}
+	.p-container .checkbox i {
+		top: 2px;
+		left: 33px;
+	}
+	.Login-head h3 {
+		font-size: 1.8em;
+	}
+	form span {
+	top: 37%;
+	right: -24%;
+	}
+	.checkbox-grid .radio {
+		padding-left: 14%;
+	}
+	.checkbox-grid .radio i {
+	top: -1px;
+	left:-4%;
+	}
+}

css/text.css

+body {
+	font:12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
+}
+a:focus {
+	outline:1px dotted;
+}
+hr {
+	border:0 #ccc solid;
+	border-top-width:1px;
+	clear:both;
+	height:0;
+}
+h1 {
+	font-size:25px;
+}
+h2 {
+	font-size:23px;
+}
+h3 {
+	font-size:21px;
+}
+h4 {
+	font-size:19px;
+}
+h5 {
+	font-size:17px;
+}
+h6 {
+	font-size:15px;
+}
+ol {
+	list-style:decimal;
+}
+ul {
+	list-style:disc;
+}
+li {
+	margin-left:30px;
+}
+p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
+	margin-bottom:20px;
+}
+.style1 {
+ font-family: Geneva, Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: bold;
+}

css/thickbox.css

+* {
+	padding:0;
+	margin:0;
+}
+#TB_window {
+	font:12px Arial, Helvetica, sans-serif;
+	color:#333333;
+}
+#TB_secondLine {
+	font:10px Arial, Helvetica, sans-serif;
+	color:#666666;
+}
+#TB_window a:link {
+	color:#666666;
+}
+#TB_window a:visited {
+	color:#666666;
+}
+#TB_window a:hover {
+	color:#000;
+}
+#TB_window a:active {
+	color:#666666;
+}
+#TB_window a:focus {
+	color:#666666;
+}
+#TB_overlay {
+	position:fixed;
+	z-index:10000;
+	top:0;
+	left:0;
+	height:100%;
+	width:100%;
+}
+.TB_overlayBG {
+	background-color:#000;
+	filter:alpha(opacity=75);
+	-moz-opacity:0.75;
+	opacity:0.75;
+}
+* html #TB_overlay {
+	position:absolute;
+	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+#TB_window {
+	position:fixed;
+	background:#ffffff;
+	z-index:10002;
+	color:#000000;
+	display:none;
+	border:4px solid #525252;
+	text-align:left;
+	top:50%;
+	left:50%;
+}
+* html #TB_window {
+	position:absolute;
+	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+#TB_window img#TB_Image {
+	display:block;
+	margin:15px 0 0 15px;
+	border-right:1px solid #ccc;
+	border-bottom:1px solid #ccc;
+	border-top:1px solid #666;
+	border-left:1px solid #666;
+}
+#TB_caption {
+	height:25px;
+	padding:7px 30px 10px 25px;
+	float:left;
+}
+#TB_closeWindow {
+	height:25px;
+	padding:11px 25px 10px 0;
+	float:right;
+}
+#TB_closeAjaxWindow {
+	padding:7px 10px 5px 0;
+	margin-bottom:1px;
+	text-align:right;
+	float:right;
+}
+#TB_ajaxWindowTitle {
+	float:left;
+	padding:7px 0 5px 10px;
+	margin-bottom:1px;
+}
+#TB_title {
+	background-color:#e8e8e8;
+	height:27px;
+}
+#TB_ajaxContent {
+	clear:both;
+	padding:2px 15px 15px 15px;
+	overflow:auto;
+	text-align:left;
+	line-height:1.4em;
+}
+#TB_ajaxContent.TB_modal {
+	padding:15px;
+}
+#TB_ajaxContent p {
+	padding:5px 0;
+}
+#TB_load {
+	position:fixed;
+	display:none;
+	height:13px;
+	width:208px;
+	z-index:10003;
+	top:50%;
+	left:50%;
+	margin:-6px 0 0 -104px;
+}
+* html #TB_load {
+	position:absolute;
+	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+#TB_HideSelect {
+	z-index:9999;
+	position:fixed;
+	top:0;
+	left:0;
+	background-color:#fff;
+	border:none;
+	filter:alpha(opacity=0);
+	-moz-opacity:0;
+	opacity:0;
+	height:100%;
+	width:100%;
+}
+* html #TB_HideSelect {
+	position:absolute;
+	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+#TB_iframeContent {
+	clear:both;
+	border:none;
+	margin-bottom:-1px;
+	margin-top:1px;
+	_margin-bottom:1px;
+}