@import url("form.css");

body 
{
margin: 0;
padding: 0;
background-image: url(../images/body-bg.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
font-family: Arial, Verdana, SansSerif;
font-size: 12px;
text-align: justify;
color: #000000;
word-spacing: 1px;
line-height: 18px;
}

strong
{
color: #0524c0;
}

.clear 
{ 
clear:both;
}

.clear02
{ 
clear:both;
height:1px;
}

a:link, a:visited, a:active
{ 
color: #0773bc;  
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 12px;  
text-decoration: none;
}

a:hover
{ 
text-decoration: underline;
}


/* Header Start */

#header
{
margin: 0 auto;
width: 100%;
background-image: url(../images/Cloud-bg.gif);
background-repeat: no-repeat; 
background-position: center top;
}

#header-box
{
margin: 0 auto;
width: 1000px;
}

#logo
{
width: 232px;
background-image: url(../images/top-logo.png); _background-image: url(../images/top-logo.gif);
background-repeat: no-repeat;
position: absolute;
z-index: 1;
float: left;
}

#top-menu
{
margin: 25px 0 0 524px;
width: 476px;
height: 51px;
background-image: url(../images/top-menu.gif);
background-repeat: no-repeat;
background-position: center;
float: right;
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
}

#top-menu ul 
{
margin: 0;
padding: 0 0 0 21px;
list-style: none;
}

#top-menu li 
{
padding: 17px 11px 0 11px;
float: left;
display: inline-block;
text-align: center;
}


#top-menu a:link, #top-menu a:visited, #top-menu a:active
{ 
color: #ffffff;  
font-family: arial, verdana, sans-serif;  
font-weight: bold;  
font-size: 17px;  
text-decoration: none;
}

#top-menu a:hover
{ 
color: #ffffff;  
font-family: arial, verdana, sans-serif;  
font-weight: bold;  
font-size: 17px;  
text-decoration: none;
}

#banner
{
width: 980px;
height: 230px;
margin: 10px 0 10px 0;
float: left;
border: 10px solid;
border-color: #d2d2d2;
background-color: #71CAE8;
}

.image
{
border: 10px solid;
border-color: #d2d2d2;
}

/* Header End */

/* Page Start */ 

#page-box 
{
margin: 0 auto;
padding: 0;
width: 1000px;
}

/* Left Start */ 

#left
{
margin: 0;
width: 224px;
float: left;
}

.left-top
{
margin: 0;
padding: 9px 0 0 11px;
height: 27px;
background-image: url(../images/left-top.jpg);
background-repeat: no-repeat;
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 18px;
color: #FFFFFF;
}

.left-menu
{
margin: 13px 0 50px 0;
padding: 0;
}

.left-menu ul
{
margin: 0 11px 0 11px;
padding: 0;
width: 202px;
}

.left-menu li
{
margin: 0;
padding: 8px 0 0 0;
list-style: none;
display: block;
height: 24px;
border-bottom: 1px solid;
border-color: #c9c8c8;
}

.left-menu a:link, .left-menu a:visited, .left-menu a:active
{
margin: 0;
padding: 0 0 0 20px;
color: #656565;  
font-family: Arial, Verdana, Helvetica, sans-serif;  
font-weight: bold;  
font-size: 15px;  
text-decoration: none;
background: url(../images/bullet.gif) no-repeat 1px 5px ;
}

.left-menu a:hover    
{ 
color: #bbbdb9;  
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
}

.form-box
{
margin: 15px 11px 50px 11px;
padding: 0;
}

.technical
{
margin: 0 0 50px 0;
padding: 9px 11px 0 11px;
width: 202px;
}

.technical a:link, .technical a:visited, .technical a:active, .news-text a:link, .news-text a:visited, .news-text a:active
{
color: #0773bc;  
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 12px;  
text-decoration: underline;
}

.technical a:hover, .news-text a:hover
{
text-decoration: none;
}

/* Left End */

/* Right Start */  

#right
{
margin: 0 0 0 28px;
width: 748px;
float: left;
}

.right-top
{
margin: 0;
padding: 9px 0 0 20px;
width: 728px;
height: 27px;
background-image: url(../images/right-top.jpg);
background-repeat: no-repeat;
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 18px;
color: #FFFFFF;
}

.right-text
{
margin: 9px 0 45px 0;
padding: 0 15px 0 15px;
width: 718px;
}

.right-small
{
margin: 0 45px 0 0;
padding: 0;
width: 351px;
float: left;
}

.right-small02
{
margin: 0 0 25px 0; _margin: 0 0 10px 0; #margin: 0 0 15px 0;
padding: 0;
width: 351px;
float: left;
}

/* Slider Start */
#slider {  width:351px; padding:0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:120px; }
.slider-item { width:100% !important; height:120px; }
.slider_content_inner img { border:none; }
.controls-center { width:351px; margin-left:auto; margin-right:auto; }
#slider_controls { float:right; position:relative; margin:0; z-index:1000; width:351px; height:20px;}
#slider_controls ul { margin:0 auto; padding:2px; width:108px;}
#slider_controls ul li { margin:0; padding:0; list-style:none; float:left; display:block; height:18px;}
#slider_controls ul li a { width:10px; height:10px; background:url('../images/tabs_2.gif') no-repeat center center; float:left; padding:2px; margin:2px !important; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('../images/tabs_1.gif') no-repeat center center; }

/* Slider End */

.right-smalltop
{
margin: 0;
padding: 9px 0 0 20px;
width: 331px;
height: 27px;
background-image: url(../images/right-small.jpg);
background-repeat: no-repeat;
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 18px;
color: #FFFFFF;
}

.right-smallimage
{
padding: 15px 15px 0 15px;
width: 153px;
float: left;
}

.right-smallimage02
{
padding: 15px 15px 0 0;
width: 153px;
float: left;
}

.right-smallimage-border
{
padding: 5px;
width: 141px;
border-color: #CCCCCC;
}

.right-smalltext
{
padding: 35px 0 0 0;
width: 168px;
color: #0099ff;  
font-family: arial, verdana, sans-serif;  
font-weight: bold;  
font-size: 16px;
float: left;
}

.right-more-button
{
margin: 17px 0 0 0;
padding: 0 95px 0 0;
width: 73px;
float: left;
}

.right-more-button a:link, .right-more-button a:visited, .right-more-button a:active
{
background-image: url(../images/more-button.gif);
background-repeat: no-repeat;
float: left;
}

.right-more-button a:hover
{
background-image: url(../images/more-button-on.gif);
background-repeat: no-repeat;
}

/* Right End */

/* Page End */ 

/* Footer Start */ 

#footer
{
margin: 0 auto;
width: 100%;
background-color: #656565;
}

#footer-box 
{
margin: 0 auto;
padding: 0;
background-image: url(../images/Cloud-footer-bg.gif);
background-repeat: no-repeat;
width: 1000px;
}

#footer-logo
{
padding: 120px 75px 0 5px;
width: 176px;
float: left;
}

.footer-menu
{
margin: 0 35px 0 0;
padding: 90px 0 0 0;
width: 100px;
float: left;
}

.footer-menu02
{
margin: 0 35px 0 0;
padding: 90px 0 0 0;
width: 100px;
float: left;
}

.footer-menu03
{
margin: 0 20px 0 0;
padding: 116px 0 0 0;
width: 135px;
float: left;
}

.footer-menu a:link, .footer-menu a:visited, .footer-menu a:active, .footer-menu02 a:link, .footer-menu02 a:visited, .footer-menu02 a:active, .footer-menu03 a:link, .footer-menu03 a:visited, .footer-menu03 a:active
{
color: #FFFFFF;  
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 12px;  
text-decoration: none;
}

.footer-menu a:hover, .footer-menu02 a:hover, .footer-menu03 a:hover
{
text-decoration: underline;
}

.footer-menu ul, .footer-menu02 ul, .footer-menu03 ul
{
margin: 0;
padding: 0;
}

.footer-menu li, .footer-menu02 li, .footer-menu03 li
{
margin: 0;
padding: 0;
list-style: none;
display: block;
height: 20px;
color: #FFFFFF;
}

.footer-title
{
padding: 0 0 10px 0;
font-weight: bold;  
font-size: 16px;
color: #FFFFFF;
}

.footer-facebook
{
padding: 60px 15px 0 107px;
width: 197px;
height: 37px;
float: left;
}

.footer-twitter
{
padding: 10px 15px 0 107px;
width: 197px;
height: 37px;
float: left;
}

.footer-copyright
{
padding: 35px 15px 0 20px;
width: 284px;
color: #FFFFFF;
float: left;
}

.footer-copyright a:link, .footer-copyright a:visited, .footer-copyright a:active
{
color: #FFFFFF;  
font-family: arial, verdana, sans-serif;  
font-weight: normal;  
font-size: 12px;  
text-decoration: underline;
}

.footer-copyright a:hover
{
text-decoration: none;
}
/* Footer End */ 








