body {
background: #1E4772;/*url(grass.gif) repeat;*/
font: 12px arial, helvetica, sans-serif;
color: #333;
height: 100%;
}

a, a:visited {color: #0099CC; font-weight: bold; text-decoration: none;}
a:hover {border-bottom: 1px solid #0099cc;}
a img {border: none;}

#header {
background: url(images/815.png) no-repeat 0 0;
width: 800px;
height: 118px;
margin: 0px auto;
position: relative;
margin-top: 1em;
}

#header h1 a{
background: transparent;
width: 454px;
height: 107px;
position: absolute;
top: 10px;
left: 11px;
text-indent: -900000px;
}

#header h1 a:hover {border-bottom: none;}

#nav {
background: url("images/930.gif") no-repeat 0 0;
width: 800px;
height: 43px;
margin: 0px auto;
}

#nav ul { width: 776px; height: 43px; margin: 0px 12px; list-style: none; padding: 0; }
#nav ul li {float: left; border-bottom: 3px solid #f3f3f3; border-right: 1px solid #f3f3f3;}
#nav ul li.last {border-right: none;}
#nav ul li a {display: block; width: 154px; height: 43px; padding-bottom: 0 !important;}
#nav ul li a:hover {border-bottom: none !important;}
#nav ul li a#home {width: 155px !important; background: url(images/915.gif) no-repeat 0 0;}
#nav ul li a#about {background: url(images/900.gif) no-repeat 0 0;}
#nav ul li a#servicesandsolutions {background: url(images/920.gif) no-repeat 0 0;}
#nav ul li a#blog {background: url(images/960.gif) no-repeat 0 0;}
#nav ul li a#contact {width: 155px !important; background: url(images/910.gif) no-repeat 0 0;}
#nav ul li a#home:hover, #nav ul li a#home.selected {background: url(images/915.gif) no-repeat 0 -43px;}
#nav ul li a#about:hover, #nav ul li a#about.selected {background: url(images/900.gif) no-repeat 0 -43px;}
#nav ul li a#servicesandsolutions:hover, #nav ul li a#servicesandsolutions.selected {background: url(images/920.gif) no-repeat 0 -43px;}
#nav ul li a#blog:hover, #nav ul li a#blog.selected {background: url(images/960.gif) no-repeat 0 -43px;}
#nav ul li a#contact:hover, #nav ul li a#contact.selected {background: url(images/910.gif) no-repeat 0 -43px;}

#content {
background: transparent url(http://4am.dj/encorem/img/content.gif) repeat-y 0 0;
width: 800px;
height: auto;
margin: 0 auto;
display: block; 
padding-bottom: 1em;
}

#content-left {
display: block;
width: 464px;
height: auto;
background: #f3f3f3;
float: left;
margin-left: 12px;
padding: 1px;
}

#content-right {
display: block;
width: 308px;
height: auto;
background: #f3f3f3;
float: right;
padding: 1px;
margin-right: 12px;
}

#content-span {width: 760px; min-height: 500px; padding: 10px 20px;}

#gallery {
background: #446432;
margin-top:-1px;
}

#breadcrumbs {
text-align: right;
font: 10px "Trebuchet MS", "Lucida Sans", verdana, sans-serif;
color: #f3f3f3;
margin-right: 10px;
padding: 6px 0px;
}

.textPanel {padding: 12px;}

.textPanel h2 {
font: 18px "Trebuchet MS", "Lucida Sans", verdana, sans-serif;
color: #446432;
font-weight: bold;
text-transform: uppercase;
margin: 12px 0;
}

.textPanel h3 {
font: 15px "Trebuchet MS", "Lucida Sans", verdana, sans-serif;
color: #446432;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 12px;
}

.textPanel ul {
list-style-type: disc;
margin-left: 2em;
}

.textPanel ul li {
margin-bottom: 1em;
}

.textPanel p, .contentCall p {margin-bottom: 12px;}

.contentCall h2 {
background: transparent url(images/955.gif) no-repeat 0 0;
height: 30px;
width: 304px;
margin: 0 2px;
font: 14px "Trebuchet MS", "Lucida Sans", verdana, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #f3f3f3;
position: relative;
clear:both;
}



.contentCall h2 span {
position: absolute;
left: 16px;
padding: 6px;
}

.contentCall .insetPanel{
padding: 12px;
}
ul.news {list-style: none;}
ul.news li {background: #ddd; padding: 6px; margin: 4px 2px; border: 1px solid #ccc; }
ul.news li.light {background: #f3f3f3; padding: 6px; margin: 4px 2px; border: 1px solid #ccc; }
ul.news li.white {background: #ffffff; padding: 6px; margin: 4px 2px; border: 1px solid #ccc; }
ul.news li span.date {font: 14px "Trebuchet MS", "Lucida Sans", verdana, sans-serif; color: #5E9805; font-weight: bold; display:block;}


#partners {list-style:none;}
#partners li {float:left;}
#partners li a {
height: 80px;
width: 80px;
display: block;
text-indent: -999999px;
border-right: 1px dashed #333;
margin-right: 4px;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
}
#partners li a.last {border-right: 0; margin-right: 0;}

#partners li a#co1 {background: url(images/845.gif) no-repeat 0 0;}
#partners li a#co2 {background: url(images/850.gif) no-repeat 0 0;}
#partners li a#co3 {background: url(images/855.gif) no-repeat 0 0;}
#partners li a#co4 {background: url(images/860.gif) no-repeat 0 0;}
#partners li a#co5 {background: url(images/865.gif) no-repeat 0 0;}

#partners li a:hover {border-bottom: 1px solid #0099cc; border-top: 1px solid #0099cc;}

#signup {
background: #ddd;
height: 48px;
width: 278px;
margin: 0 2px;
}

#signup p {
margin-top: 1em;
}

#signup input.text {border: 1px solid #bbb; margin-right: 10px; padding: 2px; width:15.0em;}
#signup input.submit {cursor: pointer}

#footer {
background: url(images/789.gif) no-repeat 0 0;
width: 800px;
height: 70px;
margin: 0px auto;
clear: both;
margin-bottom: 1em;
}


.imgR {display:none;}
img.left {float: left; margin-right: 12px;}

.border { border: 1px solid #ccc; }
.clear {clear:both;}
.oblique { font-style: oblique; }

p.right {float: right}
p.left {float: left;}

#footer, #footer a {
color: #f3f3f3;
}

#footer a:hover {border-bottom: none;}

#footer p {display: inline; margin: 20px}
#footer p.left {padding-left: 20px;}
#footer p.right {padding-right: 20px;}

/*form*/

form { margin: 1em;}
form br { clear: both; margin: .25em;}
fieldset { border: 1px solid #999; padding: 1em; }


/*contact form */

#contactForm {width: 90%; margin: 0 auto; border: 1px solid #eee; padding: 1em;}
#contactForm label {float:left; margin-bottom: .6em; margin-left: 1em;}
#contactForm input {float:right;  margin-bottom: .6em; font: inherit; color: inherit;}
#contactForm input.submit {padding: .3em;}
#contactForm textarea {width: 99%;}
#contactForm br {clear:both;}
#contactForm p {clear:both;}

/* defaults */
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;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }


/* after Max @ 09.06.2007 */
#xlfooter a img {border: none;}
#xlfooter a { color: white; }
#xlfooter a:hover { text-decoration: none; border: none; }

/* 13.06.2007 */
.x1suite { 

/*background-image : url(/admin/assets/995;download);
background-repeat : no-repeat;
background-position : center ;*/
height: 19px;
padding: 3px 0px 0px 0px;
filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;
color: #00B1D8;
font-size: 9px;
 }

.x1suite:hover {
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

.x1suite a{ color: #1E4772;}