@charset utf-8;

body {
width:100%;
background:#f0f0f0;
margin:0;
padding:0;
}

html {
margin:0;
padding:0;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.main {
margin:0 auto;
padding:0;
}

.blok_header {
background:#f0f0f0 url(images/header_bg.gif) top center repeat-x;
margin:0;
padding:0;
}

.blok_header2 {
background:#f0f0f0 url(images/header_bg2.gif) top center repeat-x;
margin:0;
padding:0;
}

.header {
width:960px;
margin:0 auto;
padding:0;
}

.header h2 {
font:normal 48px Arial, Helvetica, sans-serif;
color:#454545;
margin:0;
padding:20px 0 35px 15px;
}

.logo {
float:left;
width:287px;
margin:0;
padding:0;
}

.menu {
float:right;
margin: 0px;
padding:10px 0;
margin-top:49px; /*Total hight of the band - menu height divided by 2= (102-37)/2=65/2=32.5*/
}

.menu ul {
text-align:left;
list-style:none;
border:0;
float:left;
margin:0;
padding:0;
}

.menu ul li {
float:left;
border:0;
margin:0;
padding:0 5px 0 0;
}

.menu ul li a {
float:left;
color:#363636;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0;
padding:10px;
}

.search {
width:320px;
float:right;
margin:0;
padding:40px 0 0;
}

.search form {
display:block;
float:right;
padding:0;
}

.search span {
display:block;
float:left;
background:url(images/search_bg.gif) left top no-repeat;
width:196px;
height:30px;
padding:0 5px;
}

.search form .keywords {
line-height:14px;
height:14px;
float:left;
background:none;
border:0;
font:normal 12px Arial, Helvetica, sans-serif;
color:#6c6c6c;
margin:0;
padding:8px 0;
}

.search form .button {
float:left;
margin:0;
padding:0;
}

.cu3er_resize {
width:960px;
background:url(images/simple_bg.gif) no-repeat bottom;
margin:0 auto;
padding:0 0 37px;
}

#cu3er-container {
width:960px;
outline:0;
}

.body_resize {
background:#f0f0f0;
margin:0;
padding:0;
}

.body {
width:960px;
margin:0 auto;
padding:10px 0;
}

.body h2 {
font:normal 24px Arial, Helvetica, sans-serif;
color:#454545;
margin:0;
padding:15px 0;
}

.body img {
margin:10px auto;
padding:0;
}

.body img.floated {
float:left;
margin:10px 15px 10px 0;
padding:0;
}

.body p {
font:normal 12px Arial, Helvetica, sans-serif;
color:#838383;
line-height:1.5em;
margin:0;
padding:5px 0;
}

.body p span {
font:bold 12px Arial, Helvetica, sans-serif;
color:#277fc2;
}

.body a {
text-decoration:underline;
color:#008ac3;
}

.right {
width:290px;
float:right;
margin:0;
padding:15px;
}

.left {
width:610px;
float:left;
margin:0;
padding:15px;
}

.full {
margin:0;
padding:5px 15px;
}

.block {
width:231px;
float:left;
margin:10px 5px 10px 1px;
padding:10px 0;
}

.port_resize {
width:290px;
float:left;
margin:0;
padding:15px;
}

.body ul {
list-style:none;
margin:10px;
padding:0;
}

.body li {
background:url(images/ul_li.gif) left no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#008ac3;
padding:3px 0 3px 15px;
}

.FBG {
background:#f0f0f0;
margin:0;
padding:0;
}

.FBG_resize {
width:960px;
border-top:1px solid #c9c9c9;
margin:0 auto;
padding:15px 0;
}

.FBG_resize p {
font:normal 11px Arial, Helvetica, sans-serif;
color:#444;
line-height:1.5em;
margin:0;
padding:5px 0;
}

.FBG_resize img {
float:left;
margin:5px;
padding:0;
}

.FBG_resize h2 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#454545;
margin:0;
padding:5px 0;
}

.FBG_resize .lefta {
border-right:1px solid #d8d8d8;
width:209px;
float:left;
margin:0;
padding:15px;
}

.FBG_resize .lefta.last {
border:0;
}

.footer {
background:#f0f0f0;
margin:0;
padding:0;
}

.footer_resize {
width:940px;
border-top:1px solid #c9c9c9;
margin:0 auto;
padding:20px 10px;
}

.footer p {
font:normal 11px Arial, Helvetica, sans-serif;
color:#3e3d3d;
}

.footer a {
font:normal 11px Arial, Helvetica, sans-serif;
color:#008ac3;
text-decoration:none;
margin:0;
padding:5px;
}

.footer p.right {
text-align:right;
width:350px;
float:right;
margin:0;
padding:15px 0 0;
}

.footer p.leftt {
text-align:left;
width:550px;
float:left;
margin:0;
padding:15px 0 0;
}

.form {
float:left;
width:550px;
background:#fff;
border:1px solid #dedede;
margin:5px auto;
padding:0;
}

#contactform {
margin:0;
padding:5px 0;
}

#contactform * {
color:#7a7a7a;
}

#contactform ol {
list-style:none;
margin:0;
padding:0;
}

#contactform li {
background:none;
border:none;
display:block;
margin:0;
padding:0;
}

#contactform li.buttons {
margin:5px 0;
}

#contactform label {
float:left;
width:150px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#838383;
text-transform:capitalize;
margin:0;
padding:5px 0;
}

#contactform label span {
font:normal 10px Arial, Helvetica, sans-serif;
}

#contactform input.text {
width:480px;
border:1px solid #e9e9e9;
height:15px;
background:#f8f8f8;
float:left;
margin:5px 0;
padding:5px 2px;
}

#contactform textarea {
width:480px;
border:1px solid #e9e9e9;
background:#f8f8f8;
height:150px;
float:left;
margin:10px 0;
padding:2px;
}

#contactform li.buttons input {
border:0;
color:#FFF;
margin:0 0 0 430px;
padding:3px 0;
}

p.response {
text-align:center;
color:#2c2c2c;
font:bold 11px Arial, Helvetica, sans-serif;
line-height:1.5em;
width:auto;
}

p.clr,.clr {
clear:both;
margin:0;
padding:0;
}

li.bg,.bg {
clear:both;
border-bottom:1px solid #e2e2e2;
background:none;
list-style:none;
margin:0 0 10px;
padding:10px 0 0;
}

.menu ul li a:hover,.menu ul li a.active {
color:#fff;
background:#454545;
}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
