@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1.6em;
}
ol, ul, li {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
body {
font-family : arial, verdana, sans-serif;
font-size : 11px;
background-color : #cccccc;
}
#content {
width : 800px;
height : auto;
margin : auto;
background : url(assets/images/martial_arts.jpg);
background-position : bottom right;
background-repeat : no-repeat;
background-color : #eff2f3;
border : 10px solid #ffffff;
}
#header {
width : 800px;
height : 130px;
background-color : #ffffff;
background : url(assets/images/header.jpg);
}
#headerTxt {
width : auto;
height : 100px;
float : left;
padding-left : 25px;
padding-top : 35px;
}
#headerImg {
width : auto;
height : auto;
float : right;
position: absolute;top: 10px; right: 250px;
}
#menu {
width : auto;
height : 50px;
}
#menu ul {
margin : 0;
padding : 49px 0 0 0;
list-style : none;
line-height : normal;
}
#menu li {
display : inline;
text-align : left;
}
#menu a {
display : block;
float : left;
height : 20px;
text-decoration : none;
color : #ffffff;
font-family : arial, verdana, sans-serif;
font-size : 10px;
font-weight : bold;
margin : auto;
padding : 0 7px;
}
#menu a:hover {
color : #666666;
text-decoration : none;
}
#readMore {
color : #555555;
text-align : right;
text-transform : uppercase;
font-size : 9px;
}
#readMore a:hover {
color : #cccccc;
text-decoration : underline;
}
#readMore a:link{
color : #555555;
}
#readMore a:active{
color : #555555;
}
#readMore a:visited {
color : #cccccc;
}
.h1 {
font-size : 280%;
color : #ffffff;
font-weight : 400;
}
.h2 {
font-size : 170%;
color : #000000;
font-weight : 200;
padding-bottom : 5px;
}
.h3 {
font-size : 140%;
color : #000000;
font-weight : 200;
}
.h4 {
font-size : 210%;
color : #000000;
font-weight : 600;
}
.bold {
font-weight : 600;
}
#newsTextBox {
width : 150px;
height : auto;
}
#classTextBox {
width : 160px;
height : auto;
padding-left: 5px;
}
#imgBox {
width : 250px;
height : auto;
padding: 5px;
}
.imgContainerLeft {
float: left;
width: auto;
height: auto;
padding-right: 7px;
padding-top: 7px;
}
.imgContainerRight {
float: right;
width: auto;
height: auto;
padding-left: 7px;
padding-top: 7px;
}
#textBox {
width : auto;
height : auto;
margin : 0;
}
#TextBox {
width : auto;
height : auto;
margin: 0 auto;
padding-right: 15px;
padding-left: 5px;
}
#contentsBox {
float : left;
width : 100%;
background : #fff url(assets/images/leftside.gif) repeat-y left top;
}
#introBox {
float : left;
width : 67%;
background : #fff url(assets/images/leftside.gif) repeat-y left top;
}
#newsBox {
float : right;
width : 33%;
background : #fff url(assets/images/leftside.gif) repeat-y left top;
}
#videoBox {
float : left;
width : 39%;
margin : 0 auto;
background : #fff url(assets/images/leftside.gif) repeat-y left top;
}
#classesBox {
float : left;
width : 28%;
margin : 0 auto;
background : #fff url(assets/images/leftside.gif) repeat-y left top;
}
.center-content {
position : relative;
background : url(assets/images/rightside.gif) repeat-y right top;
padding : 10px 10px 0px 25px;
margin : 0 auto;
}
.top {
width : 100%;
height : 20px;
background : url(assets/images/top.gif) no-repeat left top;
}
.top span {
width : 100%;
display : block;
position : relative;
height : 20px;
background : url(assets/images/top-right.gif) no-repeat right top;
}
.bottom {
width : 100%;
height : 60px;
background : url(assets/images/bottom.gif) no-repeat left bottom;
}
.bottom span {
width : 100%;
display : block;
position : relative;
height : 60px;
background : url(assets/images/bottom-right.gif) no-repeat right top;
}
.hr {
border-top : 2px solid #ffffff;
width : auto;
}
.hrr {
border-top : 2px dotted #cccccc;
width : 65px;
padding : 3px;
}
.vr {
border-right : 1px solid #2d0d0d;
height : auto;
}
#footer {
width : 790px;
height : 30px;
background-color : #ffffff;
float : left;
padding-top : 5px;
padding-bottom : 5px;
color : #999999;
}
#copyright {
width : auto;
height : 30px;
color : #666666;
text-align : center;
font-size : 9px;
padding-top : 5px;
padding-bottom : 5px;
}
#copyright a {
color : #666666;
text-decoration : none;
}
#copyright a:hover {
color : #666666;
text-decoration : underline;
}