* {
margin : 0;
padding : 0;
outline : 0;
}
img {
border : 0;
vertical-align : bottom;
}
a, a:visited {
text-decoration : none;
}
ul {
list-style : none;
}
body {
text-align : center;
background : #bcbcbc url(images/background.png) repeat-x;
}
.extra {
clear : both;
font-size : 0;
line-height : 0;
width : 100%;
overflow : hidden;
display : block;
}
.none {
display : none;
}
#outer {
width : 900px;
margin : 0 auto;
overflow : hidden;
}
#header {
width : 100%;
}
h1 {
font-size : 24px;
margin-left : 0;
margin-bottom : 25px;
margin-right : 20px;
margin-top : 65px;
line-height : 40px;
text-align : left;
float : left;
}
h1 a, h1 a:visited {
font-size : 36px;
text-decoration : none;
float : left;
color : #fff;
overflow : hidden;
}
h3 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
font-weight : normal;
}
p.desc {
height : 40px;
line-height : 40px;
margin : 65px 0 0 0;
float : left;
}
#header .inner {
border : 1px solid silver;
width : 900px;
clear : both;
background : #fff;
}
#header .default {
width : 100%;
background : url(images/logo2.png) no-repeat;
}
#menu {
margin-top : 1px;
clear : both;
font : bold 12px/23px arial;
}
#menu li {
float : left;
margin : 0 5px 0 0;
}
#menu li a {
color : #fff;
float : left;
border : solid #1772cb;
border-width : 1px 1px 0;
padding : 0 10px;
background : #1772cb url(images/menu.jpg) repeat-x;
}
#menu li a:hover {
background : #104590;
}

#lang li a {
color : #fff;
float : right;
border : solid #1772cb;
border-width : 1px 1px 0;
padding : 0 10px;
background : #68737b;
}
#lang li {
float : right;
margin : 0 5px 0 0;
}
#outer ul:after, #outer div:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#wrap {
width : 900px;
text-align : left;
margin : 0 0 25px;
background-color : #fff;
}
#main {
float : left;
width : 100%;
}
#content {
margin : 16px 330px 0 0;
width : 100%;
}
#blog {
border : 1px solid #d6d6d6;
background : #fff;
padding : 5px 10px 0;
height : 1%;
}
#main .apost {
overflow : hidden;
padding : 0 0 45px;
clear : both;
font : 18px arial, helvetica, sans-serif;
color : black;
}
#main .postarchive h2, #main .postarchive h3, #main .apost h2 {
line-height : 26px;
margin-bottom : 10px;
font : normal 22px/30px arial;
color : #5384ca;
border-bottom : 1px solid #c0c0c0;
}
#main .postarchive h2 a, #main .postarchive h3 a, #main .apost h2 a {
color : #5384ca;
}
#main .postarchive h2 a:hover, #main .postarchive h3 a:hover, #main .apost h2 a:hover {
color : #5e656b;
}
#main .apost span.pauth, #main .apost span.pcomm {
font : 11px/18px arial;
color : gray;
}
#main .apost span.pcomm {
font-weight : bold;
float : right;
}
#main .apost span.pauth a, #main .apost span.pcomm a {
color : gray;
}
#main .apost span.pauth a:hover, #main .apost span.pcomm a:hover {
text-decoration : underline;
}
#main .apost .pmain {
clear : both;
overflow : hidden;
padding : 5px 10px 0;
}
#main .apost .pmain a, .pmain a {
color : #5384ca;
}
#main .apost p, #main .apost blockquote {
padding : 5px 0;
text-align : left;
}
#main .apost blockquote {
padding : 5px 20px;
margin : 5px 20px;
background : #bcbcbc url("images/blockquote.png") no-repeat scroll left bottom;
margin : 1em;
padding : 2px 20px 30px;
}
#main .apost blockquote blockquote {
background : #aaa;
}
#main .apost ol, #main .apost ul {
padding : 10px 20px;
list-style : disc inside;
}
#main .apost ol {
list-style-type : decimal;
margin : 0 0 0 10px;
}
#main .apost p a, #main .apost ol a, #main .apost ul a {
color : #565656;
font-weight : bold;
}
#main .apost p a:hover, #main .apost ol a:hover, #main .apost ul a:hover {
text-decoration : underline;
}
#main .apost ul li {
padding : 0 0 10px 25px;
background : url(images/list_check.png) no-repeat left 3px;
list-style-type : none;
}
#main .apost ol li {
padding : 0 0 15px;
}
#main .pfoot {
font : bold 12px/25px arial;
overflow : hidden;
clear : both;
margin : 8px 0 0;
width : 100%;
color : #626267;
background : url(images/post-footer.jpg) repeat-x left bottom;
padding : 0 0 1px;
}
#main .pfoot a {
color : #626267;
}
#main .pfoot a:hover {
text-decoration : underline;
}
#main .pfl {
float : left;
margin : 0 50px 0 0;
padding : 0 0 0 35px;
background : url(images/post-comment-bubble.jpg) no-repeat left;
}
#main .pfm {
float : left;
padding : 0 0 0 40px;
background : url(images/post-rss.jpg) no-repeat left 50%;
margin-bottom : 1px;
}
#main .pfr {
float : right;
}
#main .postarchive {
clear : both;
padding : 0 0 15px;
font : 13px/20px arial;
}
#main .postarchive a {
color : #565656;
font-weight : bold;
}
#main .postarchive a:hover {
text-decoration : underline;
}
#main .postarchive ul, .postarchive ol, .postarchive p, .postarchive blockquote {
margin : 5px 0;
}
#main #srel, #main .postarchive #linklist, #main .apost .subh, #main .atitle {
font : bold 30px/35px arial;
color : #adb9c4;
border-bottom : 1px solid #c0c0c0;
}
#main #srel a, #main .postarchive #linklist a, #main .apost .subh a, #main .atitle a {
color : #adb9c4;
}
#main #srel a:hover, #main .postarchive #linklist a:hover, #main .apost .subh a:hover, #main .atitle a:hover {
color : #5e656b;
}
#main p.nopost {
font : 13px/18px arial;
margin : 0;
}
#main p.nopost a {
color : #adb9c4;
}
#main p.nopost a:hover {
text-decoration : underline;
}
#main .lead {
clear : both;
font : bold 12px/20px arial;
text-align : left;
margin : 8px -10px 0;
width : 568px;
}
#main .lead a {
color : #fff;
display : block;
}
#main .lead a:hover {
color : #eee;
}
#main .lead .ppre {
float : left;
background : url(images/post-links.jpg);
}
#main .lead .ppre a {
background : url(images/post-prev.jpg) no-repeat left;
padding : 0 0 0 13px;
margin : 0 10px 0 5px;
}
#main .lead .pnex {
float : right;
background : url(images/post-links.jpg);
}
#main .lead .pnex a {
background : url(images/post-next.jpg) no-repeat right;
padding : 0 13px 0 0;
margin : 0 5px 0 10px;
}
#footer {
clear : both;
overflow : hidden;
width : 100%;
font : 12px/18px arial;
color : #3b3b3b;
background : #f8f8f8 url(images/background.png) repeat-x left bottom;
border-top : 1px solid #d6d6d6;
}
#footer a {
color : #3b3b3b;
}
#footer a:hover {
text-decoration : underline;
}
#ftTop {
text-align : left;
overflow : hidden;
width : 900px;
margin : 0;
padding : 10px 0 0;
height : 250px;
}
#ftTop .abox {
float : left;
overflow : hidden;
position : relative;
}
#ftTop .abox-1 {
width : 900px;
padding : 0 0 0 16px;
}
#ftTop .abox-1 h2 {
background : no-repeat;
overflow : hidden;
margin : 0 0 15px;
}
#ftTop .abox-1 ul {
clear : both;
width : 100%;
}
#ftTop .abox-1 ul li {
padding : 0 0 2px 18px;
background : url(images/links-bullet.jpg) no-repeat left 3px;
}
#ftBottom {
color : #fefefe;
text-align : left;
width : 900px;
margin : 0 auto;
}
#ftBottom p {
font : normal 12px/16px arial;
}
#ftBottom #wpLogo {
float : right;
}
#ftBottom #ubdLogo {
float : right;
margin : 0 20px 0 0;
}
#ftBottom #powered {
font-weight : bold;
padding : 10px 0 0;
}
#footer #ftBottom a {
color : #000000;
}
.skiplink {
position : absolute;
left : -9999em;
top : -9999em;
}
.left {
float : left;
margin : 5px 10px 10px 0;
}
.right {
float : right;
margin : 5px 0 10px 10px;
border : 1px solid silver;
}
@media projection, screen {
.ui-tabs-hide {
display : none;
}
}
@media print {
.ui-tabs-nav {
display : none;
}
}
#sortform {
margin-bottom : 20px;
}
.readtext {
position : relative;
left : -6px;
}
.sb-top ul li {
padding : 0 0 2px 18px;
background : url(images/links-bullet.jpg) no-repeat left 3px;
}
.columns, columns-total-1, columns-total-2, columns-total-3, columns-total-4 {
padding : 5px 0 15px 0;
margin : 0 auto;
}
.columns-total-4 {
width : 100%;
}
.column {
float : left;
}
.columns-total-1 .column {
width : 225px;
}
.columns-total-2 .column {
width : 225px;
}
.columns-total-3 .column {
width : 225px;
}
.columns-total-4 .column {
width : 225px;
}
.column p {
font-size : 100%;
line-height : 1.8em;
padding : 10px 12px 0 12px;
font-family : Arial, Helvetica, sans-serif;
}
.column h3 {
padding : 8px 0;
font-size : 1.1em;
color : #51767c;
}
.column h3 a {
padding : 6px 10px 10px 40px;
text-decoration : none;
}
.column h3 a:hover {
text-decoration : underline;
}
#featured {
width : 880px;
position : relative;
border : 5px solid #ccc;
height : 250px;
background : #fff;
margin-right : 5px;
margin-left : 5px;
}
#featured ul.ui-tabs-nav {
position : absolute;
top : 0;
left : 600px;
list-style : none;
padding : 0;
margin : 0;
width : 280px;
}
#featured ul.ui-tabs-nav li {
padding : 1px 0;
padding-left : 13px;
font-size : 12px;
color : #666;
}
#featured ul.ui-tabs-nav li img {
float : left;
margin : 2px 5px;
background : #fff;
padding : 2px;
border : 1px solid #eee;
}
#featured ul.ui-tabs-nav li span {
font-size : 11px;
font-family : Verdana;
line-height : 18px;
}
#featured li.ui-tabs-nav-item a {
display : block;
height : 60px;
color : #333;
background : #fff;
line-height : 20px;
}
#featured li.ui-tabs-nav-item a:hover {
background : #f2f2f2;
}
#featured li.ui-tabs-selected {
background : url('images/selected-item.gif') no-repeat left top;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background : #ccc;
}
#featured .ui-tabs-panel {
width : 600px;
height : 250px;
background : #999;
position : relative;
}
#featured .ui-tabs-panel .info {
position : absolute;
top : 180px;
left : 0;
height : 70px;
background : url('images/transparent-bg.png');
}
#featured .info h2 {
font-size : 18px;
font-family : Georgia, serif;
color : #fff;
padding : 5px;
margin : 0;
overflow : hidden;
}
#featured .info p {
margin : 0 5px;
font-family : Verdana;
font-size : 11px;
line-height : 15px;
color : #f0f0f0;
}
#featured .info a {
text-decoration : none;
color : #fff;
}
#featured .info a:hover {
text-decoration : underline;
}
#featured .ui-tabs-hide {
display : none;
}
#services {
color : #222;
font-size : 99%;
padding : 40px 80px 40px 80px;
position : relative;
background : #fff url(images/services1.png) no-repeat left bottom;
text-align : justify;
margin-right : 5px;
margin-left : 5px;
}
#services p {
line-height : 130%;
margin-right : 0;
}
.offer {
  background : #fff url(images/offer.jpg) no-repeat right bottom;
}
.works {
  background : #fff url(images/image4.jpg) no-repeat right top;
  height:250px;
}
.contact {
  background : #fff url(images/contact.png) no-repeat center bottom;
  height:250px;
}