* {margin:0; padding:0;}

body
{
    background:#cfe1ed url(bg.jpg) left top repeat-x;
    margin-top:20px;
    font-family:Sans-Serif;
}

#container
{
    width:800px;
    margin:0 auto;
    background-color:#fff;
}

#wrapper
{
    padding:10px 15px;
    padding-bottom:0;
}

#btl, #btr, #bbl, #bbr, .tbtl, .tbtr, .tbbl, .tbbr{font-size:xx-small; height:5px; }

#btl { background:#fff url(btl.gif) left top no-repeat; }
#btr { background: url(btr.gif) right top no-repeat; }
#bbl { background:#fff url(bbl.gif) left bottom no-repeat; padding-top:6px; }
#bbr { background: url(bbr.gif) right bottom no-repeat; }

.tbtl { background: url(tbtl.gif) left top no-repeat; }
.tbtr { background: url(tbtr.gif) right top no-repeat; }
.tbbl { background: url(tbbl.gif) left bottom no-repeat; }
.tbbr { background: url(tbbr.gif) right bottom no-repeat; }

#logo h1 {text-indent: -9999px; font-size:12px;}
#logo h1 a {width: 211px;height: 19px;display: block; background: url(logo.gif) center center no-repeat;}

#top
{
    border-bottom:1px solid #eee;
    padding-bottom:0px;
    margin-bottom:10px;
}

#top #logo
{
    margin-top:3px;
}

#top ul li
{
    float:left;
    background:#fff url(btnleft.gif) left top no-repeat;
    padding-left:6px;
    list-style-type:none;
    margin-left:1px;
}

#top ul li:hover
{
    background-image:url(btnleft-hov.gif);
}

#top ul li a
{
    background: url(btnright.gif) right top no-repeat;
    padding:8px 0;
    color:#fff;
    display:inline-block;
    text-transform:uppercase;
    text-decoration:none;
    font-size:12px;
    padding-right:6px;
    font-weight:bold;
}

#top ul li:hover a
{
    background-image:url(btnright-hov.gif);
}

#top .content-item
{
    margin-bottom:0;
}

#header
{
    background:#fff url(../top.jpg) right center no-repeat;
    height:197px;
    margin-bottom:10px;
}

#header .content-item
{
    margin-bottom:0;
    padding-top:60px;
}

#header .content-item .entry-item
{
    border-left:10px solid #f0702a;
	padding:5px;
	color:#444;
	font-size:13px;
}

#header h3
{
font-size:21px;
color:#f0702a;
letter-spacing:-1px;
font-weight:lighter;
}

#langswitch
{
 position:absolute;
 margin-left:705px;
 font-size:12px;
 margin-top:10px;
}

#langswitch a
{
    display:inline-block;
	padding:3px 4px;
	background-color:#fff;
	border:1px solid #ddd;
	color:#000;
	text-decoration:none;
}

#langswitch a:hover
{
    background-color:#444;
	color:#fff;
	border-color:#444;
}

#content
{
    font-size:12px;
    background-color:#f7f3e7;
}

#content a
{
    color:#000;
}

#content ul li, #content ol li
{
    margin-bottom:10px;
}

#inner
{
    border-left:1px solid #efeadf;
    border-right:1px solid #efeadf;
    padding:5px 10px;
    padding-bottom:0;
    font-size:12px;
    color:#333;
}

.benefit
{
    padding:18px;
    padding:13px;
    padding-left:70px;
    margin-top:5px;
    width:38%;
    float:left;
	background: transparent url() left center no-repeat;
}

#benpages {background-image:url(img/pages.gif);}
#bengallery {background-image:url(img/gallery.gif);}
#bendesigns {background-image:url(img/designs.gif);}
#bencontacts {background-image:url(img/contacts.gif);}
#benusers {background-image:url(img/users.gif);}
#benmap {background-image:url(img/map.gif);}
#benemails {background-image:url(img/emails.gif);}
#benbanners {background-image:url(img/banners.gif);}
#bensupport {background-image:url(img/support.gif);}
#benhtml {background-image:url(img/html.gif);}

.benefit h3
{
    font-size:15px;
    font-weight:bold;
    margin-bottom:2px;
}

#content a img
{
    border:0;
}

#content .redbutton
{
    background:transparent url(btnredleft.gif) left top no-repeat; 
    display:inline-block;  
    text-decoration:none;
    color:#fff;    
    text-transform:uppercase;
}

.redbutton span
{
    background:transparent url(btnredright.gif) right top no-repeat;   
    padding:6px 10px;
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
    line-height:normal;
}

#content .lightbutton
{
    background:transparent url(btnlightleft.gif) left top no-repeat; 
    display:inline-block;  
    text-decoration:none;
    color:#1d7fc6;
    text-transform:uppercase;
}

.lightbutton span
{
    background:transparent url(btnlightright.gif) right top no-repeat;   
    padding:6px 10px;
    display:inline-block;
    cursor:pointer; 
    font-weight:bold;
}

#joinmain
{
    text-align:center;
    margin-top:5px;
}

#joinmain .small
{
    margin-top:2px;
    font-size:10px;
}

.question
{
  margin-bottom:10px;
	line-height:20px;
}

.question h4
{
  font-size:15px;
  margin-bottom:5px;
}

.question p
{
   margin-left:10px;
}

#maintext
{
    font-size:13px;
	color:#222;
	text-align:justify;
}

#footer
{
    width:770px;
    margin:0 auto;
    padding:10px 0;
    font-size:12px;
    color:#6d93ab;
}

#footer a
{
    color:#6d93ab;
}

#footer #copy
{
    font-size:10px;
}

#footer li
{
    display:inline;
    margin-right:20px;
}

.content-item
{
    margin-bottom:10px;
}

.gallery-item
{
    background: #fff url() center center no-repeat;
	border:1px dotted #aaa;
    width:120px;
	height:120px;
	float:left;
	margin:5px;
	cursor:pointer;
}

.contact-form
{
	border:1px dotted #aaa;
	background-color:#eee;
	padding:10px;
}

.contact-form .firsttd
{
    width:100px;
}

.contact-form form table tr td input,
.contact-form form table tr td select 
{
    padding:3px;
	width:200px;
	font-size:12px;
}

.contact-form form table tr td select
{
    width:209px;
}

.contact-form textarea
{
    width:350px;
	padding:2px;
}

.mapcanvas
{
	width: 405px; height: 300px;
    border:1px solid #aaa;
	overflow:hidden;
}

.mapcanvas iframe
{
    width:420px;
	height:315px;
	border:0;
}

.banner-item
{
    text-align:center;
}

.banner-item a img
{
    border:1px solid #ccc;
}

.entry-item img
{
    border:1px solid #ccc;
	padding:1px;
	margin:5px;
	margin-right:10px;
}

h1 a img
{
    border:0;
}

#content ul
{
    margin-left:17px;
}

#content ol
{
    margin-left:25px;
    margin-top:5px;
    text-align:left;
}

.fsmedium {font-size:15px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.small {font-size:10px;}
.reverse { unicode-bidi:bidi-override; direction:rtl; }
.center { text-align:center;}
.cleft { clear:left;}
.hidden { display:none;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}