/*--- Global Reset ---*/

* { 
padding: 0;
margin: 0;
border: 0;
list-style:none;
outline:0;
}
body, html {
color:#666; 
font-family: Verdana, Arial, Tahoma, sans-serif;
text-align: center; 
line-height: 18px;

font-size: 11px;
height: auto;
}
#Container {
width:1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
position:relative;
text-align: left; 
}
#Push {
height: 180px; /* .push must be the same height as .footer */
clear:both;
}
p {
margin-bottom:15px;
}
a.Button {
display:block;
height:25px;
line-height:25px;
background:blue;
text-align:center;
padding:0 15px;
text-decoration:none;
font-weight:bold;
cursor:pointer;
margin-right:10px;
color:#FFF;
float:left;
border:1px solid #5cbdf7;
background: url(bg-button.jpg) top left; 
}
a:hover.Button, .Button:hover {
border:1px solid #356298;
color:#FFF;
background: url(bg-button.jpg) bottom left; 
}

/*--- Header ---*/

#Header {
height: auto;

}

h1 {
color:#345d91;
font-size:14px;
font-family: Verdana, Arial, Tahoma, sans-serif;
display:block;
margin-bottom:5px;
font-weight:bold;
}

h2 {
font-size:9px;
padding-top:10px;
color:#666666;
}
h3 {
font-size:10px;
padding-top:10px;
color:#666666;
}
/*--- Navigation ---*/

#Navi {
height: auto;


}
#Navi li {
float: left;
}
#Navi li a {
font-size:13px;
height: 40px;
line-height: 40px;
display: block;
float:left;
width:120px;
font-weight:bold;
color:#d7f0ff;
text-decoration: none;
text-align: center;
background: url(bg-navi.jpg) no-repeat;
}
#Navi li a:hover {
color:#FFF;
}
#Navi li a.Act {
background: url(bg-navi.jpg) bottom no-repeat;
color:#FFF;
}

/*--- USPbox ---*/

#USP {
height:auto;
width:200px;
margin-bottom:15px;
background:#FFF;
float:left;
padding:10px;
}
#USP ul {
margin:7px 0 15px 0;
}
#USP ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(ico-tick.png) top left no-repeat;
}

/*---Content ---*/

#Main {
padding-top:15px;
}
#Content {
float:left;
width: 680px;
text-align:justify;
margin-left:10px;
margin-bottom:15px; 
}
a {
color:#1a6bad;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#59BBF8;
}
#Content h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#Content p {
margin-bottom:15px;
}

/*---SubContent ---*/

#SubContent {
float:left;
width: 538px;
text-align:justify;
margin-bottom:15px;
margin-left:150px;
background: url(bg-newsletter.png) top right no-repeat; 
padding:10px;
}
#SubContent h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubContent p {
margin-bottom:15px;
}
/*--Casuta--*/
#Casuta {
width: 450px;
}
#Casuta p {
color:#FFF;
font-size:40px;
font-family: Verdana, Arial, Tahoma, sans-serif;
display:block;
margin-bottom:5px;
text-decoration:none;
padding:20px;
}
#Casuta .Box  {
background: url(bg-bluebox.jpg) left bottom repeat-x #488dc1;
height:110px;
margin-bottom:15px;
color:#FFF;
padding:10px;
border:1px solid #335d93;
}
#Casuta .Box  a {
color:#FFF;
text-decoration:underline;
}
#Casuta .Box  a:hover {
color:#59BBF8;
}
#Casuta b {
color:#FFF;
font-size:13px;
margin-bottom:10px;
display:block;
}
#Casuta img {
float:left;
}
/*--- Right ---*/

#Right {
float:right;
width: 300px;
height:auto;
}

#Right .Box  {
background: url(bg-bluebox.jpg) left bottom repeat-x #488dc1;
height:auto;
margin-bottom:15px;
color:#FFF;
padding:10px;
border:1px solid #335d93;
}
#Right .Box  a {
color:#FFF;
text-decoration:underline;
}
#Right .Box  a:hover {
color:#59BBF8;
}
#Right b {
color:#FFF;
font-size:13px;
margin-bottom:10px;
display:block;
}
#Right img {
float:left;
}

/*--- SubRight ---*/

#SubRight {
float:right;
background:#FFF;
width: 212px;
padding:10px;
}
#SubRight h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubRight ul {
margin:7px 0 15px 0;
}
#SubRight ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(ico-tick.png) top left no-repeat;
}

/*--- Footer ---*/
#linkunu {
width:40%; 
float:left;
padding:20px;
}
#linkdoi {
width:40%; 
float:right;
padding:20px;
}

#Footer {
height: 150px;
text-align: center;
background:url(bg-footer.jpg) repeat-x #F2F2F2;
clear:both;
}
#Footer p {
margin:0;
}

#Footer li {
margin:0;
font-weight:bold;
}

#FooterWrap {
width:805px;
height: 115px; 
margin: 0 auto; 
padding-top:25px;
text-align:left;
}
#FooterWrap b {
font-size:13px;
}
.FooterBox {
width:auto;
float:left;
}
.Newsletter {
width:270px;
padding-left:110px;
float:right;
background: url(bg-newsletter.png) top left no-repeat; 
}

/*--- Scroller ---*/

#Scroller {
width:558px;
float:left;
margin-bottom:15px;
height:175px;
position:relative; 
margin-right:15px;
background: url(bg-scroller.jpg) bottom left; 
overflow:hidden;
}
#Controller span{
display:none;
visibility:hidden;
}
#jFlowSlide{
padding-left:30px;
}
#jFlowSlide ul li.Item {
float:left;
height:100px;
width:130px;
padding-top:10px;
margin-left:20px;
}
#jFlowSlide ul li.Desc {
float:left;
margin-top:20px;
color:#FFF;
margin-left:20px;
width:290px;
}
#jFlowSlide ul li.Desc h2 {
font-size:18px;
margin-bottom:15px;
}
#jFlowSlide ul li.Desc h2, #jFlowSlide ul li.Desc p {
margin-bottom:15px;
}
a.jFlowPrev, a.jFlowNext{
cursor:pointer;
position:absolute;
top:0;
display:block;
height:175px;
width:40px;
}
a.jFlowPrev{
left:0;
background: url(btn-scroller-prev.jpg) top left; 
}
a:hover.jFlowPrev{
background: url(btn-scroller-prev.jpg) bottom left; 
}
a.jFlowNext{
right:0;
background: url(btn-scroller-next.jpg) top left; 
}
a:hover.jFlowNext{
background: url(btn-scroller-next.jpg) bottom left; 
}

/* ---- ClientLogin ---- */

#ClientLogin{
position:absolute;
right:0;
float:right;
}
#ClientForm {
height:150px;
width:215px;
background:#FFF;
display:none;
}
#ClientForm a {
float:left;
display:block;
margin-left:10px;
margin-top:13px;
}
#ClientForm fieldset {
padding:10px;
}
#ClientForm fieldset p {
margin:2px 0 5px 0;
}
.SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
float:left;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(bg-button.jpg) top left; 
}
.SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(bg-button.jpg) bottom left; 
}
a#ContactLink {
height:30px;
width:215px;
background:url(bg-clientlogin.png) repeat-y;
display:block;
outline:0;
line-height:30px;
text-decoration:none;
text-align:center;
cursor:pointer;
}
a:hover#ContactLink {
color:#59BBF8;
}
input.Text {
height:19px;
width:160px;
border:1px solid #ccc;
padding-left:5px;
padding-top:2px;
font-size:11px;
color:#666;
}

/*--- Service ---*/

.Service {
height:100px;
margin-bottom:20px;
}
.Service img {
float:left;
padding-right:15px;
}
.Service h3 {
font-size:11px;
padding-top:10px;
font-weight:bold;
color:#666;
}

/* ---- Contactform ---- */

#contact-area {
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
height:22px;
line-height:22px;
width: 250px;
margin: 0px 0px 10px 0px;
border: 1px solid #b5c9e5;
font-size:11px;
font-family:Verdana;
color:#666; 
padding-left:5px;
}
#contact-area textarea {
height: 100px;
width:400px;

padding-top:5px;
float:left;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #4587BB;
}
#contact-area label {
float: left;
text-align: right;
margin-right: 15px;
width: 80px;
padding-top: 5px;
}
#contact-area .SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
width:80px;
float:right;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(bg-button.jpg) top left; 
}
#contact-area .SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(bg-button.jpg) bottom left; 
}
#Producttable {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#Producttable tr {
height:25px;
line-height:25px;
}
#Producttable td {
border:0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:0 10px 0 10px;
}
.btn { display: block; position: relative; background: #488dc1; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #488dc1; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

#contact-area {
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
height:22px;
line-height:22px;
width: 250px;
margin: 0px;
margin-left: 30px;
margin-bottom: 15px;
border: 1px solid #b5c9e5;
font-size:11px;
font-family:Verdana;
color:#666; 
padding-left:5px;
}
#contact-area textarea {
height: 100px;
width:300px;

padding-top:5px;
float:left;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #4587BB;
}
#contact-area label {
float: left;
text-align: right;
margin-right: 20px;
width: 80px;
padding-top: 5px;
}
#contact-area .SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
width:80px;
float:left;
margin-top:10px;
margin-left:170px;
border:1px solid #5cbdf7;
background-color:#666666;
}
#contact-area .SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background-color:#666666;
}


#captcha{
	float:left;
}
#orase li {
	display: inline-table;
	width:320px;
	padding:5px;
	}