body { background:url(../jpg/bg2.jpg) no-repeat #50b6dc; margin:70px 0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; font-size:14px; line-height:18px; text-align:justify;}

h1, h2, h3, h4, h5, h6 { margin:8px 0; padding:0; color:#505050; }
h1 { font-size:26px; color:#c93c1b; }
h2 { font-size:24px; color:#c93c1b; }
h3 { font-size:22px; text-transform:uppercase; }
h4 { font-size:20px; text-transform:uppercase; color:#c93c1b; }
h5 { font-size:18px; margin:2px 0; }
h6 { font-size:16px; color:#cfcb52; }


a, a:visited { text-decoration:none; color:#00b1fc; }
a:hover { color:#969696; }

#footer a, #footer a:visited { text-decoration:none; color:#636363; }
#footer a:hover { color:#393939; border-bottom:1px dashed #393939; }

.clear { height:1%; clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.margin_5_0 { margin:5px 0; }
.margin_0_8_0_0 { margin:0 8px 0 0; }
.margin_10_0 { margin:10px 0; }
.margin_15_0 { margin:15px 0; }
.margin_10_15_10_0 { margin: 10px 15px 10px 0; }
.margin_0_20 { margin:0 20px; }
.marginRight_90 { margin:0 90px 0 0; }
.marginRight_20 { margin:0 20px 0 0; }
.marginLeft_40 { margin:0 0 0 40px; }
.margin_5_0_20_0 { margin:5px 0 20px 0; }
.margin_5_0_12_0 { margin:5px 0 12px 0; }
.padding_0_40 { padding:40px; }
.padding_0_0_30_0 { padding:0 0 30px 0; }
.nodisplay { display:none; }
.center { text-align:center; }

/* ============================================= reset ============================================= */
ul, ol, li em, td, img, p { margin:0; padding:0; list-style:none; border:0; }

/* ============================================= corners ============================================= */
.corners { -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display: block; }
.corners_bottom { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.corners_top { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.corners_left { -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.corners_right { -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }


#wrapper { background: rgba(255, 255, 255, 0.2); border:1px solid white; border-color: rgba(255, 255, 255, 0.75); margin:auto; position:relative; width:960px; padding:10px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);-webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);box-shadow: 0 0 4px rgba(50, 50, 50, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); }
#content { background: rgba(255, 255, 255, 1.00); background-color:#FFF; -moz-box-shadow: 0 0 14px rgba(255, 255, 255, 1.00); -webkit-box-shadow: 0 0 14px rgba(255, 255, 255, 1.00); box-shadow: 0 0 14px rgba(255, 255, 255, 1.00); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF); }
#ads { background-color:#dfdfdf; border:1px solid #cccccc; padding:5px; }
#slideshow { background:url(../gif/slide_btm.gif) bottom no-repeat #dfdfdf; height:350px; margin:0; padding:0; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }

/* ============================================= menu ============================================= */
#menu { background-color:#505050; margin:0 0 30px 0; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }
#menu h6 { color:#00b1fc; margin:20px 10px 0 0; padding:0; text-transform:uppercase; }
#menu ul { font-size:18px; font-family: "mv boli", sans serif; height:60px; color:#00000; }
#menu ul li a { float:left; padding: 0 25px 0 0 ; position: relative;  height:60px; top: 0px; text-align: center; }
#menu a, #menu a:visited, #menu a:hover { color:#00000;  }

.gros p { font-size:24px; line-height:30px; color:#c93c1b; }
#gros h1 { font-size:16px; line-height:30px; color:#63cdf7; }

/* ============================================= menu ============================================= */
#where { background:url(../gif/slide_btm.gif) bottom no-repeat #dfdfdf; height:27px; margin:0; padding:3px 0 0 100px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }
#where a, #where a:visited { text-decoration:none; color:#00b1fc; }
#where a:hover { color:#969696; }

/* ============================================= sub navigation ============================================= */
#menu li ul.subnav { position: absolute; left: 0; top: 49px; background-color:#505050; margin: 0; padding:0; display: none; float: left; width: 140px; z-index:100; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; border-top:none; border-bottom:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #444444; height:auto; }
#menu li ul.subnav li { margin: 0; padding: 0; clear: both; width: 140px; z-index:5; border-top:1px solid #444444; height:32px; }
#menu li ul.subnav li a { color:#00b1fc; margin: 0; padding: 0 10px; float: left; width: 140px; z-index:135; line-height:30px; text-align:left; }
#menu li ul.subnav li a:hover { color:#969696; }
#menu li.current li a { color:#3f3f3f; }

.width_280 { width:280px; }
.margin_0_20_0_0 { margin:0 20px 0 0; }

/* ============================================= divider ============================================= */
.dashed_line { background:url(../gif/dashed_line.gif) repeat-x; height:2px; width:100%; margin:40px 0; }

/* ============================================= list styles ============================================= */
.validlist li { background:url(../gif/valid.gif) no-repeat; padding:0 0 4px 22px; }
.wronglist li { background:url(../gif/wrong.gif) no-repeat; padding:0 0 4px 22px; }
.minuslist li { background:url(../gif/minus.gif) no-repeat; padding:0 0 4px 22px; }

/* ============================================= mark ============================================= */
span.mark { background-color:#FF0; }

/* ============================================= boxes ============================================= */
a.box { display: block; padding: 12px 12px 12px 52px; color: #333; text-decoration: none; margin: 20px 0; }	
a.box:hover { color: #000; text-decoration:none; }
.close { width: 9px; height: 9px; float: right; background: url("../png/close_box.png") no-repeat left top; margin: 6px 0; }
.close:hover { background: url("../png/close_box.png") no-repeat left bottom; }
.succes { border: 1px solid #b3dc7c; background: url("../png/success.png") no-repeat 10px 50% #e8ffca; }
.error { border: 1px solid #ebb1b1; background: url("../png/error.png") no-repeat 10px 50% #ffd6d6; }
.warning { border: 1px solid #efdc75; background: url("../png/warning.png") no-repeat 10px 50% #fff7cb; }
.info { border: 1px solid #afdbee; background: url("../png/info.png") no-repeat 10px 50% #e4f5fd; }

/* ============================================= dropcap ============================================= */
span.dropcap { height: 32px; width: 32px; margin: 0 8px 0 0; float: left; display: block; font-size: 24px; line-height: 32px; text-align: center; background:url(../png/dropcap.png) 0 0 no-repeat; color:#FFF; }

/* ============================================= pullquotes ============================================= */
.pullquote { width: 201px; font-size: 16px; line-height: 27px; font-family: Georgia, serif; font-style: italic; margin: 18px 22px; }

/* ============================================= units ============================================= */
.two_units { width:48%; margin:0 1%; }
.three_units { width:30%; margin:0 1.5%; }
.four_units { width:23%; margin:0 1%; }
#container { width:68%; margin:0 1%; }
.sideleft_menu { width:26%; margin:0 2%; }
.sideright_menu { width:22%; margin:0 4%; }
#side_menu ul { margin:0 0 0 15px; }
#side_menu ul li { background:url(../gif/dashed_line.gif) repeat-x bottom; list-style-image:url(../gif/arrow.gif); width:100%; padding:4px 0; }

/* ============================================= frames ============================================= */
.frame_blog { position: relative; display: block; height:266px; width: 586px; }
.frame_blog span { background: url(../png/frame_ebig.png) no-repeat center top; height:266px; width: 586px; display: block; position: absolute; }

.frame_ebig { position: relative; display: block; height:266px; width: 586px; }
.frame_ebig span { background: url(../png/frame_ebig.png) no-repeat center top; height:266px; width: 586px; display: block; position: absolute; }
.frame_ebig span:hover { background: url(../png/frame_ebig.png) 0 -290px no-repeat; }

.frame_big { position: relative; display: block; height:196px; width: 432px; }
.frame_big span { background: url(../png/frame_big.png) no-repeat center top; height:196px; width: 432px; display: block; position: absolute; }
.frame_big span:hover { background: url(../png/frame_big.png) 0 -214px no-repeat; }

.frame_medium { position: relative; display: block; height:126px; width: 278px; }
.frame_medium span { background: url(../png/frame_threecolumns.png) no-repeat center top; height:126px; width: 278px; display: block; position: absolute; }
.frame_medium span:hover { background: url(../png/frame_threecolumns.png) 0 -137px no-repeat; }

.frame_small { position: relative; display: block; height:91px; width: 201px; }
.frame_small span { background: url(../png/frame_fourcolumns.png) no-repeat center top; height:91px; width: 201px; display: block; position: absolute; }
.frame_small span:hover { background: url(../png/frame_fourcolumns.png) 0 -99px no-repeat; }

.frame_esmall { position: relative; display: block; height:35px; width: 47px; }
.frame_esmall span { background: url(../png/frame_esmall.png) no-repeat center top; height:35px; width: 47px; display: block; position: absolute; }

/* ============================================= blog ============================================= */
.date { background:url(../gif/calendar.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }
.author { background:url(../gif/author.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }
.tags { background:url(../gif/tags.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }
.comments { background:url(../gif/comments.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }

/* ============================================= comments ============================================= */
.avatar { margin:0 8% 0 0; width:8%; }
.comment { width:84%; }

/* ============================================= add comment ============================================= */
label { display:block; margin:6px 0; }
.required { color:red; }
.textinput { border:1px solid #CCC; padding:6px; color:#333; width:250px; }
.messagearea { border:1px solid #CCC; padding:6px; color:#333; width:390px; }
.button { background: url(../gif/button.gif) no-repeat; height:30px; width:100px; border:none; color:#FFF; margin:10px 0; text-transform:uppercase; }

/* ============================================= contact ============================================= */
.widthHalf { width:48%; margin:0 1%; }

/* ============================================= footer ============================================= */
#footer { background:url(../gif/footer_top.gif) no-repeat top #dfdfdf; padding:20px 40px; height:52
0px; }
#footer_copy { background-color:#7c7c7c; color:#FFF; padding:16px 40px; height:20px; }
#footer_copy ul li { float:left; margin:0 10px; }
.recent_post { height:26px; padding:10px 0; }

#footer_copy a, #footer_copy a:visited { text-decoration:none; color:#FFFFFF; }
#footer_copy a:hover { color:#393939; }


#title  h1 {color:#FFFFF;}
#border {
border-style:solid;
border-color:#50b5dc;
}


.columns { width:100%; float: left; padding-top: 20px; clear: both; min-width: 1px; /*background: #f8f8f8;*/}
.columns .columns { }
.columns > div { margin-left: 3%; float: left; }
.columns > div:first-child { margin-left: 0 !important; }
.columns > .half { width: 49%; }
.columns > .half:first-child { width: 48%; }
.columns > .third { width: 31%; }
.columns > .third:first-child { width: 32%; }
.columns > .fourth { width: 23%; }
.columns > .fourth:first-child { width: 22%; }
.columns > .two-third { width: 65%; }
.columns > .two-third:first-child { width: 66%; }
.columns > .three-fourth { width: 75%; }
.columns > .three-fourth:first-child { width: 74%; }

.half .columns > div {margin-left: 6%;}
.half .columns > .half {width: 48%; }
.half .columns > .half:first-child {width: 46%;}
.half .columns > .third {}
.half .columns > .third:first-child {}
.half .columns > .fourth {}
.half .columns > .fourth:first-child {}
.half .columns > .two-third{}
.half .columns > .two-third:first-child {}
.half .columns > .three-fourth {}
.half .columns > .three-fourth:first-child {}

.third .columns > div {margin-left: 10%;}
.third .columns > .half { width: 45%}
.third .columns > .half:first-child { width: 45%}
.third .columns > .third {}
.third .columns > .third:first-child {}
.third .columns > .fourth {}
.third .columns > .fourth:first-child {}
.third .columns > .two-third{}
.third .columns > .two-third:first-child {}
.third .columns > .three-fourth {}
.third .columns > .three-fourth:first-child {}

.fourth .columns > .half {}
.fourth .columns > .half:first-child {}
.fourth .columns > .third {}
.fourth .columns > .third:first-child {}
.fourth .columns > .fourth {}
.fourth .columns > .fourth:first-child {}
.fourth .columns > .two-third{}
.fourth .columns > .two-third:first-child {}
.fourth .columns > .three-fourth {}
.fourth .columns > .three-fourth:first-child {}

.two-third .columns > div { margin-left: 4%; }
.two-third .columns > .half { width: 48%;}
.two-third .columns > .half:first-child { width: 48%;}
.two-third .columns > .third {}
.two-third .columns > .third:first-child {}
.two-third .columns > .fourth {}
.two-third .columns > .fourth:first-child {}
.two-third .columns > .two-third{}
.two-third .columns > .two-third:first-child {}
.two-third .columns > .three-fourth {}
.two-third .columns > .three-fourth:first-child {width: 73%;}

.two-third:first-child .columns > div { margin-left: 4%; }
.two-third:first-child .columns > .half { width: 47%;}
.two-third:first-child .columns > .half:first-child { width: 49%;}
.two-third:first-child .columns > .third {}
.two-third:first-child .columns > .third:first-child {}
.two-third:first-child .columns > .fourth {}
.two-third:first-child .columns > .fourth:first-child {}
.two-third:first-child .columns > .two-third{}
.two-third:first-child .columns > .two-third:first-child {}
.two-third:first-child .columns > .three-fourth {}
.two-third:first-child .columns > .three-fourth:first-child {}


.three-fourth .columns > .half {}
.three-fourth .columns > .half:first-child {}
.three-fourth .columns > .third {}
.three-fourth .columns > .third:first-child {}
.three-fourth .columns > .fourth {}
.three-fourth .columns > .fourth:first-child {}
.three-fourth .columns > .two-third{}
.three-fourth .columns > .two-third:first-child {}
.three-fourth .columns > .three-fourth {}
.three-fourth .columns > .three-fourth:first-child {}

.main .columns .columns { margin-top: -10px; }