body {margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000000; background: #fff;}
#container {width: 1024px; margin: 0 auto;}

.under {text-decoration: underline;}
.pv10 {padding-top: 10px; padding-bottom: 10px;}
.alignr {text-align: right;}
.notice {color: #8e9397; font-size: 11px;}

/*->top---------------------------------------------------------------------------*/
#top img {border: none; display: block;}
#top {background: #000; font-family: Arial, Helvetica, sans-serif; color: #fff;}
#logo {float: left; margin-left: 10px;}
#topper {width: 1024px; margin: 0 auto;}

  /*->collage------------------------------------------------------------------------*/
	#collage {display: block; overflow: hidden;}
	#collage.bbot { border-bottom: 1px solid #c3bebe;}
	#collage a {position: absolute; margin-top: 50px; margin-left: 800px;}
	#colg1 {position: relative;}
	#colg1 .limage {background: url(../images/collage_index_l.gif) repeat-x right top;  height: 574px;}
	#colg1 .rimage {background: url(../images/collage_index_r.gif) repeat-x left top; height: 574px;}
	#colg2 .limage {background: url(../images/collage_index1_l.gif) repeat-x right top;  height: 574px;}
	#colg2 .rimage {background: url(../images/collage_index1_r.gif) repeat-x left top; height: 574px;}
	
	#collage.features .limage {background: url(../images/collage_features_l.gif) repeat-x right top;  height: 237px; border-bottom: 1px solid #000;}
	#collage.features .rimage {background: #a2b9d9; border-bottom: 1px solid #000;  height: 237px;}
	#collage.support .limage {background: url(../images/collage_support_l.gif) repeat-x right top;  height: 388px;}
	#collage.support .rimage {background: url(../images/collage_support_r.gif) repeat-x left top; height: 388px;}
	#collage.register .limage {background: url(../images/collage_register_l.gif) no-repeat right top #da7d2f;  height: 238px;}
	#collage.register .rimage {background: #cf6d30; height: 238px;}
	#collage.template .limage {background: url(../images/collage_template_l.gif) repeat-x right top;  height: 238px;}
	#collage.template .rimage {background: url(../images/collage_templates_r.jpg) no-repeat left top #69a9d9; height: 238px;}
	#collage.template a {margin-left: 850px;}
	
	#colg2 {position: absolute; width: 100%;}
	#collage img, #title img {border: none; display: block;}
	#colg1 img {margin: 0 auto;}
	#blanks {display: inline; position: absolute;}
	
	/*->title--------------------------------------------------------------------------*/
	#title {display: block; overflow: hidden; padding: 20px; background: #fff;}
	#title a {position: absolute; margin-left: 834px;}

	/*->topmenu------------------------------------------------------------------------*/
	#topmenu {padding: 0; margin: 0; list-style-type: none; float: right;}
	#topmenu li {float: left; padding: 0 5px;}
	#topmenu li.sep {border-left: 1px solid #221311; background: #5a4b49; padding: 0; width: 1px; height: 30px; margin: 0 5px;}
	#topmenu a {font-size: 16px; line-height: 19px; text-decoration: none; color: #fff; padding-left: 10px; float: left;}
	#topmenu a span { padding: 6px 10px 5px 0; cursor: pointer; float: left;}
	#topmenu a.rbtn { text-transform: uppercase; font-weight: bold;}
	#topmenu a:hover, #topmenu a.sel {background: url(../images/bg_menu.gif) no-repeat left top;}
	#topmenu a:hover span, #topmenu a.sel span {background: url(../images/bg_menu.gif) no-repeat right top;}

/*->middle------------------------------------------------------------------------*/
#middle.index {background: #e3e9a3;}
#middle form {margin: 0;}
#middle img {border: none;}
#middle p {margin: 0; padding: 5px 0;}
#middle a, #middle.index h3 a:hover, #middle.index h2 a:hover, #middle .content a:hover, #middle.index .content a:hover {color: #58594f;}
.index #middle .content a {color: #000000;}
#middle ul, #middle ol {margin: 0; padding: 10px 0 10px 25px;}
#middle p.comment {padding: 0 0 0 25px; font-size: 13px; color: #58594f;}
#middle h1 {margin: 0; padding: 10px 0 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; font-weight: normal;}
#middle h2, #middle.index .content h2 a {margin: 0; padding: 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; line-height: 27px; text-decoration: none; color: #000000;}
#middle h3, #middle h3 a {margin: 0; padding: 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; text-decoration: none;}
#middle h3.description {color: #7f7f7f;}
#middle.index .content h3, #middle.index .content h3 a, .bluetxt, #middle h2.bluetxt, #middle h3.bluetxt {color: #1f5c91;}
#middle h4 {margin: 0; padding: 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
#middle h5 {margin: 0; padding: 3px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
#middle .content a.btn {background: url(../images/bg_btn.gif) no-repeat left top; padding-left: 15px; color: #fff; float: left; font-size: 12px; line-height: 13px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#middle .content a.btn span {background: url(../images/bg_btn.gif) no-repeat right top; padding: 5px 15px 5px 0; float: left; cursor: pointer;}
#middle .content a.btn:hover {color: #fff;}
#middle div.banner {text-align: center; display: block; margin: 0 0 20px;}

	/*->content-----------------------------------------------------------------------*/
	.content {padding: 20px; font-size: 14px; overflow: hidden;}
	#middle .content a {color: #2173af;}
	#middle .comment a {color: #000000; text-decoration: none;}
	.index .content a.free {position: absolute; margin: -45px 0 20px 120px;}
	.index .features td {padding: 0 20px 20px 0;}
	.index .features td img.icf {float: left; margin: 10px 10px 5px 0;}
	.index td.features {padding-right: 40px;}
	.boldtxt {font-weight: bold;}
	#lefttpl, #righttpl, #singletpl {display: none;}
	  
		/*->list------------------------------------------------------------------------*/
		#middle .list .category {padding: 0 0 20px 20px; font-size: 12px; color: #636b75;}
		#middle .list .category ul { list-style-position:inside; padding: 0;}
		#middle .list .category li {width: 49%; float: left; padding: 2px 0;}
		#middle .list .category a {color: #2173af; text-decoration: none;}
		#middle .list .category a:hover, #middle .list .category h3 a:hover {color: #636b75;}
		#middle .list .category h3, #middle .list .category h3 a {color: #2173af; text-decoration: none; padding: 0 0 10px;}
		
		/*->checks----------------------------------------------------------------------*/
		#middle ul.checks {list-style-type: none; padding-left: 15px;}
		#middle ul.checks li {background: url(../images/icons/ic_check.gif) no-repeat 1px 2px; padding: 3px 0 3px 25px;}
		#middle ul.checks.col3 li {width: 28%; float: left;}
	
	/*->leftside----------------------------------------------------------------------*/
	#leftside {width: 300px; padding-top: 20px; text-align: right; background: url(../images/bg_leftside.gif) no-repeat right 15px #fff;}
	#middle #leftside .banner {float: right; padding: 10px; margin: 0;}
	
	  /*->leftmenu--------------------------------------------------------------------*/
		#middle #leftmenu {margin: 0; padding: 0 0 10px; list-style-type: none; float: right;}
		#leftmenu li {border-bottom: 1px solid #dcddde; padding: 6px 10px;}
		#leftmenu a {color: #6a6054; font-size: 20px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; position: relative;}
		#leftmenu a:hover {color: #2d1e1c;}
		#leftmenu li.sel {background: url(../images/bg_lmenu.gif) repeat-x left top #44a6ed;}
		#leftmenu li.sel a {background: url(../images/bg_lmenus.gif) no-repeat right top;  margin: -6px -20px -6px 0; padding: 6px 20px 6px 0; color: #fff;}
		#leftmenu li.sel a:hover {color: #fff;}
	
	/*->rightside---------------------------------------------------------------------*/
	#rightside {width: 215px; padding-left: 20px;  font-size: 12px; color: #58594f; overflow: hidden;}
	#rightside h4 { font-size: 14px; color: #000000;}
	#rightside img.pict {float: left; margin: 0 10px 3px 0;}
	
	  /*->category---------------------------------------------------------------------*/	
		#middle #rightside .category ul {padding-left: 0; list-style-type: none;}
		#middle #rightside .category li {padding: 3px 0 3px 25px; background: url(../images/icons/ic_check.gif) no-repeat 1px 2px;}
		#middle #rightside .category li.check {background: url(../images/icons/ic_check.gif) no-repeat 1px 2px;}
		#middle #rightside .category li a {text-decoration: none;}
		#middle #rightside .category li a:hover {color: #000;}
	
	/*->border rounded----------------------------------------------------------------*/
  .border {display: block; border-left: 1px solid #c8ced7; border-right: 1px solid #c8ced7; padding: 0 10px; background: #fff;}
	.border.mb20 {margin-bottom: 20px;}
	.border.header {border-bottom: 1px solid #c8ced7;}
	.border.header .mid {display: block; padding: 10px 0; margin-top: -10px; border-top: 1px solid #c8ced7; background: #fff; position: relative;}
	.border .border_lb {background: url(../images/border_round.gif) no-repeat left bottom; padding-left: 50%; display: block; margin: 0 -11px; position: relative;}
	.border .border_rb {background: url(../images/border_round.gif) no-repeat right bottom; display: block; height: 10px;}
	.border .border_lt {background: url(../images/border_round.gif) no-repeat left top; padding-left: 50%; display: block; margin: 0 -11px; position: relative;}
	.border .border_rt {background: url(../images/border_round.gif) no-repeat right top; display: block; height: 10px;}
	.border .blue_lt {background: url(../images/header_blue.gif) no-repeat left top #48abef; padding-left: 10px; display: block; margin: 0 -11px; color: #fff; font-weight: bold; position: relative;}
	.border .blue_rt {background: url(../images/header_blue.gif) no-repeat right top; display: block; padding: 10px 10px 10px 0;}
	
	/*->blue rounded------------------------------------------------------------------*/
	.blue {display: block; text-align: left;}
	.blue .blue_rt {background: url(../images/bg_blue.gif) no-repeat right top; display: block; height: 10px;}
	.blue .blue_rb {background: url(../images/bg_blue.gif) no-repeat right bottom; display: block; height: 10px;}
	.blue .blue_lt {background: url(../images/bg_blue.gif) no-repeat left top; display: block; padding-left: 50%; display: block;}
	.blue .blue_lb {background: url(../images/bg_blue.gif) no-repeat left bottom; display: block; padding-left: 50%; display: block;}
	.blue .mid {background: #e4f4ff; padding: 0 10px; display: block;}
	
	/*->templates---------------------------------------------------------------------*/
	.templates {margin-left: -20px; display: block; width: 100%;}
	.templates td {width: 20%; padding: 0 0 20px 20px;}
	#middle .templates td a img {display: block; width: 179px; border: 1px solid #c0c0c0;}
	.templates td div.prev {padding-top: 10px; color: #c0c0c0;}
	.templates td div.prev img {position: relative; margin-bottom: -2px;}
    .templates td div.prev input {float:right;position:relative;top:2px}
	#middle .content .templates td div.prev a {color: #c0c0c0; text-decoration: none;}
	
	/*->separate----------------------------------------------------------------------*/
	.index #middle .sepafter {border-bottom: 1px solid #888c62;}
	#middle .sepafter {border-bottom: 1px solid #c8ced7;}
	#middle h1.sepafter {padding-bottom: 10px;}
	#middle .sepbefore {border-top: 1px solid #c8ced7;}
	#middle .sepbefore.textblock {border-top: 1px solid #c8ced7; padding: 20px 0 0; margin-top: 20px; display: block;}
	#middle .txtdialog {padding-top: 20px; display: block;}
	
	/*->section-----------------------------------------------------------------------*/
	.section {padding: 15px 0;position: relative; display: block;}
	.section.left .photo {float: right; margin: 0 0 15px 20px;position: relative;}
	.section.right .photo {float: left; margin: 0 20px 15px 0;position: relative;}

	/*->subscribe---------------------------------------------------------------------*/
	#subscribe {border: 1px solid #c2c2c2; background: #f9f7ee; padding: 7px 20px; display: block; margin: 0 20px; font-size: 14px; color: #000;}
	#subscribe h2 {margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal;}
	#subscribe p {margin: 0;}
	#subscribe input.text {width: 370px; font-size: 14px; padding: 3px 6px;}
	
	/*->submenu---------------------------------------------------------------------*/
	#middle .submenu {margin: 0; padding: 0; list-style-type: none; display: table; z-index: 500;}
	#middle .submenu li {float: left;}
	#middle .content .submenu a {padding-left: 10px; float: left; margin: 0 0 0 7px; text-decoration: none; color: #3e434a; line-height: 14px;}
	.submenu a span {padding: 1px 10px 3px 0; float: left;}
	#middle .content  .submenu a:hover, .submenu a.sel {background: url(../images/bg_submenu.gif) no-repeat left top;}
	.submenu a:hover span, .submenu a.sel span {background: url(../images/bg_submenu.gif) no-repeat right top; color: #fff; cursor: pointer;}

/*->bottom------------------------------------------------------------------------*/
#bottom {padding: 20px 15px; line-height: 16px;}
#bottom p, #bottom p a {color: #58594f;}
#bottom p a:hover {color: #000;}
#bottom p {margin: 0; padding: 0 0 10px;}
#bottom .copy {width: 430px;}
#bottom a {text-decoration: none;}
#bottom p a {text-decoration: underline;}
#bottom .left {background: url(../images/bg_bot_det.gif) no-repeat left top; padding-left: 20px; display: block;}
#bottom .right {background: url(../images/bg_bot_det.gif) no-repeat right top; padding-right: 20px; display: block;}
#bottom .cen {background: #fff; padding: 19px 0 20px; display: block; border-top: 1px solid #e3e3e3;}
.index #bottom .left {background: url(../images/bg_bot.gif) no-repeat left top;}
.index #bottom .right {background: url(../images/bg_bot.gif) no-repeat right top;}
.index #bottom .cen {background: url(../images/bg_botr.gif) repeat-x left top; padding: 20px 0; border:none;}
#bottom .ic_t {background: url(../images/icons/ic_t.gif) no-repeat left top; padding: 0 0 5px 25px; color: #000;}
#bottom .ic_f {background: url(../images/icons/ic_f.gif) no-repeat left top; padding: 0 0 5px 25px; color: #000;}