body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0}
fieldset, img { border: 0; }
a:focus { outline: none; }
html {
	height: 100%}
/* paragraph */
p {	margin: 10px 0px 15px 0px; }

/* lists */
ul, ol, dl { margin: 1em 0; padding-left: 30px }
dl { margin: 1em 0; }
dd {padding-left: 40px; }

/* tables */
td, th {padding: 1px; }

/* forms */
 
fieldset { border: 1px solid #c8c8c8; }
legend { background: #ffffff; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #c8c8c8; background: #ffffff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaaaaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #8c8c8c; outline: 2px solid #dcdcdc; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display: none; }

fieldset {padding: 0 1em 1em 1em; }
legend {padding: 0 .8em 0 .8em; }
textarea, input[type='text'], input[type='password'] {padding: .1em 0 .1em .4em; }
option {padding: 0 0 .1em .4em; }
form div { margin: .8em 0 .8em 0; }
button, input[type='button'], input[type='submit'] {padding: .2em .3em .2em .1em; line-height: 100%; }

/* links */
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding-bottom:5px;
	line-height: 100%}

h1 { font-size: 300%; }
h2 { font-size: 250%; }
h3 { font-size: 200%; }
h4 { font-size: 175%; }
h5 { font-size: 150%; }
h6 { font-size: 125%; }

/* horizontal rule */
hr {
	margin: 15px 0px 15px 0px;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none}

/* blockquotes */
blockquote {
	margin: 10px 0 10px 15px;
	padding: 0px 0px 0px 0px;
	font-style: italic;
	font-size: 130%
}

blockquote:first-letter {
	font-size: 150%
}

/* preformatted text elements */
pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	/* white-space: pre-wrap;       /* css-3 */
	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

/* acronym */
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #464646;
	}

body.page {background: #E7F1FD url('../images/design/bg-top.png') repeat-x top}

/* center page */
div.wrapper {
margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position:absolute;
	right:0;
	top:0;
	z-index:15}

div#page-header {
	background: #3C372D}

div#toolbar {
	position: relative;
	width: auto;  
	height: 30px;
	padding: 0px 145px 0px 15px;
	clear: both;  
	overflow: hidden;
	line-height: 250%}

div#topmenu {
	margin: 0px 10px 0px 0px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

div#page-body {}

div.wrapper-bg {
	padding: 0px 0px 0px 0px;
	/*background: #ffffff;*/
}

div.wrapper-l {
	/*border-left: 1px solid #DCDCD7;*/
}

div.wrapper-r {
	padding: 0px 14px 0px 14px;
	/*border-right: 1px solid #DCDCD7;*/
}

div#header {
	width: auto;  
	height:108px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
	clear: both;  
}

div#logobar {
	width: 350px;
	height: 128px;
	margin: auto;
	/*border-top: 1px solid #D7D7D2;
	border-bottom: 1px solid #D7D7D2;*/
	clear: both;  
	overflow: hidden}

div#logo {
	height: 103px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 350%;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle}

div#date {
	height: 24px;
	border-top: 1px solid #D7D7D2;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	text-align: center;
	color: #BE4238;
	font-weight: bold;
	font-style: italic}

body.green div#date { color: #a4e531; }
body.pink div#date { color: #B165A3; }
body.orange div#date { color: #D68636; }
body.blue div#date { color: #5296B7; }
body.yellow div#date { color: #ADA83F; }
body.lilac div#date { color: #655A9E; }
body.turquoise div#date { color: #619A99; }
body.black div#date { color: #C83232; }

div#menubar {
	width: auto;  
	margin: 10px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	border-top: 1px solid #D7D7C8;
	border-bottom: 1px solid #D7D7C8;
	background: #ffffff;
	clear: both;  
}

div#menubar div.menubar-2 {
	height: 46px;
	background: #E6E6D2}

div#menu {
	position: absolute;
	top: 40px;
	/*left:325px;*/
	right:0px;
	z-index: 11;
	height: 46px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

div#search {
	position: absolute;
	top:5px;
	right: 0px;
	z-index: 12;
	width: 120px;  
}


div#footer ul li{ display:inline; list-style:none; list-style-type:none; background:none; padding:0 4px;font-weight:normal;padding-right:15px}


div#banner {
	position: absolute;
	top: 0px;
	right: -30px;
	width: 0px;
	z-index: 3}

div#header-left {
	position: absolute;
	top: 17px;
	left: 0px;
	width: 296px}

div#header-right {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 200px;
	text-align: right}

div#header-left ul,
div#header-right ul {
	margin: 0px;
	padding: 0px;
	list-style: none}

div#header-left li,
div#header-right li {
	display: block}

div#header-left li a,
div#header-right li a {
	display: inline-block;
	padding: 0px 5px 0px 5px;
	color: #323232;
	font-size: 11px;
	font-style: italic}

div#header-left li a:hover,
div#header-right li a:hover {
	color: #ffffff;
	background: #323232;
	text-decoration: none}

div#top {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#top .topbox {
	margin-top: 15px;
    min-height:190px;	
}

div#middle {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*clear: both; */ 
}

div#middle .background {
	min-height:10px;
	margin-top:10px}

 
div#middle .background {
	background: none}

 
.left div#middle .background {
	background: url(../images/left_bg_l.png) 0 0 repeat-y}

 
.right div#middle .background {
	background: url(../images/left_bg_r.png) 100% 0 repeat-y}

div#left {
	width: 210px;  
	 
}

.left div#middle div#left {
	float: left}

.right div#middle div#left {
	float: right}

div#main {
	width: auto;
	 
}

 
div#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px}

 
.left div#main {
	margin: 0px 0px 0px 240px;  
}

 
.right div#main {
	margin: 0px 240px 0px 0px;  
}

div#maintop {
	padding: 0px 0px 15px 0px}

div#mainmiddle {
	margin: 0px 0px 0px 0px;
	 
	 
}

.showright div#mainmiddle {}

div#right {
	width: 260px;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right}

div#content {
	width: auto;
	 
}

 
div#content {
	margin: 0px 0px 0px 0px}

 
.showright div#content {
	margin: 0px 280px 0px 0px;  
}

div#contenttop {
	margin: 0px 0px 15px 0px}

div#breadcrumbs {
	margin-bottom: 10px;
	font-size: 85%}
div#breadcrumbs2 {
	margin-top: 10px;
	font-size: 85%}

div#contentbottom {
	margin: 15px 0px 0px 0px}

div#mainbottom {
	padding: 0px 0px 0px 0px}

div#bottom {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	clear: both;  
}

div#bottom .bottomblock {
	margin-top: 15px;
	margin-bottom: -15px}

div#footer div{
	padding: 2px 0px 0px 0px}
div#footer {
	position: relative;
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
	border-top:1px solid #e4e4e4;
	text-align: center;
	color: #ccc}
div#page-footer {
margin-top:6px}
div#footer a:link, div#footer a:visited {
	/*color: #ffffff;*/
}

div#footer a:hover {
	/*color: #ffffff;*/
}

div#footer a.anchor {
	position: absolute;
	right: 45px;
	top: 10px;
	width: 145px;
	height: 23px;
	background: url(../images/footer_anchor_white.png) 0 0 no-repeat;
	display: block;
	text-decoration: none}

/*
 * Clearing & Floating
 */

 
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden}
	
 
.clearfix { display: block; }

 
.floatbox {  /*overflow: hidden;*/ clear:left; }

.float-left { float: left; /*overflow: hidden;*/ }
.float-right { float: right; overflow: hidden; }

.width15 { width: 14.999%; }
.width18 { width: 18.333%; }
.width20 { width: 19.999%; }
.width23 { width: 22.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width30 { width: 30%; }
.width35 { width: 34.999%; }
.width40 { width: 39.999%; }
.width45 { width: 44.999%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width65 { width: 64.999%; }
.width70 { width: 70%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }

/* add */
.goLeft{float:left}
.goRight{float:right}
.goRelative{position:relative}
.goAbsolute{position:absolute}
.clearALL{clear:both}

div#underLogo{
color:#FFFFFF;
font-size:14px;
left:-10%;
min-width:296px;
padding:10px;
position:absolute;
text-align:right;
top:80px;
z-index:1000}

div.content_left{width:565px; float:left;padding-right:10px}
div.content_right{width:395px; float:left}
div.maps_container{padding:15px 0 0 57px}

ul.bollet {padding:0 0 0 10px;margin:0; list-style:inside; list-style-type:circle}
.border_bottom_right {
border-right:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4}
div#footer ul {margin:0; padding:0}
div#footer ul li a:link, div#footer a:visited{ font-weight:normal}
/* NEW TEMPLATE CSS */
.topblock-left {
float:left}
.topblock-right {
float:right}
.topblock-left div.mod-blank h3{
color:#ffffff !important}
.topblock-left div.mod-blank {
padding-top:50px;
padding-right:15px;
padding-left:15px;
color:#ffffff !important}
.topblock-right div.mod-blank {
padding-top:50px;
/*padding-bottom:20px;*/
}
.topblock-left {
background:url(../images/module-top-left-bg.jpg) no-repeat;
height:447px}
.topblock-middle {

float:left;
height:150px;
margin-top:50px}
#langs {
position:absolute;
right:0px;
top:3px;
width:29px;
z-index:100}
.icons {
background:url(../images/icons.jpg) no-repeat;
width:150px;
height:75px}
.icon_real_estate {
background-position:-300px 0px}
.icon_tourism {
background-position:0px 0px}
.icon_services {
background-position:-450px 0px}
.icon_finance {
background-position:0px -150px}
.icon_medical {
background-position:0px -75px}
.icon_education {
background-position:-300px -150px}
.icon_retail {
background-position:-150px 0px}
.icon_engineering {
background-position:-150px -150px}
.icon_transport {
background-position:-300px -75px}
.icon_manufacturers {
background-position:-150px -75px}
.icon_government {
background-position:-450px -75px}
.icon_tradesman {
background-position:-150px -225px}
.icon_sporting {
background-position:0px -225px}
.icon_charities {
background-position:-450px -150px}
.mod-hover div.form_item{
margin:0px}
.mod-hover div.form_item div.form_element{
margin:0px}
#form_brief{display:table}
#form_brief .row{display:table-row}
#form_brief .cell .relative{position:relative;margin:0;padding:0}
#form_brief .cell{display:table-cell;padding:5px;vertical-align:top}

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight: normal;color:#0347b9}




/*
 * anchor
 */

a{color: #034795; text-decoration:none}
a:hover{color: #003c80}

a.icon-folder {
        padding-left: 17px;
        background: url(../images/typography/icon_folder.png) 0 40% no-repeat}

a.icon-file {
        padding-left: 17px;
        background: url(../images/typography/icon_file.png) 0 40% no-repeat}

a.icon-download {
        padding-left: 17px;
        background: url(../images/typography/icon_download.png) 0 40% no-repeat}

a.icon-external {
        padding-left: 17px;
        background: url(../images/typography/icon_external.png) 0 40% no-repeat}

a.icon-pdf {
        padding-left: 17px;
        background: url(../images/pdf_button.png) 0 40% no-repeat}

/*
 * emphasis
 */

em.box { 
	padding: 0px 4px 0px 4px;
	background: #e6e9eb;
	border-bottom: 1px dotted #646464;
	font-style: normal}

/*
 * unsorted lists
 */

ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style: none}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 35px;
	font-weight: bold;
	line-height: 26px;  
}

ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; }
ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; }
ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; }
ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; }


/*
 * ordered lists
 */

ol.disc {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 45px;
	background: url(../images/typography/list_disc.png) 20px 0px repeat-y}

ol.disc li {
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 26px;  
}

/*
 * horizontal rule
 */
 
hr.dotted {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none}

/*
 * highlighted div and span tags
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 35px}

div.info, span.info {
	background: #f4f5f6 url(../images/typography/box_info.png) 3px 5px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be}

div.alert, span.alert {
	background: #fff5eb url(../images/typography/box_alert.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0}

div.download, span.download {
	background: #f5faeb url(../images/typography/box_download.png) 3px 5px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a}

div.tip, span.tip {
	background: #fffdeb url(../images/typography/box_tip.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864}

/*
 * img
 */

img.border {
	padding: 9px;
	border: 1px solid #e6e6e1}

/*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 355%;
	font-family: Georgia, "Times New Roman", Times, serif
}

/*
 * blockquotes
 */

q.blockquote,
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif}

q.blockquote {
	display: block}

q.blockquote {
	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	font-style: italic;
	font-size: 130%}

q.blockquote:before,
q.blockquote:after {
  content: ""}

blockquote:first-letter,
q.blockquote:first-letter,
blockquote.quotation p:first-letter {
	font-size: 150%}

blockquote.quotation {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url(../images/typography/blockquote_start.png) 0 0 no-repeat;
	text-align:justify}

blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat}

/*
 * floating boxes
 */

body .inset-left {
	margin: 15px 15px 10px 0px;
	float: left}

body .inset-right {
	margin: 15px 0px 10px 15px;
	float: right}
.table_cell_left {
border-bottom:1px solid #e4e4e4}
.table_cell_right {
border-bottom:1px solid #e4e4e4;
border-left:1px solid #e4e4e4}
.border_bottom
{
border-bottom:1px solid #e4e4e4}
.border_right
{
border-right:1px solid #e4e4e4}

/*
 * topmenu
 */

div#extramenu {
	position: absolute;
	top: -9px;
	right: 180px;
	z-index: 13;  
	
}
div#extramenu a{ font-weight:normal; font-size:12px}
div#extramenu a span{color:#666}
div#extramenu ul li{ display:inline; list-style:none; list-style-type:none; background:none}
div#extramenu ul li a.item1 span{ font-weight:normal;padding-left:8px;padding-right:8px}
div#extramenu ul li a.item2 span{ font-weight:normal;padding-left:8px;padding-right:8px}
div#extramenu ul li a.item3 span{ font-weight:normal;padding-left:8px;padding-right:8px}
div#extramenu ul li a.item4 span{ font-weight:normal;padding-left:8px;padding-right:8px}
div#extramenu ul li a.item1 {background:url(../images/sep-extra.gif) no-repeat right}
div#extramenu ul li a.item2 {background:url(../images/sep-extra.gif) no-repeat right}
div#extramenu ul li a.item3 {background:url(../images/sep-extra.gif) no-repeat right}
div#extramenu ul li a.active span {font-weight:bold !important;color:#CC0100}
div#topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#topmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block}

div#topmenu li a {
	display: block;
	height: 30px;
	padding: 0px 10px 0px 15px;
	background: url(../images/topmenu_item_bg.png) 0 13px no-repeat;
	float: left;
	overflow: hidden;  
	text-decoration: none}

div#topmenu li.item1 a {
	padding: 0px 10px 0px 0px;
	background: none}

div#topmenu a:link, div#topmenu a:visited {
	color: #ffffff}

div#topmenu a:hover {
	color: #ffffff;
	text-decoration: none}

div#topmenu a span {
	display: block;
	height: 22px;
	float: left}

div#topmenu a:hover span {
	border-bottom: 1px dotted #ffffff}

/*
 * menu
 */


div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 5;  
}

div#menu li a, #menu li span.separator {
	height: 36px;
	display: block;
	float: left;
	text-decoration: none;
	color: #224a77}

div#menu li span {  
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;  
	background-position: 95% 0px;  
}

div#menu li.level2 a.current {  
	font-weight: bold}

div#menu a:hover,
div#menu span.separator:hover,
div#menu span.sfhover {  
	 color: #000000; 
}

div#menu a:hover span,
div#menu span.separator:hover span,
div#menu span.sfhover span{  
	 color: #000000; 
}

div#menu a.active, div#menu span.active {  
	color: #224a77}
div#menu li.parent span.separator {  
	cursor: pointer}

 
div#menu ul.menu {
}

div#menu li.level1 { background:none}

div#menu a.level1, div#menu span.level1 {
font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-size:20px;
line-height:250%;
padding:5px 14px 0 15px;	
	}

ccccccccccdiv#menu a.level1 span, div#menu span.level1 span {color:#094e9d; font-family:arial, Geneva, sans-serif; font-size:18px; font-weight:bold}


div#menu a.current span,div#menu a.active span {
color:#000000}
div#menu a.level1 span.title, div#menu span.level1 span.title{
	padding: 0px;
	font-size: 100%;
	line-height: 180%}
div#menu a.level1:hover span {
color:#000000}
div#menu a.level2:hover span {
color:#ffffff}
div#menu a.level1 span.sub, div#menu span.level1 span.sub {
	margin-top: -5px;
	padding: 0px 0px 10px 0px;
	background: none;
	font-size: 70%;
	font-weight: normal;
	color: #646464;
	line-height: 13px;
	text-transform: none;
	font-style: italic;
	display:none}

div#menu a.active span.sub, div#menu span.active span.sub {  
	color: #ffffff;
	display:none}

 
div#menu ul.menu ul {
	position: absolute;
	top: 36px;
	left: -999em;  
	width: 165px;
	padding: 2px 0px 0px 0px;
	/*background: url(../images/menu_dropdown_bg.png) 0 2px no-repeat;*/
	/*background:#fff;*/
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: -5px;  
	z-index: 100}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 15px}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
	height: 25px;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	background: transparent;
	float: none;  
	display: block;
	line-height: 25px}

div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  
	background: url(../images/menu_level2_item_parent.png) 100% 0 no-repeat}

div#menu li.level2 a.active, div#menu li.level2 span.active {  
}

div#menu li.level2 a:hover,
div#menu li.level2 span.separator:hover,
div#menu li.level2 span.sfhover {  
	height: 24px;
	border-bottom: 1px solid #904038;
	background: #B45046;
	color: #000000}

body.green div#menu li.level2 a:hover, body.green div#menu li.level2 span.separator:hover, body.green div#menu li.level2 span.sfhover { border-color: #798C68; background: #8ec230}
body.pink div#menu li.level2 a:hover, body.pink div#menu li.level2 span.separator:hover, body.pink div#menu li.level2 span.sfhover { border-color: #94778E; background: #B45EA9}
body.orange div#menu li.level2 a:hover, body.orange div#menu li.level2 span.separator:hover, body.orange div#menu li.level2 span.sfhover { border-color: #A7763E; background: #D1934E}
body.blue div#menu li.level2 a:hover, body.blue div#menu li.level2 span.separator:hover, body.blue div#menu li.level2 span.sfhover { border-color: #4F7F92; background: #639FB7}
body.yellow div#menu li.level2 a:hover, body.yellow div#menu li.level2 span.separator:hover, body.yellow div#menu li.level2 span.sfhover { border-color: #8B8A46; background: #AEAC57}
body.lilac div#menu li.level2 a:hover, body.lilac div#menu li.level2 span.separator:hover, body.lilac div#menu li.level2 span.sfhover { border-color: #6C687E; background: #87829D}
body.turquoise div#menu li.level2 a:hover, body.turquoise div#menu li.level2 span.separator:hover, body.turquoise div#menu li.level2 span.sfhover { border-color: #607878; background: #789696}
body.black div#menu li.level2 a:hover, body.black div#menu li.level2 span.separator:hover, body.black div#menu li.level2 span.sfhover { border-color: #302C24; background: #3C372D}
body.dumb div#menu li.level2 a:hover, body.dumb div#menu li.level2 span.separator:hover, body.dumb div#menu li.level2 span.sfhover { border-color: #ffffff;color:#000000; background: #FFFFFF}

 

 
div#menu li ul ul {
	margin: -48px 0 0 155px;  
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: none}

 
div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em}

 
div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100}


/*
 * sub menu
 */
 
 
div#middle div.mod-menu div.module ul,
div#middle div.mod-menu div.module ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

div#middle ul.menu li {
	margin: 0px;
	padding: 0px;
	display: block}

div#middle ul.menu a, div#middle ul.menu span.separator {
	height: 24px;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	/*border-bottom: 1px solid #ffffff;*/
	background: transparent;
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #323232}
div#middle ul.menu a {
background:url(../images/sep-lr.gif) repeat-x bottom}
div#middle ul.menu li span {  
	display: block;
	background-repeat: no-repeat;  
	background-position: 95% 0px;  
}

div#middle ul.menu a.current {  
	font-weight: bold}

div#middle ul.menu a:hover,
div#middle ul.menu span.separator:hover,
div#middle ul.menu span.sfhover,
div#middle ul.menu a.active:hover,
div#middle ul.menu a.active:hover span,
div#middle ul.menu span.active:hover {  
	height: 24px;
	border-bottom: 1px solid #904038;
	background: #B45046;
	color: #ffffff !important}

div#middle ul.menu a:hover span {
color:#ffffff}

body.green div#middle ul.menu a:hover, body.green div#middle ul.menu span.separator:hover, body.green div#middle ul.menu span.sfhover, body.green div#middle ul.menu a.active:hover, body.green div#middle ul.menu a.active, body.green div#middle ul.menu span.active:hover { border-color: #798C68; background: #95CE30}
body.pink div#middle ul.menu a:hover, body.pink div#middle ul.menu span.separator:hover, body.pink div#middle ul.menu span.sfhover, body.pink div#middle ul.menu a.active:hover,body.pink div#middle ul.menu a.active, body.pink div#middle ul.menu span.active:hover { border-color: #94778E; background: #B45EA9}
body.orange div#middle ul.menu a:hover, body.orange div#middle ul.menu span.separator:hover, body.orange div#middle ul.menu span.sfhover, body.orange div#middle ul.menu a.active:hover, body.orange div#middle ul.menu a.active, body.orange div#middle ul.menu span.active:hover { border-color: #A7763E; background: #D1934E}
body.blue div#middle ul.menu a:hover, body.blue div#middle ul.menu span.separator:hover, body.blue div#middle ul.menu span.sfhover, body.blue div#middle ul.menu a.active:hover, body.blue div#middle ul.menu a.active, body.blue div#middle ul.menu span.active:hover { border-color: #4F7F92; background: #639FB7}
body.yellow div#middle ul.menu a:hover, body.yellow div#middle ul.menu span.separator:hover, body.yellow div#middle ul.menu span.sfhover, body.yellow div#middle ul.menu a.active:hover, body.yellow div#middle ul.menu a.active, body.yellow div#middle ul.menu span.active:hover { border-color: #8B8A46; background: #AEAC57}
body.lilac div#middle ul.menu a:hover, body.lilac div#middle ul.menu span.separator:hover, body.lilac div#middle ul.menu span.sfhover, body.lilac div#middle ul.menu a.active:hover, body.lilac div#middle ul.menu a.active, body.lilac div#middle ul.menu span.active:hover { border-color: #6C687E; background: #87829D}
body.turquoise div#middle ul.menu a:hover, body.turquoise div#middle ul.menu span.separator:hover, body.turquoise div#middle ul.menu span.sfhover, body.turquoise div#middle ul.menu a.active:hover, body.turquoise div#middle ul.menu a.active, body.turquoise div#middle ul.menu span.active:hover { border-color: #607878; background: #789696}
body.black div#middle ul.menu a:hover, body.black div#middle ul.menu span.separator:hover, body.black div#middle ul.menu span.sfhover, body.black div#middle ul.menu a.active:hover, body.black div#middle ul.menu a.active, body.black div#middle ul.menu span.active:hover { border-color: #302C24; background: #3C372D}
body.light_blue div#middle ul.menu a:hover, body.light_blue div#middle ul.menu span.separator:hover, body.light_blue div#middle ul.menu span.sfhover, body.light_blue div#middle ul.menu a.active:hover, body.light_blue div#middle ul.menu a.active, body.light_blue div#middle ul.menu span.active:hover { border-color: #302C24; background: #689cb4}

body.pink div#middle ul.menu a.active span{
color:#ffffff}
body.green div#middle ul.menu a.active span{
color:#ffffff}
body.blue div#middle ul.menu a.active span{
color:#ffffff}
body.yellow div#middle ul.menu a.active span{
color:#ffffff}
body.liliac div#middle ul.menu a.active span{
color:#ffffff;

}
body.turquoise div#middle ul.menu a.active span{
color:#ffffff}
body.black div#middle ul.menu a.active span{
color:#ffffff}
body.light_blue div#middle ul.menu a.active span{
color:#ffffff}

div#middle ul.menu a.active, div#middle ul.menu span.active {  
	color: #000000}

div#middle ul.menu li.parent span.separator {  
	cursor: pointer}

div#middle ul.menu a.parent, div#middle ul.menu span.parent {  
	background: url(../images/submenu_l_item_parent.png) 100% 0 no-repeat}

div#right ul.menu a.parent, div#right ul.menu span.parent {  
	background: url(../images/submenu_r_item_parent.png) 100% 0 no-repeat}

 
div#middle ul.menu li.level1 {
}

div#middle ul.menu a.level1, div#middle ul.menu span.level1 {
	text-indent: 15px}

 
div#middle ul.menu li.level2 {
}

div#middle ul.menu a.level2 {
	text-indent: 25px}

div#middle ul.menu a.level2 span {
}

 
div#middle ul.menu li.level3 {
}

div#middle ul.menu a.level3 {
	text-indent: 35px}

div#middle ul.menu a.level3 span {
}

 
div#middle ul.menu li.level4 {
}

div#middle ul.menu a.level4  {
	text-indent: 45px}

div#middle ul.menu a.level4 span {
}
div#menu li.fancy {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 4;
	overflow: hidden;
	background: #c8001e}
div#menu li.bg-blue {
background:#639FB7}
div#menu li.bg-lightblue {
background:#689cb4}
div#menu li.bg-yellow {
background:#f5c65c}
div#menu li.bg-pink {
background:#b45ea9}
div#menu li.bg-green {
background:#8ec230}
div#menu li.bg-dark_blue {
background:#5155ac}
div#menu li.bg-liliac {
background:#87829D}
div#menu li.bg-light_blue {
background:#689cb4}
div#menu li.bg-red {
background:#a94b4c}
div#menu li.bg-turqoise {
background:#c8001e}
div#menu li.fancy div.fancy-1 {
	/*background: url(../images/menu_fancy_l.png) 0 0 no-repeat;*/
}

div#menu li.fancy div.fancy-2 {
	padding: 0px 50px 0px 50px;
	/*background: url(../images/menu_fancy_r.png) 100% 0 no-repeat;*/
}

div#menu li.fancy div.fancy-3 {
	height: 36px;
	/*background: url(../images/menu_fancy_m.png) 0 0 repeat-x;*/
}
div#menu ul li a span {
font-weight:normal !important}
div#menu a.active span {color:#fff; text-decoration:none}
div#left div.mod-menu div.module ul li a.current span {
color:#CC0100 !important}
div#left div.mod-menu div.module ul li a.current:hover span {
color:#ffffff !important}
div.module h3.header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 140%;
	color: #323232;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif}

/* header span's */
div.module span.header-2,
div.module span.header-3 {
	display: block}

/*
 * space for adjoining modules
 */

.separator div.module {
	margin: 0px 15px 0px 0px}
#left div.module,
#right div.module {
	margin: 0px 0px 15px 0px}
#top .topblock div.module {
	margin: 15px 0px 0px 0px}
#bottom .bottomblock div.module {
	margin: 0px 0px 15px 0px}

/*
 * styling for special positions
 */

div#toolbar div.module {
	margin-left: 20px;
	float: right}

div#headerbar div.module {
	margin-left: 20px;
	float: right}

/*
 * badge styling for all modules
 */
 
div.module {
	position: relative}
 
div.module div.badge-new {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(../images/module_badge_new.png) 0 0 no-repeat;
	z-index: 1}

div.module div.badge-top {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(../images/module_badge_top.png) 0 0 no-repeat;
	z-index: 1}

div.module div.badge-pick {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(../images/module_badge_pick.png) 0 0 no-repeat;
	z-index: 1}

div.module div.badge-sticker-new,
div.module div.badge-sticker-hot,
div.module div.badge-sticker-top {
	position: absolute;
	top: -15px;
	right: -5px;
	width: 50px;
	height: 50px;
	z-index: 1}

div.module div.badge-sticker-new { background: url(../images/module_badge_sticker_new.png) 0 0 no-repeat; }
div.module div.badge-sticker-hot { background: url(../images/module_badge_sticker_hot.png) 0 0 no-repeat; }
div.module div.badge-sticker-top { background: url(../images/module_badge_sticker_top.png) 0 0 no-repeat; }

/*
 * module: blank
 */
 
div.mod-blank div.module {
	overflow: hidden}

div.mod-blank h3.module {
	height: 20px;
	line-height: 20px}

/*
 * module: grey
 */
 
div.mod-grey div.box-1 {
	padding: 10px 15px 10px 15px;
	/*background: #F5F5E6;*/
	overflow: hidden}

div.mod-grey h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px}

/*
 * module: black
 */
 
div.mod-black div.box-1 {
	padding: 10px 15px 10px 15px;
	background: #3C372D;
	color: #ffffff;
	overflow: hidden}

div.mod-black h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px;
	color: #ffffff}

div.mod-black a:link, div.mod-black a:visited {
	color: #ffffff;
	text-decoration: underline}

div.mod-black a:hover {
	color: #ffffff;
	text-decoration: line-through}

/*
 * module: color
 */
 
div.mod-color div.box-1 {
	padding: 10px 15px 10px 15px;
	background: #B45046;
	color: #ffffff;
	overflow: hidden}

body.green div.mod-color div.box-1 { background: #97AF82; }
body.pink div.mod-color div.box-1 { background: #B995B1; }
body.orange div.mod-color div.box-1 { background: #D1934E; }
body.blue div.mod-color div.box-1 { background: #639FB7; }
body.yellow div.mod-color div.box-1 { background: #AEAC57; }
body.lilac div.mod-color div.box-1 { background: #87829D; }
body.turquoise div.mod-color div.box-1 { background: #789696; }
body.black div.mod-color div.box-1 { background: #3C372D; }

div.mod-color h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px;
	color: #ffffff}

div.mod-color a:link, div.mod-color a:visited {
	color: #ffffff;
	text-decoration: underline}

div.mod-color a:hover {
	color: #ffffff;
	text-decoration: line-through}

/*
 * module: coloredborder
 */
 
div.mod-coloredborder div.box-1 {
	padding: 10px 15px 10px 10px;
	border-left: 10px solid #B45046;
	background: #F5F5E6;
	overflow: hidden}

body.green div.mod-coloredborder div.box-1 { border-left-color: #97AF82; }
body.pink div.mod-coloredborder div.box-1 { border-left-color: #B995B1; }
body.orange div.mod-coloredborder div.box-1 { border-left-color: #D1934E; }
body.blue div.mod-coloredborder div.box-1 { border-left-color: #639FB7; }
body.yellow div.mod-coloredborder div.box-1 { border-left-color: #AEAC57; }
body.lilac div.mod-coloredborder div.box-1 { border-left-color: #87829D; }
body.turquoise div.mod-coloredborder div.box-1 { border-left-color: #789696; }
body.black div.mod-coloredborder div.box-1 { border-left-color: #3C372D; }

div.mod-coloredborder h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px}

/*
 * module: border
 */
 
div.mod-border div.box-1 {
	padding: 9px 14px 9px 14px;
	border: 1px solid #DCDCD7;
	overflow: hidden}

div.mod-border h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px}

/*
 * module: frame
 */
 
div.mod-frame div.box-1 {
	padding: 5px;
	background: #F5F5E6}

div.mod-frame div.box-2 {
	padding: 9px 14px 9px 14px;
	border: 1px solid #DCDCD7;
	background: #ffffff;
	overflow: hidden}

div.mod-frame h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px}

div.mod-frame div.badge-new,
div.mod-frame div.badge-top,
div.mod-frame div.badge-pick {
	top: 5px;
	right: 5px}

/*
 * module: header
 */
 
div.mod-header div.box-1 {
	padding: 1px 0px 1px 0px;
	/*border-top: 1px solid #D7D7C8;*/
	/*border-bottom: 1px solid #D7D7C8;*/
	background: transparent}

div.mod-header div.box-2 {
	padding: 10px 15px 10px 15px;
	background: transparent;
	overflow: hidden;
	color: #464646}

div.mod-header h3.header {
	height: 30px;
	margin: -10px -15px 5px -15px;
	background: #D7D7C8;
	font-size: 140%;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px}

/* menu */
div.mod-menu div.box-1 {
	padding-bottom: 0px}

div.mod-menu div.box-2 {
	padding: 0px 0px 0px 0px;
	overflow: visible}

div.mod-menu div.box-3 {
	margin: 0px -5px 0px -5px}

div.mod-menu h3.header {
	margin: 0px 5px 0px 5px}

/*
 * module: hover
 */
 
div.mod-hover div.box-1 {
	padding-bottom: 15px;
	/*background: url(../images/line_h.png) 0 100% repeat-x;*/
}

div.mod-hover div.box-2 {
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	overflow: hidden}

div.mod-hover h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px}

/*
 * module: dottedborder
 */
 
div.mod-dottedborder div.box-1 {
	background: url(../images/line_h.png) 0 0 repeat-x}

div.mod-dottedborder div.box-2 {
	background: url(../images/line_h.png) 0 100% repeat-x}

div.mod-dottedborder div.box-3 {
	background: url(../images/line_v.png) 0 0 repeat-y}

div.mod-dottedborder div.box-4 {
	padding: 10px 15px 10px 15px;
	background: url(../images/line_v.png) 100% 0 repeat-y;
	overflow: hidden}

div.mod-dottedborder h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 140%;
	letter-spacing: -1px}

/*
 * module: dotted
 */
 
div.mod-dotted div.module {
	padding: 0px 0px 15px 0px}

div.mod-dotted div.box-1 {
	overflow: hidden}

div.mod-dotted h3.header {
	margin: 0px 0px 3px 0px;
	padding:0px 0px 6px 0px;
	background: url(../images/module_dotted_header.png) 0 100% repeat-x;
	font-size: 140%;
	letter-spacing: -1px}

div.mod-dotted h3.header span.color {
	color: #141414}


/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 114px;
	height: 38px;
	margin-left: -57px;
	background: url(../images/module_polaroid_tape.png) 0 0 no-repeat;
	z-index: 1}

div.mod-polaroid div.box-1 {
	margin-top: 13px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;
	overflow: hidden}

div.mod-polaroid div.box-2 {
	margin-bottom: 5px;
	background: #000000}

div.mod-polaroid div.box-3 {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #C8C8C8}

div.mod-polaroid div.box-b1 {
	background: url(../images/module_polaroid_bl.png) 0 0 no-repeat}

div.mod-polaroid div.box-b2 {
	padding: 0px 70px 0px 70px;
	background: url(../images/module_polaroid_br.png) 100% 0 no-repeat}

div.mod-polaroid div.box-b3 {
	height: 5px;
	background: url(../images/module_polaroid_b.png) 0 0 repeat-x}

div.mod-polaroid h3.header {
	height: 25px;
	margin: 0px 0px 0px 0px;
	font-size: 140%;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232}

/*
 * module: postit
 */

div.mod-postit div.box-1 {
	border-top: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	background: #FFFFAA}

div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic}

div.mod-postit div.box-b1 {
	background: url(../images/module_postit_bl.png) 0 0 no-repeat}

div.mod-postit div.box-b2 {
	padding: 0px 90px 0px 60px;
	background: url(../images/module_postit_br.png) 100% 0 no-repeat}

div.mod-postit div.box-b3 {
	height: 40px;
	background: url(../images/module_postit_b.png) 0 0 repeat-x}

div.mod-postit h3.header {
	height: 30px;
	margin: -15px -15px 5px -15px;
	background: #FFFFDA;
	font-size: 140%;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic}

/*
 * module: tab
 */
 
div.mod-tab div.module {
	padding: 25px 0px 0px 0px}

div.mod-tab div.box-1 {
	padding: 14px 15px 10px 15px;
	border-top: 1px solid #DCDCD7}

div.mod-tab h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 25px;
	padding: 0px 15px 0px 15px;
	border-top: 1px solid #DCDCD7;
	border-left: 1px solid #DCDCD7;
	border-right: 1px solid #DCDCD7;
	background: #ffffff;
	line-height: 25px;
	font-size: 130%;
	letter-spacing: -1px}
div.module h3.header_leaf {
background:transparent url(../images/special_bg.png) no-repeat scroll right top;
color:#ffffff;
float:left;
font-size:25px;
font-weight:bold;
letter-spacing:1px;
line-height:49px;
margin-bottom:7px;
margin-right:15px;
padding-bottom:7px;
padding-left:10px;
padding-right:20px;
position:relative;
/*text-shadow:0 1px 0 #000000*/}
h3.header_leaf span.leaf {
background:transparent url(../images/special_leaf.png) no-repeat scroll left top;
height:56px;
left:-9px;
position:absolute;
top:0;
width:9px}
div.mod-special div.text{
margin-left:10px;
font-size:16px;
color:#ffffff}

/* readmore button */
p.readmore {
	overflow: hidden}

div.module p.readmore {
	margin-bottom: 0px}

a.readmore {
	height: 20px;
	padding: 0px 5px 0px 5px;
	border-left: 5px solid #C1CAD5;
	background: #D9E2EE;
	display: block;
	float: left;
	line-height: 20px;
	font-size: 90%;
	text-transform: uppercase;}





a.readmore:link, a.readmore:visited {
	color: #323232;
	text-decoration: none}

a.readmore:hover {
	color: #5296B7;
	text-decoration: none}



/* tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat}

.tool-text {
	font-size: 100%;
	margin: 0}

/*
 * general
 * used by Jommla core components
 */



div.joomla h1.pagetitle {
}

div.joomla div.description {
	margin: 10px 0px 10px 0px;
	overflow: hidden}

div.joomla div.description img.left {
	margin-right: 15px;
	float: left}

div.joomla div.description img.right {
	margin-left: 15px;
	float: right}

div.joomla div.filter {
	margin: 10px 0px 10px 0px}

div.joomla th {
	padding: 5px 5px 5px 5px;
	background: #E6E6D2;
	border-bottom: 1px solid #b4b4b4;
	font-weight : bold}

div.joomla tr.even td {
	padding: 5px 5px 5px 5px;
	background: #F5F5E6;
	border-bottom: 1px solid #dcdcdc}

div.joomla tr.odd td {
	padding: 5px 5px 5px 5px;
	background: #fafaf0;
	border-bottom: 1px solid #dcdcdc}

 
div.joomla span.number {
	color: #969696;
	font-style: italic}

/*
 * com_content
 * blog layout (frontpage, category, section)
 * sub selectors: blog
 */
 
div.joomla div.blog div.description {  
	margin: 10px 0px 15px 0px;
	padding-bottom: 20px;
	background: url(../images/line_h.png) 50% 100% repeat-x}

div.joomla div.leadingarticles {
	overflow: hidden}

div.joomla div.teaserarticles {
	overflow: hidden}

div.joomla div.item {
	margin-bottom: 15px}

div.joomla div.item-bg {
	padding-bottom: 5px;
	background: url(../images/line_h.png) 50% 100% repeat-x;
	overflow: hidden}

div.joomla div.multicolumns div.item {
	margin: 0px 15px 15px 15px}

div.joomla div.multicolumns div.first div.item {
	margin-left: 0px}

div.joomla div.multicolumns div.last div.item {
	margin-right: 0px}

div.joomla div.multicolumns div.column {
	border-right: 1px solid #DCDCD7}

div.joomla div.multicolumns div.last div.column {
	border-right: none}

div.joomla div.morearticles {
	margin: 10px 0px 10px 0px}

div.joomla div.pagination {
	text-align: center}

div.joomla div.pagination p.results {
}

/*
 * com_content
 * list layout (frontpage, category, section)
 * sub selectors: sectionlist, categorylist
 */

/*
 * com_content
 * article layout
 * sub seletors: article
 */

div.joomla div.headline {
	overflow: hidden}

div.joomla div.blog h1.title {
	text-align: center}

div.joomla div.article h1.title {
	float: left}

div.joomla div.multicolumns h1.title {
	font-size: 230%;
	letter-spacing: -1px}

div.joomla div.article span.icon {
	display: block;
	float: right;
	margin: 10px 0px 0px 5px}
#page div.joomla span.icon a:hover {
	background: none;
	border-bottom: none}

div.joomla span.edit {
}

div.joomla span.pdf {
}

div.joomla span.print {
}

div.joomla span.email {
}

div.joomla div.printscreen {
	margin-top: 10px;
	float: right}

div.joomla p.articleinfo {
	margin-top: 0px;
	color: #646464;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: 1px;
	line-height: 150%}

div.joomla div.blog p.articleinfo {
	text-align: center}

div.joomla p.articleinfo span.modified,
div.joomla p.articleinfo span.author,
div.joomla p.articleinfo span.created,
div.joomla p.articleinfo span.url {
	white-space: nowrap}

/*
 * com_content
 * editing an article
 * sub seletors: edit-article
 */

div.joomla div.edit-article fieldset {
	margin-bottom: 30px}

div.joomla div.edit-article fieldset div {
	overflow: hidden}

div.joomla div.edit-article label.label-left {
	display: block;
	width: 150px;
	float: left}

div.joomla div.edit-article div.save {
	margin: 0px;
	float: right}

div.joomla div.edit-article div#editor-xtd-buttons {
	margin-bottom: 0px;
	overflow: hidden}

div.joomla div.edit-article div#editor-xtd-buttons div {
	margin: 0px}

div.joomla div.edit-article div#editor-xtd-buttons div.button2-left {
	margin-right: 5px}

div.joomla div.edit-article div#editor-xtd-buttons a:link,
div.joomla div.edit-article div#editor-xtd-buttons a:visited,
div.joomla div.edit-article div#editor-xtd-buttons a:hover {
	color: #323232}

/*
 * com_weblinks
 * sub seletors: weblinks
 */

div.joomla div.weblinks fieldset {
}

div.joomla div.weblinks fieldset div {
	overflow: hidden}

div.joomla div.weblinks label.label-left {
	display: block;
	width: 150px;
	float: left}

/*
 * com_search
 * sub seletors: search
 */

div.joomla div.search p.info {
	margin: 0px;
	color: #969696;
	font-style: italic}

div.joomla div.search span.highlight {
	background: #ffffaa}

/*
 * com_poll
 * sub seletors: poll
 */

div.joomla div.poll fieldset {
	margin: 15px 0px 10px 0px}

/*
 * com_contact
 * sub seletors: contact
 */

div.joomla div.contact h1 {
	margin-bottom: 0px;
	font-size: 250%;
	font-weight: normal;
	letter-spacing: -1px}

div.joomla div.contact h2 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px}

div.joomla div.contact div.image {
	float: right}

div.joomla div.contact table {
	margin-bottom: 10px}

div.joomla div.contact label.label-top {
	display: block}

/*
 * com_user
 * sub seletors: user
 */

div.joomla div.user label.label-left,
div.joomla div.user span.label-left  {
	display: block;
	width: 130px;
	float: left}

/*
 * mod_newsflash
 */

div.module-newsflash {
	overflow: hidden}

div.module-newsflash div.item {
	padding-bottom: 15px;
	overflow: hidden}

div.module-newsflash div.last {
	padding-bottom: 0px}

/*
 * mod_search
 */

div.module-search {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url(../images/search_bg.png) 0 0 no-repeat}

div.module-search input {
	width: 93px;
	height: 14px;
	padding: 2px 2px 2px 7px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 80%}

div.module-search input:focus {
	outline: none}

div.module-search button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	background: url(../images/search_button.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: 100px;
	line-height: 0px}

div.module-search:hover{
	background: url(../images/search_bg.png) 0 -18px no-repeat}

div.module-search:hover input {
	color: #000000}

div.module-search input:focus {
	color: #000000}

/*
 * legacy Joomla styling only for third party components
 */

.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	line-height: 100%;
	font-weight: bold;
	color: #c8001e;
	letter-spacing: -1px}

body.blue .contentheading, body.blue .componentheading { color: #00bed2; }
body.pink .contentheading, body.pink .componentheading { color: #c800c8; }
body.orange .contentheading, body.orange .componentheading { color: #dc5000; }
body.green .contentheading, body.green .componentheading { color: #78c800; }
body.yellow .contentheading, body.yellow .componentheading { color: #FFC800; }
body.lilac .contentheading, body.lilac .componentheading { color: #6432C8; }
body.turquoise .contentheading, body.turquoise .componentheading { color: #00DCB4; }


/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px}

/*
 * Joomla! system CSS file: general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px}

/*.page span {
	color: #000;
	font-weight: bold}*/

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px}

.button2-left {
	background: url(../../system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px}

.button2-right {
	background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px}

.button2-left .image {
	background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat}

.button2-left .readmore {
	background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat}

.button2-left .pagebreak {
	background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat}

div.tooltip p {
	font-size: 90%;
	margin: 0}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em}

.img_caption .right {
	float: right;
	margin-left: 1em}

.img_caption .left p {
	clear: left;
	text-align: center}

.img_caption .right p {
	clear: right;
	text-align: center}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle}


#left #form-login fieldset {
	border: none}
#page div.default div.yoo-search div.resultbox {
	position: absolute;
	right: 0px;
	top: 24px;
	z-index: 20}
#page div.default div.yoo-search div.resultbox-bg {
	border-left: 1px solid #d7d7c8;
	border-right: 1px solid #d7d7c8;
	background: #ffffff}
#page div.default div.yoo-search div.resultbox-bl {
	background: #d7d7c8}
#page div.default div.yoo-search div.resultbox-br {
	background: #d7d7c8}
#page div.default div.yoo-search div.resultbox-b {
	background: #d7d7c8}
#page div.default div.yoo-search div.resultbox-b a:link,
#page div.default div.yoo-search div.resultbox-b a:visited,
#page div.default div.yoo-search div.resultbox-b a:hover {
	color: #323232}
#page div.default div.yoo-search a.search-more {
	color: #323232}
#page div.default div.yoo-search h3.search-header {
	background: #d7d7c8;
	color: #323232}
#page div.default div.yoo-search .resultbox-bg a {
	background: #ffffff}
#page div.default div.yoo-search .resultbox-bg a:hover {
	background: #f5f5e6}
#page div.default div.yoo-search span.search-more {
	background: url(../images/yoosearch/more_icon.png) 0 0 no-repeat}

/*
 * YOOcarousel: plain
 */

#page div.plain div.yoo-carousel div.top ul.tabs {
	height: 25px;
	border-bottom: 1px solid #dcdcd7;
	background: none }
#page div.plain div.yoo-carousel div.top li.item1 {
}
#page div.plain div.yoo-carousel div.top li {
	background: #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff}


#page div.plain div.yoo-carousel div.top ul.tabs li.selected {
	background: #ffffff;
	border-left: 1px solid #DCDCD7;
	border-right: 1px solid #DCDCD7;
	border-top: 1px solid #DCDCD7}
#page div.plain div.yoo-carousel div.top ul.tabs li a span {
	height: 24px;
	background: none;
	line-height: 25px;
	letter-spacing: -1px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
	font-size: 130%}
#page div.plain div.yoo-carousel div.top ul.tabs li.selected a span {
	height: 25px}
#page div.plain div.yoo-carousel li a:link,
#page div.plain div.yoo-carousel li a:visited {
	color: #323232}
#page div.plain div.yoo-carousel .article {
	font-size: 100%}
#page div.plain div.yoo-carousel h3 {
	line-height: 25px;
	font-size: 130%;
	letter-spacing: 0px;
	font-weight: normal}

/* add by mE */
div#wapper-bottom-bg {}
div#wapper-header-bg {}
div#top div.mod-grey div.box-1 {padding:0px}

/*div#middle{background: #fff url(../images/design/bg-right-top.png) 100% 0 no-repeat;padding:10px; border:1px solid #C9D2DC; margin:15px 0 0 0}*/
div#middle{background: #fff;padding:10px; border:1px solid #C9D2DC; margin:15px 0 0 0}
div.joomla div.headline{margin:0 0 0 -18px; background:url('../images/design/bg-h3-left.png') no-repeat left top; padding:0 0 0 8px; height:57px}
div.joomla div.headline h1{ background:url('../images/design/bg-h3-right.png') no-repeat right top;height:57px; padding:5px 15px 0}
div.joomla div.headline h1 a{color:#B7D8FC;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif ; font-size:25px; font-weight:bold}
div.joomla div.headline h1 a:hover{ text-decoration:none}

/* right_outside */
div#right_outside{ float:right; width:270px; margin:15px 0 0}
div#right_outside div.right_mod{border:1px solid #c9d2dc; background:#f1f7fe; margin-bottom:18px}

div#right_outside div.h3-icon-all{ 
  height:42px; 
  margin:-8px 0 8px 16px;
  padding:20px 0 0 68px; 
  background:url('../images/design/outside-sprite.png') no-repeat
}
div#right_outside div.h3-icon, div#right_outside div.h3-icon-plus{ background-position:0 0}
/* more icons */
div#right_outside div.h3-icon-question{ background-position:0 -62px}
div#right_outside div.h3-icon-support{ background-position:0 -122px}
div#right_outside div.h3-icon-idea{ background-position:0 -184px}

div#right_outside div.h3-icon-all h3{
	margin:0;
	padding:0; 
	color:#0350A6;
	font-family:"Helvetica Neue",helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold}
	div#right_outside div.h3-icon-all h4{margin:0;padding:4px 0 0 0 ;color:#011934;
	font-family:"Helvetica Neue",helvetica,Arial,sans-serif;
	font-size:13px;
}

ul.blog-archives ,
ul.blog-categories {margin:-18px -17px -17px -17px;padding:0}
div#right_outside ul.menu{margin:-17px;padding:0}

ul.blog-archives li,
ul.blog-categories li,
div#right_outside ul.menu li{
	margin:0;
	list-style:none; 
	list-style-type:none; 
	background:url('../images/design/outside-sprite.png') repeat-x #e3e9f2; 
	height:37px;
	background-position:0 -249px;
	padding:15px 0 0 16px;
	border-top:1px solid #c1cad5;

}
ul.blog-archives li:hover,
ul.blog-categories li:hover,
div#right_outside ul.menu li:hover, div#right_outside ul.menu li.active{background:#d9e2ee;border-top:1px solid #c1cad5; }

ul.blog-archives li a,
ul.blog-categories li a,
div#right_outside ul.menu li a, 
div#right_outside ul.menu li a.first{
	margin:0;
	padding:0 0 0 30px;
	font-size:15px;
	color:#253142; 
	background:url('../images/design/outside-li-a-bg.png') no-repeat left top;
	height:19px;
	font-weight:bold
}
div#right_outside ul.menu li.first{ border-top:0}

ul.blog-archives li a:hover,
ul.blog-categories li a:hover,
div#right_outside ul.menu li a:hover,
div#right_outside ul.menu li a.active{ text-decoration:none;color:#0350A6; }
div#right_outside .right-mod-content{background:#D9E2EE none repeat scroll 0 0;border-top:1px solid #C1CAD5;border-bottom:1px solid #C1CAD5;margin-bottom:25px; padding:17px}


/* ul menu tips */
div#right_outside ul.menu2{margin:-17px;padding:0}
div#right_outside ul.menu2 li{
	margin:0;
	list-style:none; 
	list-style-type:none; 
	background:url('../images/design/outside-sprite.png') repeat-x #e3e9f2; 
	height:37px;
	background-position:0 -249px;
	padding:15px 0 0 16px;
	border-top:1px solid #c1cad5;

}
div#right_outside ul.menu2 li:hover, 
div#right_outside ul.menu2 li.active{background:#d9e2ee;border-top:1px solid #c1cad5; }
div#right_outside ul.menu2 li a, 
div#right_outside ul.menu2 li a.first{
	margin:0;
	padding:0 0 0 30px;
	font-size:12px;
	color:#253142; 
	background:url('../images/design/outside-li-a-bg.png') no-repeat left top;

	font-weight:normal;
}
div#right_outside ul.menu2 li.first{ border-top:0}

div#right_outside ul.menu2 li a:hover,
div#right_outside ul.menu2 li a.active{ text-decoration:none;color:#0350A6; }


/* footer-container-all */
div#footer-container-all{padding-top:20px; background:#082448 url('../images/design/bg-footer-all.png') repeat-x top; min-height:81px; clear:both; margin-top:15px}

div#footer-container-all .footer-container{width:1020px; margin:0 auto; color:#fff; text-align:center} 
div#footer-container-all .footer-container-menu ul{ width:auto; margin:0 auto}
div#footer-container-all .footer-container-menu ul li{ display:inline; padding: 10px}
div#footer-container-all .footer-container-menu ul li a{ font-size:20px; color:#fff; font-weight:bold}
div#footer-container-all .footer-container-menu ul li a:hover{ text-decoration:none; color:#fff}
div#footer-container-all .footer-container-copyright{ clear:both; padding-top:10px}
div#footer-container-all .footer-container-copyright a{ font-size:100%; color:#fff}

/*homepage dispaire*/
div#menu ul.menu li.first{display:none}
div.article-container{ margin:auto; border:1px solid #B3B6BA; padding:10px; margin-top:5px}

/* right_outside typo */
ul.unlimited, ul.included{ margin:-1px 0 0 0; padding:0}
ul.unlimited li, ul.included li{
background:url('../images/design/typo-sprite.png') no-repeat -35px -106px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:8px 0 8px 0px;
padding:0 0 0 31px;
font-size:130%;
color:#0350A6;
}
ul.unlimited li{background-position:-35px -126px}

/*ul.blog-archives, ul.blog-categories{
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin:8px 0 8px 15px;
padding:0 0 0 0px;
font-size:120%;
color:#0350A6;
line-height:normal
}*/


/* What You Get */
div.what-container{ border-top:1px solid #B3B6BA; padding:20px 0; position:relative}
div.what-container .what-clear{clear:both}
div.what-container .what-checked{position:absolute; left:-43px;top:0; width:53px; height:54px; background:url('../images/design/typo-sprite.png') no-repeat 0 0}
div.what-container .what-img-container{ float:left; width:273px; padding-right:10px}
div.what-container .what-text-container{float:left; width:380px}
div.what-container h1.what-title-container{font-size:220%}
div.what-container p.what-description-container{ text-align:justify}
div.what-container .what-link-container{}

/* How It Works */
div.how-container{position:relative; margin:15px 0; padding:10px 0;border-top:1px solid #B3B6BA}
div.how-container .how-clear{clear:both}
div.how-container .how-step{position:absolute; left:-43px;top:0; width:53px; height:48px; background:url('../images/design/typo-sprite.png') no-repeat 0 -53px; text-decoration:none; text-align:center; color:#023E83; font-family:Tahoma, Geneva, sans-serif; font-size:34px; font-weight:bold; padding-top:5px; line-height:normal}
div.how-container .how-step span{padding-bottom:30px}
div.how-container .how-text-container{padding:0 20px}
div.how-container .how-text-container h1{padding:10px 0 0 0; font-size:150%}
div.how-container .how-text-container p{ text-align:justify}
div.how-container .how-image-container{text-align:center}

/* gallery portfolio */
div#gallery-container{}
div#gallery-container .gallery-container{ clear:both}
div#gallery-container .gallery-intermediar-text{ clear:both;border:1px solid #B3B6BA;margin:5px auto auto;padding:10px;}
div#gallery-container .gallery-image-thumb img{padding:7px; border:1px solid #B3B6BA; background:url('../images/design/loading-white.gif') no-repeat 50% 50%}
div#gallery-container .gallery-image-thumb img:hover{background:#ddd}
div#gallery-container .gallery-image-container-right{position:relative; float:left; width:auto; padding-left:20px; margin:15px 0}
div#gallery-container .gallery-image-container-left{position:relative; float:left; width:auto; margin:15px 0}
div#gallery-container .gallery-image-title{width:100%; padding:5px; font-size:14px; font-weight:bold}
div#gallery-container .gallery-image-link{ display:none}

div#gallery-container .gallery-image-zoom{position:absolute; right:-15px;top:15px; width:29px; height:28px; background:url('../images/design/portfolio-zoom.png') no-repeat; margin:0; padding:0}

/* BODY SHADOW */
div.body-shadow{ clear:both;background:url('../images/design/shadow-all.jpg') no-repeat; height:22px; margin:0 0 15px; padding:0; display:none}

/* faq */
div#faq_accordion{}
div#faq_accordion h2{margin:10px 0 0 0; font-size:190% }
div#faq_accordion h3.toggler{ font-size:14px;cursor:pointer; padding:3px; color:#464646; letter-spacing:normal}
h3.toggler:hover{ background:#D9E2EE; }
.element p{padding:10px;border:1px solid #D9E2EE ; margin:0px 0 5px 0}

/* languages */
div#langs{ width:auto; padding:7px 0 0 0}
ul.language-selection li{ display:inline; list-style:none; list-style-type:none; background:none}

/* tips */
h2.title{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:25px;
font-weight:bold;margin-top:15px}

/* paks */
div#paks-container{height:462px;width:100%;}
div#paks-container h2{
background:transparent url(../images/design/h2-register.png) no-repeat scroll 0 0;
display:block;
height:34px;
margin:0 auto;
text-indent:-9999px;
width:707px;
margin-top:30px;
}

ul#plans {
	margin:15px -10px 0 -27px;
}

ul#plans li{
	float:left;
	width:223px;
	margin-right:29px;
	display:block;
	height:440px;
	position:relative;
}

ul#plans li.last {
	margin-right:0;
}

ul#plans li#freelancer-plan{
		background: url("../images/design/image-marketing-plan-freelancer.png") bottom left no-repeat;
}

ul#plans li#studio-plan{
		background: url("../images/design/image-marketing-plan-studio.png") bottom left no-repeat;
}

ul#plans li#agency-plan{
		background: url("../images/design/image-marketing-plan-agency.png") bottom left no-repeat;
}

ul#plans li#corporate-plan{
		background: url("../images/design/image-marketing-plan-corporate.png") bottom left no-repeat;
}

ul#plans li a {
	background: url("../images/design/button-choose-a-plan.png") bottom left no-repeat;
	display:block;
	width:197px;
	height:37px;
	position:absolute;
	bottom:25px;
	left:15px;
	text-indent:-99999px;
}

ul#plans li a:active {
	background: url("../images/design/button-choose-a-plan.png") top left no-repeat;
}


#sign-up-bar.plans-page .wrap {
	width:990px;
	text-align:center;
	padding-top:22px;
	padding-bottom:17px !important;
}

div.no-body{}

/* pakete under modules */
div#under-center{ padding:25px 0}
div#under-center .under-center-column{ width:50%;float:left}
div#under-center h2{color:#0350A6;
font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size:18px;
font-weight:bold;
margin-bottom:4px;
/*text-shadow:0 1px 0 #F2FEFE;*/}

div#under-center  p{
color:#011934;
font-size:13px;
line-height:1.4;
/*text-shadow:0 1px 0 #E7F1FD;*/}

div#under-center-1 div{padding-right:10px}
div#under-center-2 div{padding-left:10px}

/* under-header */
div#under-header{ height:43px; text-align:center; padding:20px 0 0 0}
div#under-header a{
	text-decoration:none;
	font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size:18px;
	/*text-shadow:0 1px 0 #D7E8FE;*/
	padding:6px;
	padding-right:30px;
	background: url("../images/design/icon-marketing-free-plan-arrow.png") center right no-repeat;
    color:#02244a;
	font-weight:bold;	
	}
div#under-header a:hover{background-color: #d4e8fe;	border: 1px solid #7ca5d4;}

a.see,
a.take,
a.get,
a.demo,
a.detailed,
a.request,
a.frequently
{ margin-top:10px;display:block;width:234px; height:43px; background:url('../images/design/right_outside_btns.gif') 0 0 no-repeat; text-indent:-9999px}
a.take{ background-position:0 -43px}
a.get{ background-position:0 -86px}
a.demo{ background-position:0 -129px; width:117px}
a:hover.demo{ background-position:-117px -129px; width:117px}
a.detailed{ background-position:0 -172px}
a.request{ background-position:0 -215px}
a.frequently{ background-position:0 -258px}

div.footer-container{position:relative}
div.link-demo{position:absolute; right:15px; top:-10px}

/* unlimited-center */
div#unlimited-center{background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C9D2DC;
margin:15px 0 0;
padding:10px;}

div#unlimited-container{}
div#unlimited-container h1{font-size:180%; margin:0 ; padding:10px 15px 0 0; width:auto; float:left}
div#unlimited-container .scroller{margin:0 ; padding:10px 0 0; width:760px;border:0px solid red; float:left; overflow:hidden}


div#unlimited-container .unlimited_div{ padding:0 10px}

/* frontpage */
a.orange_link{}
div.front-div{width:283px}

div#home-container{padding:0 0 0 25px}
div#home-container .home-pace{float:left; width:33%; overflow:hidden}
div#home-container .home-image{padding:0 0 15px 0}
div#home-container .home-text{ text-align:left; padding:0 30px 0 0}
div#home-container .home-center{padding: 0 2px}
div#home-container .home-clear{ clear:both}
div#home-container .home-link{text-align:right;padding:0 20px 0 0; font-weight:bold}
div#home-container .home-link a{font-size:14px;padding:2px 30px 2px 0 ;background:transparent url('../images/design/icon-marketing-free-plan-arrow.png') no-repeat scroll right center;
color:#02244A;}
div#home-container .home-link a:hover{color:#e29e00; background:transparent url('../images/design/icon-marketing-free-plan-arrow-hover.png') no-repeat scroll right center; text-decoration:none}

/* date picker */
.input_input .DatePicker,
input.DatePicker{
	display: block;
	width: 163px;
	padding-left: 24px;
	/*border: 1px solid #0070bf;*/
	background: #fff url('../images/design/date.gif') no-repeat top left;
	cursor: pointer;
}

.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #C8C8C8;
	position: absolute;
	width: 192px;
	top: 28px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}


/* quote */
.div-class-1{position:relative;width:96%}

/* flags */
img.lang-nn,img.lang-nl,img.lang-ca,img.lang-en,img.lang-de,img.lang-lt,img.lang-se{ width:25px; height:25px;background:url('../images/design/all-flags.png') no-repeat}

img.lang-nn{ background-position:-25px -50px}
img.lang-ca{ background-position:-25px -25px}
img.lang-en{ background-position: 0px 0px}
img.lang-de{ background-position: 0px -25px}
img.lang-lt{ background-position: 0px -50px}
img.lang-se{ background-position:-25px 0px}
img.lang-nl{ background-position:-25px 0px}

/* testimonials */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble div.cit-arrow{
	margin: -1px 0 0 0;
	padding: 7px 5px 0px 5px;
	background: transparent url('../images/design/tip.gif') no-repeat 20px 0;
}
div.bubble div.cit-arrow strong{ float:left; font-size:16px}
div.bubble div.cit-arrow span{ float:right; font-size:12px}

/* forms */
div.planChoose{ padding:0 0 0 400px}
span#span-planChoose{ text-transform:uppercase; font-weight:bold; font-size:130%; padding:0 0 0 10px}

.rowitem div.verification-code{ border:1px solid #AAAAAA; background:#fff; margin-left:7px; padding:0 0 0 10px}
.rowitem div.verification-code input[type="text"]{ width:40px; padding-left:0}
div.plan-submit input{margin-left:10px}

/* form icons */
img.form-icon-online,
img.form-icon-company,
img.form-icon-project,
img.form-icon-company-desc,
img.form-icon-project-desc,
img.form-icon-webshop,
img.form-icon-size,img.form-icon-verification{ width:58px; height:59px; background:url('../images/design/form-icons.gif') no-repeat}

img.form-icon-online{ background-position:0px 0px;}
img.form-icon-company{ background-position:-58px 0px;}
img.form-icon-project{ background-position:-58px -59px;}
img.form-icon-company-desc{ background-position:-174px 0px;}
img.form-icon-project-desc{ background-position:0px -59px;}
img.form-icon-webshop{ background-position:-116px 0px;}
img.form-icon-size{ background-position:-174px -59px;}
img.form-icon-verification{ background-position:-116px -59px;}

/* size */
div#size-container{padding:0 0 0 12px}
div.size-s-on,
div.size-m-on,
div.size-l-on,
div.size-xl-on,
div.size-s-over,
div.size-m-over,
div.size-l-over,
div.size-xl-over,
div.size-s-off,
div.size-m-off,
div.size-l-off,
div.size-xl-off{background:url('../images/design/size-choose.png') no-repeat; cursor:pointer}

div#size-container div.size-s-off{width:76px; height:46px; float:left;background-position: 0px -46px; }
div#size-container div.size-m-off{width:73px; height:46px; float:left;background-position: -76px -46px; }
div#size-container div.size-l-off{width:75px; height:46px; float:left;background-position: -149px -46px; }
div#size-container div.size-xl-off{width:76px; height:46px; float:left;background-position: -224px -46px; }


div#size-container div.size-s-on{width:76px; height:46px; float:left;background-position: 0px 0px; }
div#size-container div.size-m-on{width:73px; height:46px; float:left;background-position: -76px 0px; }
div#size-container div.size-l-on{width:75px; height:46px; float:left;background-position: -149px 0px; }
div#size-container div.size-xl-on{width:76px; height:46px; float:left;background-position: -224px 0px; }

div#size-container div.size-s-over{width:76px; height:46px; float:left;background-position: 0px -92px; }
div#size-container div.size-m-over{width:73px; height:46px; float:left;background-position: -76px -92px; }
div#size-container div.size-l-over{width:75px; height:46px; float:left;background-position: -149px -92px; }
div#size-container div.size-xl-over{width:76px; height:46px; float:left;background-position: -224px -92px; }

/*popup_quote*/
div#popup_quote{display:none;top:10px;
position:fixed !important;
right:10px;
z-index:99999;
 background:#fff; border:1px solid #C9D2DC; padding:10px; width:270px}
div#popup_quote_inner{}

span.lang-title{ color:#fff;padding:0 10px 0 0; display:none}

/*all zero*/
/*#textContainer *{margin:0;padding:0}*/
#textContainer form{margin:0;padding:0}

#support-btn{margin:0; padding:0;}
#support-container{
	background:none; 
	color:#FFF; 
	border:2px solid #ddd;
	display:none;
	position:absolute; 
	bottom:100px; 
	right:100px;
	width:auto;
}
#support-btn-container{
	position:fixed !important;
	bottom:0;
	right:0;
	z-index:99999;
}

#support-container .top-container{ height:12px; width:100%}
#support-container .left-container{ height:12px; width:12px; float:left; background:url('../images/corners.png') 0 0 no-repeat}
#support-container .right-container{ height:12px; width:12px; float:right; background:url('../images/corners.png') -12px 0 no-repeat}
#support-container .center-container{ height:12px;float:left; background:url('../images/lines_top_bottom.png') 0 0 repeat-x}
#support-container .support-container-center{clear:both}

/* popups */
div#popup_support,
div#popup_register{
	position: absolute;
	z-index: 100000;
	width: 530px;
	right: 100px;	
	bottom: 100px;
	margin-right: -12px;
	display: none;
}

div#close_button_support,
div#close_button_register{
	width: 24px;
	margin: 3px 3px 0 0;
	height: 24px;
	cursor: pointer;
	float: right;
}

div.top{
	width: 488px;
	padding: 0 10px 16px 32px;
	margin: 27px 0 0 0;
	overflow: hidden;
}


div.bottom{
	width: 530px;
	height: 16px;
}
div#popup_support,
div#popup_register{
	background: url('../images/popup_top.png') no-repeat 0 top;
}

div#close_button_support,
div#close_button_register{
	background: url('../images/close_button.png') no-repeat 0 top;
}

div#close_button_support:hover,
div#close_button_register:hover{
	background: url('../images/close_button.png') no-repeat 100% top;
} 

div.top{
	background: url('../images/popup_middle.png') repeat-y 0 0;	
}

div.bottom{
	background: url('../images/popup_bottom.png') no-repeat 0 bottom;	
}

#inputResult{display:none}

.btnCenter, .inputCenter{ float:left;padding:2px 0;margin:0}

div#btn{ background:#023C80; border:1px solid #00234b; padding:0px 10px; color:#fff; margin:0 0 0 10px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; float:left}
.inputCenter input{ background:#fff; border:1px solid #ddd; padding:3px 10px;margin:0}


/* call us */
div#inputOne{ position:relative}
.inputResult p{margin:0;padding:0}
.call_us_icon{ width:117px; height:115px; background:url('../images/call_you.jpg') no-repeat; float:left}
.call_offline_icon{ width:117px; height:115px; background:url('../images/call_you_offline.jpg') no-repeat; float:left}
.call_us_text{ width:330px;float:left}
.call_us_text h2{ color:#023C80; margin:0;padding:0}
.call_us_text p.call_text1{font:140% Arial, Helvetica, sans-serif; margin:0;padding:0}
.call_us_text p.call_text2{ font-size:10px; padding:5px 0 0 0; margin:0}
input.call_tel{width:120px; padding:0 4px; margin:0; font-size:15px; color:#666}
input.call_tel_prefix{width:30px; padding:0 4px; margin:0; font-size:15px; color:#666}
div.input_txt{ float:left; width:90px; margin:0; padding:0}
div.input-ext{top:-26px; right:28px;position:absolute; font-size:10px}
html div.input-ext{top:-52px}
div#inputOne select{float:left; width:115px; padding:0; margin:0}

.clearALL{clear:both; margin:0;padding:0}

/* top header */
div#top-header-container{ height:547px; width:100%; background:url('../images/design/top-header-bg.jpg') no-repeat 0 0}
div#top-header-container .top-header-left{float:left; width:auto; padding:320px 0 0 0}
div#top-header-container .top-btn-green{background:url('../images/design/top-btn-green.jpg') no-repeat 0 0}
div#top-header-container .top-btn-blue{background:url('../images/design/top-btn-blue.jpg') no-repeat 0 0; margin:25px 0 0 0}

div#top-header-container .top-header-right{float:left;width:670px; border:0px solid red}
div#top-header-container .top-header-zoom{ width:588px; height:368px; padding:44px 0 0 57px}
div#top-header-container .top-header-thumb{padding:2px 0 0 27px}
div#top-header-container .top-header-thumb ul li{display:inline; list-style:none; list-style-type:none; background:none}

/* unlimited */
#scroller_elements {
    left:0px;
}

#mooquee-left {
    left:220px;
    white-space: nowrap;
}

.mooquee{    
    position: absolute;
    overflow: hidden;
}

.mooquee-text {
    position: absolute;
}
#contact_form{padding:15px 0 0 0}
/*#contact_form h2{ font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; padding-bottom: 6px; border-bottom:1px solid #ccc} */

.input_container{ padding:3px}
.input_title{width:130px}
.input_input{}
.input_input input{width:182px; padding:5px}
.input_input select{width:157px}

.input_message{padding:0 0 6px 0}
.input_textarea textarea{width:546px; height:100px}
.input_full input{width:541px}
.paddingRight{padding-right:35px}

#submit_form{ width:239px; height:38px; background:url('../../images/contact/submit.png') no-repeat; color:#fff; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; padding:10px 0 0 0 ; text-align:center; cursor:pointer; float:right; margin:10px 14px 0 0 }


.contact_tab{clear:both;padding:10px 0 0 0}
ul#contact_tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #ccc;
	height:30px;
}
ul#contact_tabs li {
	display: block;
	float: left;
	cursor:pointer;
	font: bold 17px Arial, Helvetica, sans-serif;
	border:0px solid #ccc;
	padding:7px 10px;
	
}
.contact_tab_active {
	color: #fff;
}
ul#contact_tabs li span {
	display: block;
	width: auto;
	line-height: 24px;
	margin-left: 3px;
	padding: 0 8px;
}

ul#contact_tabs li:hover a,
ul#contact_tabs li.contact_tabs_active a{
	color: #333;
	text-decoration:none
}

ul#contact_tabs li.contact_tabs_active{ background:#fff; border:1px solid #ccc;
	background:#fff}

#contact_tab_2,
#contact_tab_3,
#contact_tab_4{
	display: none;
	clear:both;
}


.input_container div h2{font-size:16px; font-weight:bold;border:0; color:#333; padding:5px; font-family:Arial, Helvetica, sans-serif}
.input_container p{padding:0 0 0 4px;margin:0; font-size:12px}

/* send */
.contact_tab_errors{color:red}
.contact_tab_result{background:url('../../images/contact/loader.gif') no-repeat; min-height:16px; padding:0 0 0 20px}
.contact_tabc_result{ display:none}