@charset "utf-8";
/* LAYOUT */

*{margin:0;padding:0;line-height:1.3em}
body{background:url(body_bg.gif) repeat-x #edeee9;color:#6a6a6a;font: 75%/160% Arial, Helvetica, sans-serif}
#wrapper{background:url(wrapper_bg.jpg) no-repeat center top;border-top:3px solid #00aeef}
#header {width:620px;margin:0 auto}
#logo{margin:15px 20px;float:left}
#main{width:620px;margin:10px auto;clear:both;}
h1,h2{padding:15px; font-size:110%;text-transform:uppercase}
h3,h4{padding:15px; font-size:100%;}
h2{padding:10px;text-transform:capitalize;letter-spacing:1px}
h3{padding:0 10px 5px;color:#f16503}
p{padding:5px 10px}
h1 a:hover, h2 a:hover {text-decoration: none}
img {border: none}
ul {list-style:none}
ol{list-style-image:url(bullet.jpg);list-style-position:outside;margin:0 50px;padding:0 20px}
a {text-decoration: none;outline:none;color:#f16503}
a:hover{text-decoration: underline}
#language{ text-align:right; margin:0}
#zonA{width:210px;}
#zonB{width:400px;}

/**navigation**/
#nav{background:url(nav_bg.gif) repeat-x;float:left;margin:45px 2px 20px}
#nav a, #footer a{color:#00aeef}
#nav a:hover,.current{text-decoration:none; background-image:url(navbghover.gif); background-repeat:repeat-x;}
#nav li{float:left}
#nav li a{display:block;padding:10px 5px}
#nav li.leftCurv{background:url(nav_corners.gif);width:8px;height:37px}
#nav li.rightCurv{width:8px;height:37px;background:url(../nav_corners.gif) bottom}

/**footer**/
#footer{background:url(footer_bg.gif) repeat-x ;width:100%; height:80px;}
#footer ul{margin:0 auto;text-align:center;border-bottom:3px solid #00aeef;color:#00aeef}
#footer ul li{margin:2px;display:inline}
#footer p{background:url(logo_watermark.gif) no-repeat right;width:620px;margin:5px auto;font-size:90%}

/**LAYOUT: Clips **/
#about,#articles,#news,#career,#MSN{padding: 0 25px;}

.Yellow {width:620px;margin-bottom:5px; background:url(clipYellowBg.gif) repeat-y;}
.Yellow h1{border-top:2px solid #ebe570;}
.Yellow h3{margin:0 20px}
.Yellow p{width: auto;margin:10px 10px;}
.Yellow ol{ margin:0 30px 0 30px;}
.Yellow .Footer{background:url(clipYellowCaps.gif) no-repeat bottom;height:40px}

#about.Yellow ol li{ margin:0 30px 0 20px; }

#Blue{background:url(../BlueBig.gif) repeat-y;width:620px;margin-bottom:5px;}
#Blue #zonA{width:330px; padding:10px;}
#Blue #zonA h2{color:#000000;border-bottom:dotted 1px #2ebaec;padding:0 0 5px 15px}
#Blue #zonB h2{color:#000000;border-bottom:dotted 1px #2ebaec;padding:0 0 5px 15px}
#Blue #zonA ol li{list-style-image:url(bulletb.jpg);padding:5px;display:block; width:90%}
#Blue #zonB{width:190px; padding:10px;}

#articles #zonA h3{width:350px;font-size:130%;}
#articles #zonB{width:180px;}

#Blue,.Blue h1{border-top:2px solid #2ebaec;}
#Blue .Footer{background:url(footerblue.gif) no-repeat bottom;height:40px}

.Blue{background:url(clipBlueBg.gif) repeat-y;width:400px;margin: 10px 0 40px 0;}
.Blue img{float:left;border:1px solid #2ebaec;margin:2px 5px;width:60px;height:60px;padding:2px}  
.Blue .Footer{background:url(.mages/clipBlueCaps.gif) no-repeat bottom;height:40px}

.Green {background:url(clipGreenBg.gif) repeat-y;width:200px;margin-bottom:10px;}
.Green h1{border-top:2px solid #c5eaac}
.Green .Footer{background:url(clipGreenCaps.gif) no-repeat bottom;height:20px}
.Green img{float:left;border:1px solid #c5eaac;margin:2px 5px;width:60px;height:60px;padding:2px}

.Pink {background:url(clipPinkBg.gif) repeat-y;width:200px;margin-bottom:10px;}
.Pink h1{border-top:2px solid #f9cfdd}
.Pink .Footer{background:url(clipPinkCaps.gif) no-repeat bottom;height:20px}
/**LAYOUT: Generic **/
.img-right{float:right;margin:20px 50px;}
.img-left{float:left;margin:0 8px 0 48px;}
.clear{clear:both;height:0}
.floated{ float:left;}
.more{padding:15px 0;float:right;clear:both}

/*products page*/
#news img{float:left; border:dashed 1px #f3f0c0; margin:0 8px 0 25px;}
#products img{float:left; border:dashed 1px #f3f0c0; margin:0 8px 20px 40px;}
#products .more{padding:0 50px 2px 2px;float:right;clear:both}
#news p{width:auto; padding:0;}

#logospartner{margin:0 auto;}
#logospartner img{border:dashed 1px #e5eaf0 }
#logospartner ul li{float:left;padding:10px 60px; }

.time{font-size:90%;color:#a3a3a3;color:#a3a3a3;padding:4px 10px}
.red{ color: #FF0000}
/**FORM**/
#form ol li.listText{width:100px;padding:0 0 1px 10px;float:left;list-style:none;}
#form ol li.listForm{list-style:none;list-style-image:none;margin-bottom:5px;}
#form .button{text-align:center; width:50px;margin:0 auto;}