/*
Date: 24 Noiembrie 2009
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Clip Center
*/

/* Reset CSS */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
html, body, #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}

body {background:#fff url(images/background.jpg) repeat-x 0 0; font-family: Verdana, Arial, sans-serif; }

#page {width: 943px; margin: 0 auto;}
#header {width: 943px; float: left; clear: left; }
.search_top {float: right; width: 221px; height: 21px; background: url(images/search_top.gif) repeat-x 0 0; border: 1px #e2e2e2 solid; margin: 15px 54px 0 0;}
.search_top input { height: 16px; line-height: 16px; float: left; width: 146px; padding: 0 4px 0 4px; margin: 2px 0 0 0 ; border: 0; background: transparent;border-right: 1px #e2e2e2 solid; }

.search_top input#search_top_button {float: right; width: 44px; height: 7px; background: url(images/search_top_button.gif) no-repeat; cursor: pointer; margin: 6px 8px 0 0; padding: 0; position: relative; z-index: 5;}

* html .search_top input#search_top_button {height: 10px; width: 47px;}



#logo {float: left; clear: left; width: 215px; height: 84px; background: url(images/logo.png) no-repeat; margin: -30px 0 0 10px; position: relative;}



#menu {float: right; margin: 43px 0 0 0;}

#menu li {float: left;  margin: 0 0 0 0; width: auto; }

#menu li a {float: left; height: 24px; background-repeat: no-repeat;  background-image: url(images/menu.gif); background-repeat: no-repeat; }

#menu li a.b_home {width: 74px; background-position: 0 0;}

#menu li a.b_home#current, #menu li a.b_home:hover {background-position: 0 -24px;} 

#menu li a.b_products {width: 99px; background-position: -74px 0;}

#menu li a.b_products#current, #menu li a.b_products:hover {background-position: -74px -24px;} 

#menu li a.b_services {width: 77px; background-position: -173px 0;}

#menu li a.b_services#current, #menu li a.b_services:hover {background-position: -173px -24px;} 

#menu li a.b_hosting {width: 77px; background-position: -250px 0;}

#menu li a.b_hosting#current, #menu li a.b_hosting:hover {background-position: -250px -24px;} 

#menu li a.b_demo {width: 72px; background-position: -327px 0;}

#menu li a.b_demo#current, #menu li a.b_demo:hover {background-position: -327px -24px;} 

#menu li a.b_order {width: 72px; background-position: -399px 0;}

#menu li a.b_order#current, #menu li a.b_order:hover {background-position: -399px -24px;} 

#menu li a.b_support {width: 72px; background-position: -471px 0;}

#menu li a.b_support#current, #menu li a.b_support:hover {background-position: -471px -24px;} 

#menu li a.b_affiliates {width: 97px; background-position: -543px 0;}

#menu li a.b_affiliates#current, #menu li a.b_affiliates:hover {background-position: -543px -24px;}

#affiliates {float:left; font-size:13px; margin-left:-30px;}

#affiliates ul { width:530px; float:left;}



	#header_banners {float: right; clear: left; margin: 0 0 0 0; border:1px #fff solid; width: 934px; height: 180px; overflow: hidden; }

	#myController span{	color:#FFF;	background:#000;margin-right:10px;display: none;cursor:pointer; font-size: 0; padding: 0; height: 0; }	

	#jFlowSlide{border:0;margin:0;padding:0;}	

	#myController span.jFlowSelected {background:#F00;}
    #mySlides {float: left; width: 934px; height: 180px;}	
	.jFlowPrev{	position: relative; top: -180px; left: 8px; width: 37px; height: 180px; cursor: pointer; float: left;  background: url(images/x.gif); }
	.jFlowNext {position: relative; top: -180px; right: 8px; width: 37px; height: 180px; cursor: pointer; float: right;  background: url(images/x.gif);  }





#content {width: 100%; padding: 20px 0 262px 0; float: left; }

    

    	#sidebar_left {width: 190px; float: left; clear: left; margin: 0 18px 0 0;}

        #plugins h5 {float: left; clear: left; width: 161px; padding: 34px 0 10px 21px; font-size: 17px; color: #15507f; font-weight: normal; }

        #sidebar_left h4 {float: left; clear: left; width: 161px; padding: 0 0 10px 0; font-size: 17px; color: #15507f; font-weight: normal; text-align:center}

		#sidebar_left ul {float: left; clear: left; width: 100%;}

		#sidebar_left ul li {float: left; clear: left; width: 100%;  height: 22px; }

        #sidebar_left ul li.mini_title {font-size: 14px; font-weight: bold; padding: 10px 0 0 21px; color: #9d9d9d; font-size: 12px; width: 163px; line-height: 22px; }

		#sidebar_left ul li a {float: left; clear: left; width: 151px; height: 22px; line-height: 22px; padding: 0 0 0 25px; color: #007298; font-size: 12px; position: relative; z-index: 10; }

		#sidebar_left ul li a#current_left, #sidebar_left ul li a:hover { color: #003048; background: url(images/arrow2.png) no-repeat 10px center;}

	#latest_news {float: left; clear: left; width: 100%; margin: 29px 0 0 0;}

		.news_title {float: left; width: 174px; text-align: left; color: #15507f; font-size: 13px; margin: 0 0 8px 0; padding: 4px; font-weight: bold;}

		.news_title1 {float:left; color: #15507f; font-size: 16px; font-weight:bold;}

		.news_title1:hover {text-decoration:none}

        .news_title:hover {text-decoration: underline; }

		#latest_news p {float: left; clear: left; width: 174px; color: #3e3e3e; font-size: 11px; text-align: justify; padding: 7px 4px 4px 4px;}

		.news_utils {float: left; clear: left; width: 174px; margin: 10px 0 0 0; padding: 4px;}

		.read_more {float: left; color: #15507f; font-size: 11px; position: relative; z-index: 10; padding:0px 0px 0px 111px; margin-top:-17px; }

		.read_more:hover { text-decoration:underline;}

		.rss {float: right; color: #15507f; font-size: 13px; background: url(images/rss.png) no-repeat right center; padding: 0 15px 0 0; position: relative; z-index: 10; margin: 2px -15px 0 0;}

        

        .sidebar_box {float: left; width: 182px; border: 1px #e3e3e3 solid; background: #fff; padding: 3px; }

        .sidebar_inbox {float: left; width: 182px; min-height: 50px; background: #fff url(images/sidebar_box_top.gif) repeat-x; position: relative; z-index: 5; padding: 10px 0 0 0;}

        .sidebar_inbox_footer {float: left; clear: left; width: 100%; height: 43px; background: url(images/sidebar_box_bottom.gif) repeat-x; position: relative; z-index: 2; margin-top: -20px;} 

        

 #main_content {width: 530px; float: left;  margin: 0 5px 0 0;}

        #main_content h1 {float: right; margin: 5px 25px 45px 0; color: #005174; font-size: 23px; font-weight: normal; }

		#main_content h2 {float: left;color: #005174; font-size: 23px; font-weight: bold; }

        #main_content h1 strong {color:  #005174; font-weight: normal; font-size: 20px; }

		#main_content div {width: 476px; padding: 5px 22px 10px 33px; float: left; clear: left; color: #3e3e3e; text-align: justify; font-size: 11px; text-indent: 26px;}

		#main_content div .read_more {float: none; }

		#main_content div a {color: #15507f; text-decoration:none;}

		#main_content div a:hover {color: #15507f; text-decoration:underline;}

		#main_content div.no_indent {text-indent: 0; padding: 5px 0 10px 0; }

		#main_content div h2 {float:left; clear: left; color: #15507f; font-size: 17px; margin: 0 0 5px 0; padding: 0;}

		#main_content div h3 {float:left; clear: left; color: #15507f; font-size: 11px; margin:0; padding: 0;}

		#main_content div.no_padding {padding: 5px 0 10px 0; width: 520px;}

		#main_content div h1 { float:left; clear: left; color: #15507f; font-size: 17px; margin: 0 0 0 0; padding-left:45px; font-weight:bold;}

		#main_content div h5 { float:left; clear: left; color: #15507f; font-size: 17px; margin: 0 0 0 0; margin-left:-26px; font-weight:bold;}



		#main_content div h4 { float:left; clear: left; color: #15507f; font-size: 17px; margin: 0 0 0 0; padding-left:29px; font-weight:bold;}

		#main_content div.div_back {text-indent: 0; min-height: 50px; }

		#main_content div.div_back img {float: left; clear: left; margin: -100px 10px 0 -20px; position: relative;}

		#main_content div.div_back img#browsers {float: left; clear: left; margin: 0px 0 0 -20px; position: relative;}

a.red:link { font-size:11px; text-decoration:line-through; color: #c7e802;}

a.red:visited { font-size:11px; text-decoration:none; color:#c7e802;}

a.red:hover { font-size:11px; text-decoration:none; color:#6f8106}	

		#main_content div.utils {float: left; width: 100%; margin: 12px 0 16px 0; padding: 0; text-indent: 0;}

		#main_content div.utils #compatible {position: relative; float: left; margin: 11px 0 0 0px; padding: 0 0 0 15px;}

		#main_content div.utils #twitter {position: relative; float: right; width: 145px; height: 33px; background: url(images/twitter.png) no-repeat; margin: 0 25px 0 0; }

        #product_boxes {float: left; clear: left; width: 476px; position: relative; margin: -135px 0 0 0 ;}

			#product_boxes li {float: left; width: 188px; padding: 0 25px;}

			#product_boxes li a {float: left;  width: 140px; height: 45px; line-height: 45px; padding: 189px 0 0 0; background-position: 0 0; background-repeat: no-repeat; text-align: center; color: #15507f; font-size: 18px; text-indent: 20px; text-decoration: none; }

			#product_boxes li a#box_premium {background-image: url(images/index_box.png); float: right;}

			#product_boxes li a#box_light {background-image: url(images/type_light.png); }

			#product_boxes li a:hover {color: #4aa6c9; }

            #compare_products {width: 100%; float: left; clear: left; text-align: center; }

            #compare_products a { width: 225px; height: 49px; background: url(images/compare.png) no-repeat 0 -49px; display: block; margin: 0 auto;  }

		    #compare_products a:hover { width: 225px; height: 49px; background: url(images/compare.png) no-repeat 0 0px; display: block; margin: 0 auto;  }

		#main_content div.products_type {float: left; width: 324px; text-indent: 0; background-repeat: no-repeat; background-position: 0px 20px; padding: 0 0 0 185px;}

		#main_content div.features      {float: left; width: 424px; text-indent: 0; background-repeat: no-repeat; background-position: 0px 20px; padding: 0 0 0 75px;}

		#main_content div.products_type#type_premium {background-image: url(images/index_box.png);}

		#main_content div.products_type#type_light {background-image: url(images/type_light.png);}

		#main_content div.products_type h2 {float:left; clear: left; color: #15507f; font-size: 17px; margin: 0 0 0 0; width: 100%; }

		#main_content div.products_type ul {float: left; width: 324px; clear: left; margin: 25px 0 30px 0;}

		#main_content div.products_type ul li {float: left; clear: left; background: url(images/arrow2.png) no-repeat 0 5px ; padding: 0 0 0 12px; margin: 2px 0; color: #3e3e3e; width: 100%;}

		#main_content div.products_type ul li.gri {color: #007298; }

		#main_content div.features h2 {float:left; clear: left; color: #15507f; font-size: 17px; margin: 0 0 0 0; width: 100%; }

		#main_content div.features ul {float: left; width: 424px; clear: left; margin: 25px 0 30px 0;}

		#main_content div.features ul li {float: left; clear: left; background: url(images/arrow2.png) no-repeat 0 5px ; padding: 0 0 0 12px; margin: 2px 0; color: #3e3e3e; width: 100%;}

		#main_content div.features ul li.gri {color: #007298; }



			#product_comparison {float: left; width: 100%; clear: left; }

			#product_comparison tr.table_h { background: url(images/products_hr.gif) repeat-x; height: 31px; line-height: 31px; font-size: 12px; color: #cecece; font-weight: bold; }

			#product_comparison td {padding: 8px 5px; color: #666666; font-size: 11px; background: url(images/products_td.gif) repeat-x;}

			#product_comparison tr.table_h td {padding: 0 5px; background: url(images/products_hr.gif) repeat-x; color: #fff;}

			#product_comparison tr.gri {background: #3e3e3e; color: #d3d3d3;  background: url(images/products_td.gif) repeat-x; }

            #product_comparison tr.gri td {color: #666666; background: url(images/products_td.gif) repeat-x;}

		#main_content .readmore {float: right; width: 93px; height: 25px; background: url(images/a_sprite.png) no-repeat 0 -21px; cursor: pointer; margin: -14px 15px 0 0; }

		#main_content .readmore:hover {background-position: 0 -46px;}

		#main_content .readmore1 {float: right; width: 93px; height: 25px; background: url(images/a_sprite.png) no-repeat 0 -21px; cursor: pointer; margin-top:-41px; }

		#main_content .readmore1:hover {background-position: 0 -46px;}

				#main_content .readmore2 {float: right; width: 93px; height: 25px; background: url(images/a_sprite.png) no-repeat 0 -21px; cursor: pointer; margin-top:-20px; }

		#main_content .readmore2:hover {background-position: 0 -46px;}

        #main_content div.hosting_box {float: left; clear: none;  width: 155px; height: 160px; padding: 0 5px 0 9px; background: url(images/hosting_box.png) no-repeat; text-indent: 0; margin: 20px 5px 0 0; }

		#main_content div.hosting_box1 {float: left; clear: none;  width: 155px; height: 160px; padding: 0 5px 0 9px; background: url(images/hosting_box.png) no-repeat; text-indent: 0; margin: 20px 5px 0 0; }

		#main_content div.hosting_box h3 {float: left; width: 155px; font-size: 13px; font-family: Verdana; color: #004865; text-align: left; text-indent: 0; padding:0; margin: 0; height: 21px; line-height: 21px; }

		#main_content div.hosting_box1 h3 {float: left; width: 155px; font-size: 13px; font-family: Verdana; color: #e2e2e2; text-align: left; text-indent: 0; padding:0; margin: 0; height: 21px; line-height: 21px; }

		#main_content div.hosting_box p {float: left; width: 155px; font-size: 11px; font-family: Verdana; text-align: left; line-height: 15px; height: 96px; padding: 12px 0 0 0;}

		#main_content div.server_box {float: left; clear: none;  width: 235px; height: 160px; padding: 0 5px 0 9px; background: url(images/server_box.png) no-repeat; text-indent: 0; margin: 20px 10px 0 0; }

		#main_content div.server_box h3 {float: left; width: 235px; font-size: 13px; font-family: Verdana; color: #004865; text-align: left; text-indent: 0; padding:0; margin: 0; height: 21px; line-height: 21px; }

		#main_content div.server_box h3 b {color:#15507f; }

		#main_content div.server_box p {float: left; width: 235px; font-size: 11px; font-family: Verdana; text-align: left; line-height: 15px; height: 96px; padding: 12px 0 0 0;}

			.price {float: left; clear: left; display: block; width: 115px; color: #00184d; font-size: 12px; margin: 3px 0 0 0;}

			.order_button {float: right; clear: right; display: block; width: 85px; height: 23px; background: url(images/order_button.png) no-repeat 0 0;}

			.order_button:hover { background-position: 0 -23px; }

		#main_content div.hosting_box .price  {width: 70px; }

		#main_content div.server_box .order_button {margin: 0 0 0 0;}

			#special_offer {margin-top: -20px; position: relative; }

		#main_content div.order_box {float: left; clear: none;  width: 543px; height: 177px; padding: 0 5px 0 9px; background: url(images/order.png) no-repeat; text-indent: 0; margin: 0px 0 0 -10px; position: relative;}

        * html #main_content div.order_box {margin-left: -20px;}

		#main_content div.order_box#order_big {height: 257px; background: url(images/order_big.png) no-repeat; }

		#main_content div.order_box .order_box_left {width: 290px; float: left; clear: left; padding: 20px 0 0 26px; }

		#main_content div.order_box .order_box_right {width: 170px; float: right; clear: right; padding: 20px 0px 0 0; }

		#main_content div.order_box h3 {float: left; width: 290px; font-size: 18px; font-family: Verdana; color: #00184d; text-align: left; text-indent: 0; padding:0; margin: 0; height: 21px; line-height: 21px; font-weight: normal; }

		#main_content div.order_box .order_box_left  p {float: left; clear: left; width: 290px; font-size: 11px; font-family: Verdana; text-align: left; line-height: 15px; padding: 12px 0 0 0; text-indent: 0; height: 65px;}

        * html #main_content div.order_box .order_box_left p {height: 55px;}

		#main_content div.order_box#order_big .order_box_left  p {float: left; clear: left; width: 290px; font-size: 11px; font-family: Verdana; text-align: left; line-height: 15px; padding: 12px 0 0 0; text-indent: 0; height: 130px;}

		#main_content div.order_box .price {float: right; display: block; color: #ffa100; font-size: 13px; width: 100%; text-align: right; text-indent: 0;}

		#main_content div.order_box .price b {font-size: 22px; font-weight: normal; }

		#main_content div.order_box .order_box_right ul {width: 170px; float: left; clear: left; height: 100px;  }

        * html #main_content div.order_box .order_box_right ul {height: 90px;}

		#main_content div.order_box .order_box_right ul li {width: 100%; margin: 4px 0; padding: 0; float: left; clear: left; }

		#main_content div.order_box .order_box_right ul li a {float: left; clear: left; display: block; background: url(images/arrow3.png) no-repeat 0 center; font-size: 12px; color: #0f0f0f; text-decoration: none; width: auto; padding:0 0 0 15px;  text-indent: 0; }

		#main_content div.order_box .order_box_right ul li a:hover {color: #0053b1; }

		#main_content div.order_box .order_box_right .add_to_cart {float: left; clear: left; width: 124px; height: 31px; background: url(images/add_to_cart.png) no-repeat; cursor: pointer; }

		#main_content div.demo_box {width: 479px; height: 74px; float: left; text-indent: 0; padding: 45px 0 0 40px; margin: 0; clear: left; background: url(images/demo_box.png) no-repeat 0 0;}

        #main_content div.demo_box h2 {text-indent: 0; padding: 0; margin-bottom: 2px; float: left; }

        #main_content div.demo_box a {color: #272727; float: left; clear: left; display: block;}

        #main_content div.demo_box a:hover {text-decoration: none; }

        #main_content div.demo_box div {float: right; width: 185px; padding: 10px 45px 0 0; clear: right; position: relative; margin-top: -35px; z-index: 2; }

        * html #main_content div.demo_box div {padding: 0 20px 0 0;}

        #main_content div.demo_box#demo_box2 div{ width: 160px; }

        #main_content div.demo_box div p {float: left; text-indent: 0;}   

		#templates {height:400px; width:450px; float:left}

		li.news {font-size:11px; list-style-type:circle; }

		#main_content div.demo_box div a.demo_link {float: right; clear: right; width: 28px; height: 29px; background: url(images/demo_link.png) no-repeat 0 0;}

            .news_data {float: right; clear: right; color: #545353; font-size: 10px; position: relative; margin-top: 8px; }

        #main_content #sitemap {

            float: left; clear: left; width: 400px; list-style: disc; padding: 0 0 0 30px;

        }

            #sitemap li {float: left; width: 100%; margin: 10px 0 0 0; font-size: 14px; }

            #sitemap li a {text-decoration: none; }

            #siteamp li a:hover {text-decoration: underline;}

            #sitemap li ul {float: left; list-style: circle; width: 350px; padding: 0 0 0 50px; }

            #sitemap li ul li {margin: 0; font-size: 12px;}

        

            #contact_form {float: left; width: 510px; clear: left; padding: 0; margin: 0; text-indent: 0;}

			#contact_form div {float: left; width: 100%; margin: 3px 0; padding: 0; text-indent: 0;}

			#contact_form div h1 {float: right; width: 351px; text-indent: 0;}

			#contact_form label { float: left; width: 150px; text-align: right; height: 22px; line-height: 22px; color: #656565; }

			#contact_form input {float: right; width: 322px; height: 22px; line-height: 22px; padding: 0 5px; background: url(images/c_field.gif) no-repeat; border: 0; }

            #contact_form select {float: right; width: 332px; height: 20px; line-height: 22px; padding: 2px 0 0 0; border: 0;background: url(images/c_field.gif) no-repeat;  -moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;}

			#contact_form textarea {float: right; width: 322px; height: 94px; padding: 5px;  background: url(images/c_textarea.gif) no-repeat; border: 0; }

			#contact_form input#send_message {float: right; width: 104px; height: 27px; padding: 0; background: url(images/send_message.gif) no-repeat; border: 0; cursor: pointer; }

	

		#main_content div.err {width: 500px; background: red; padding: 10px; float: left; clear: left; text-indent: 0; margin: 20px 0 0 0; }

            .err span {float: left; clear: left; color: #fff; margin: 3px 0; }

        #main_content div.succes {width: 500px; background: green; padding: 10px; color: #fff; float: left; clear: left; text-indent: 0; margin: 20px 0 0 0; }

 

        #sidebar_right {width: 190px; float: right; }

		#sidebar_right #live {float: left; margin: 0 0 32px 0;}

		#testimonial {float: left; clear: left; width: 174px;  color: #3e3e3e; font-size: 11px; text-align:justify; padding: 7px 0 0 0; margin: 14px 0 0 0; min-height: 70px; height: 130px; position: relative; z-index: 10;}

        * html #testimonial { background: #fff; }

        #testimonial p {float: left; clear: left; width: 174px; padding: 4px; height: 100%;}

        * html #testimonial p {background: #fff; }

		#testimonial span {clear: both; display: block; text-align: right; color: #007298; line-height: 18px;}

        

#footer {  
	position: relative;
	float: left; 
	clear:both;
	height: 232px; 
	width: 100%;
	background: url(images/footer.jpg) repeat-x 0 0; 
    margin-top: -232px; 
	}
	#footer_center { width: 943px; margin: 0 auto; padding: 10px 0 0 0; margin-bottom: -232px; }
		.box {float: left; border-right: 1px #2e8baa dashed; height: 200px; }
			.box#box1 {padding-right: 19px; margin-right: 15px; width: 455px; }
			#f_logo {float: left; clear: left; width: 92px; height: 33px; background: url(images/f_logo.gif) no-repeat; margin: 16px 18px 0 0;}
			#company_info {float: left; width: 324px; text-align: left; font-size: 11px; color: #4f9ab3; padding: 0 0 0 17px; margin: 16px 0 0 0; border-left: 1px #2e8baa dashed;}
			#cards {float: left; clear: left; margin: 40px 0 0 0;}
			.box#box2 {width: 170px; padding: 0 10px 0 0; margin-right: 15px; }
			.box#box2 ul {float: left; clear: left; }
			.box#box2 ul li {float: left; width: 170px; margin: 7px 0 0 0;}
			.box#box2 ul li a {float: left; clear: left; width: 146px; color: #4d96af; height: 18px; line-height: 18px; padding: 0 0 0 24px; font-size: 12px;}
			.box#box2 ul li a#f_current, .box#box2 ul li a:hover {background: url(images/f_item.png) no-repeat; }
			.box#box3 {border: 0; width: 250px;}
			.box#box3 h4 {float: left; clear: left; }
			.box#box3 form {float: left; clear: left; margin: 12px 0 0 0; width: 250px; }
			.box#box3 form div {float: left; width: 100%; margin: 3px 0;}
            .box#box3 form div.succes {width: 100%; background: green; padding: 5px; color: #fff; float: left; clear: left; text-indent: 0; margin: 2px 0 0 0; font-size: 12px;}
			.box#box3 form div label {float: left; width: 55px; padding: 4px 10px 0 0; font-size: 9px; color: #d9d9d9; text-align: right;  }
			.box#box3 form div input {float: left; width: 179px; border: 0; padding: 2px; height: 17px; background: #9db5bf; }
			.box#box3 form div textarea {float: left; width: 179px; height: 65px; padding: 2px; border:0;  background: #9db5bf; }
			.box#box3 form div input#send_button {float: right; background: url(images/a_sprite.png) no-repeat -193px 0; width: 57px; height: 21px; padding: 0; cursor: pointer;}
			.box#box3 form .read_more {float: right; background: url(images/arrow2.gif) no-repeat left center; padding-bottom:2px;  padding-left: 15px; margin-right: 25px; margin-top: 3px;}
			#templates { float:left; background: url(templates.jpg) no-repeat; width:435px; height:590px;}

  

 .clearfix:after {content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */