/* CSS Document */
/* CSS Document */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: middle;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media only screen and (min-width: 240px) {
body {}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:30%; float:left;}
div.logoarea img { width:100% !important; height:auto !important;}
div.bannerarea { width:70%; float:left; border:1px solid #999999;}
div.bannerarea img { width:100% !important; height:auto !important;}
div.greyarea { display:none;}
div.menuarea { display:none;}
div.menuareamobile { display:inline; margin:0 auto; width:100%; z-index:9999; height:50px;}
div.matter { width:100%; background:#FFFFFF; padding:1%; margin-top:143px;}
div.matter img { width:100% !important; height:auto !important;}
div.rightpanel { display:none;}
div.left1 { display:none;}
div.right1 { display:none;}
div.footer { background:#333333; width:98%; padding:1%;}
div.footerleft { width:100%; margin:0 auto;}
div.footerright { width:100%; margin:0 auto;}
div.gallery { width:48%; float:left; margin:1%;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:98%; margin:0 auto;}
div.column3 { width:100%; margin:0 auto;}
div.column2contact { width:98%; margin:0 auto; background:#efefef; border:1px solid #333;}
div.column21 { width:98%; margin:0 auto; background:#d9d9d9; padding:2%;}
div.highlight { width:100%; margin:0 auto; background:#FFCC00; padding:1px;}
div.videoarea { display:none;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
body {}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:30%; float:left;}
div.logoarea img { width:100% !important; height:auto !important;}
div.bannerarea { width:70%; float:left; border:1px solid #999999;}
div.bannerarea img { width:100% !important; height:auto !important;}
div.greyarea { display:none;}
div.menuarea { display:none;}
div.menuareamobile { display:inline; margin:0 auto; width:100%; z-index:9999; height:50px;}
div.matter { width:100%; background:#FFFFFF; padding:1%; margin-top:174px;}
div.matter img { width:100% !important; height:auto !important;}
div.rightpanel { display:none;}
div.left1 { display:none;}
div.right1 { display:none;}
div.footer { background:#333333; width:98%; padding:1%;}
div.footerleft { width:100%; margin:0 auto;}
div.footerright { width:100%; margin:0 auto;}
div.gallery { width:48%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:100%; margin:0 auto;}
div.column3 { width:100%; margin:0 auto;}
div.column2contact { width:100%; margin:0 auto; background:#efefef; border:1px solid #333;}
div.column21 { width:100%; margin:0 auto; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:100%; margin:0 auto; background:#FFCC00; padding:1px;}
div.videoarea { display:none;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
body {}
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:30%; float:left;}
div.logoarea img { width:100% !important; height:auto !important;}
div.bannerarea { width:70%; float:left; border:1px solid #999999;}
div.bannerarea img { width:100% !important; height:auto !important;}
div.greyarea { display:none;}
div.menuarea { display:none;}
div.menuareamobile { display:inline; margin:0 auto; width:100%; z-index:9999; height:50px;}
div.matter { width:100%; background:#FFFFFF; padding:1%; margin-top:220px;}
div.matter img { width:100% !important; height:auto !important;}
div.rightpanel { display:none;}
div.left1 { display:none;}
div.right1 { display:none;}
div.footer { background:#333333; width:98%; padding:1%;}
div.footerleft { width:50%; float:left;}
div.footerright { width:50%; float:right;}
div.gallery { width:23%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:34%; float:left; margin-right:1%;}
div.column3 { width:64%; float:left; margin-right:1%; padding:1%}
div.column2contact { width:56%; float:right; background:#efefef; border:1px solid #333;}
div.column21 { width:48%; float:left; margin-right:1%; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:100%; margin:0 auto; background:#FFCC00; padding:1px;}
div.videoarea { display:none;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
@media only screen and (min-width: 600px) {
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:30%; float:left;}
div.bannerarea { width:70%; float:left; border:1px solid #999999;}
div.greyarea { display:none;}
div.menuarea { width:100%; padding:0.5% 0; background:#CCEEB5; border:1px solid #666666; display:inline;}
div.menuareamobile { display:none;}
div.matter { width:100%; background:#FFFFFF; padding:1%; margin-top:264px;}
div.matter img { width:100% !important; height:auto !important;}
div.rightpanel { display:none;}
div.left1 { display:none;}
div.right1 { display:none;}
div.footer { background:#333333; width:98%; padding:1%;}
div.footerleft { width:50%; float:left;}
div.footerright { width:50%; float:right;}
div.gallery { width:23%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:34%; float:left; margin-right:1%;}
div.column3 { width:64%; float:left; margin-right:1%; padding:1%}
div.column2contact { width:56%; float:right; background:#efefef; border:1px solid #333;}
div.column21 { width:48%; float:left; margin-right:1%; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:100%; margin:0 auto; background:#FFCC00; padding:1px;}
div.videoarea { display:none;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) {
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:100%; margin:0 auto;}
div.toparea { width:100%; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:10%; float:left;}
div.logoarea img { width:10% !important; height:auto !important;}
div.bannerarea { width:65%; float:left;}
div.bannerarea img { width:65% !important; height:auto !important;}
div.greyarea { width:25%; height:200px; float:right; display:inline;}
div.greyarea img { width:25% !important; height:auto !important;}
div.menuarea { width:100%; padding:0.5% 0; background:#CCEEB5; border:0px solid #666666; display:inline;}
div.menuareamobile { display:none;}
div.matter { width:68%; background:#FFFFFF; padding:1%; float:left; margin-top:264px;}
div.matter img { width:100% !important; height:auto !important;}
div.rightpanel { width:240px; height:770px; float:right; padding: 1%; display:inline; background:#262626; margin-top:236px;}
div.rightpanel iframe { width:100%!important; height:auto!important;}
div.left1 { width:33px; height:34px; padding-right:5px; padding-bottom:5px; float:left; display:inline;}
div.right1 { float:right; width:169px; display:inline;}
div.footer { background:#333333; width:98%; padding:1%; margin:0 auto;}
div.footerleft { width:50%; float:left;}
div.footerright { width:50%; float:right;}
div.gallery { width:23%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:34%; float:left; margin-right:1%;}
div.column3 { width:64%; float:left; margin-right:1%; padding:1%}
div.column2contact { width:56%; float:right; background:#efefef; border:1px solid #333;}
div.column21 { width:48%; float:left; margin-right:1%; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:100%; margin:0 auto; background:#FFCC00; padding:5px;}
div.videoarea { width:240px; float:right; display:inline; background:#262626; margin:10px 0;}
div.videoarea iframe { width:100% !important; height:auto !important;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) {
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:1000px; margin:0 auto;}
div.toparea { width:1000px; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:160px; float:left;}
div.logoarea img { width:160px !important; height:188px !important;}
div.bannerarea { width:600px; float:left; border:1px solid #999999;}
div.bannerarea img { width:597px !important; height:202px !important;}
div.greyarea { width:240px; height:200px; float:right; display:inline;}
div.greyarea img { width:240px !important; height:auto !important;}
div.menuarea { width:1000px; padding:8px 0; background:#CCEEB5; border:0px solid #666666; display:inline;}
div.menuareamobile { display:none;}
div.matter { width:710px; background:#FFFFFF; padding:10px 17px; float:left; margin-top:264px;}
div.matter img { width:612px !important; height:186px !important;}
div.rightpanel { width:240px; height:770px; padding: 45px 10px 10px 19px; float:right; display:inline; background:#262626; margin-top:236px;}
div.rightpanel iframe { width:100%!important; height:auto!important;}
div.left1 { width:33px; height:34px; padding-right:5px; padding-bottom:5px; float:left; display:inline;}
div.right1 { float:right; width:169px; display:inline;}
div.footer { background:#333333; width:1000px; padding:10px; margin:0 auto;}
div.footerleft { width:50%; float:left;}
div.footerright { width:50%; float:right;}
div.gallery { width:23%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:34%; float:left; margin-right:1%;}
div.column3 { width:64%; float:left; margin-right:1%; padding:1%}
div.column2contact { width:56%; float:right; background:#efefef; border:1px solid #333;}
div.column21 { width:48%; float:left; margin-right:1%; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:1000px; margin:0 auto; background:#FFCC00; padding:5px;}
div.videoarea { width:240px; float:right; display:inline; background:#262626; margin:10px 0;}
div.videoarea iframe { width:100% !important; height:auto !important;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
@media only screen and (min-width: 1280px) {
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:1000px; margin:0 auto;}
div.toparea { width:1000px; margin:0 auto; position:fixed; background-color:#fff; top:0;}
div.logoarea { width:160px; float:left;}
div.logoarea img { width:160px !important; height:188px !important;}
div.bannerarea { width:600px; float:left;}
div.bannerarea img { width:597px !important; height:202px !important;}
div.greyarea { width:240px; height:200px; float:right; display:inline;}
div.greyarea img { width:240px !important; height:auto !important;}
div.menuarea { width:1000px; padding:8px 0; background:#CCEEB5; border:0px solid #666666; display:inline;}
div.menuareamobile { display:none;}
div.matter { width:710px; background:#FFFFFF; padding:10px 17px; float:left; margin-top:264px;}
div.matter img { width:612px !important; height:186px !important;}
div.rightpanel { width:240px; height:770px; padding: 45px 10px 10px 19px; float:right; display:inline; background:#262626; margin-top:236px;}
div.rightpanel iframe { width:100%!important; height:auto!important;}
div.left1 { width:33px; height:34px; padding-right:5px; padding-bottom:5px; float:left; display:inline;}
div.right1 { float:right; width:169px; display:inline;}
div.footer { background:#333333; width:1000px; padding:10px; margin:0 auto;}
div.footerleft { width:50%; float:left;}
div.footerright { width:50%; float:right;}
div.gallery { width:23%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:36%; float:left; margin-right:1%;}
div.column3 { width:64%; float:left; margin-right:1%; padding:1%}
div.column2contact { width:56%; float:right; background:#efefef; border:1px solid #333;}
div.column21 { width:48%; float:left; margin-right:1%; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:1000px; margin:0 auto; background:#FFCC00; padding:5px;}
div.videoarea { width:240px; float:right; display:inline; background:#262626; margin:10px 0;}
div.videoarea iframe { width:100% !important; height:auto !important;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) {
div.left { float:left;}
div.right { float:right;}
div.clear { clear:both; line-height:1px;}
div.sep { height:1px; background:#999999; width:100%; margin:8px 0;}
div.space { height:5px;}
div.space1 { height:10px;}
div.space2 { height:15px;}
div.space3 { height:18px;}
div.container { width:100%; background:#FFFFFF;}
div.wraper { width:1000px; margin:0 auto;}
div.toparea { width:1000px; margin:0 auto; background-color:#fff; position:fixed; top:0;}
div.logoarea { width:160px; float:left;}
div.logoarea img { width:160px !important; height:188px !important;}
div.bannerarea { width:600px; float:left; border:1px solid #999999;}
div.bannerarea img { width:597px !important; height:202px !important;}
div.greyarea { width:240px; height:204px; float:right; display:inline;}
div.greyarea img { width:240px !important; height:auto !important;}
div.menuarea { width:1000px; padding:8px 0; background:#CCEEB5; border:0px solid #666666; display:inline;}
div.menuareamobile { display:none;}
div.matter { width:710px; background:#FFFFFF; padding:10px 17px; float:left; margin-top:264px;}
div.matter img { width:612px !important; height:186px !important;}
div.rightpanel { width:240px; height:770px; padding: 45px 10px 10px 19px; float:right; display:inline; background:#262626;margin-top:236px;}
div.rightpanel iframe { width:100%!important; height:auto!important;}
div.left1 { width:33px; height:34px; padding-right:5px; padding-bottom:5px; float:left; display:inline;}
div.right1 { float:right; width:169px; display:inline;}
div.footer { background:#333333; width:1000px; padding:10px; margin:0 auto;}
div.footerleft { width:50%; float:left;}
div.footerright { width:50%; float:right;}
div.gallery { width:23%; float:left; margin:0 1% 1% 0;}
div.gallery img { width:100% !important; height:auto !important;}
div.column2 { width:34%; float:left; margin-right:1%;}
div.column3 { width:64%; float:left; margin-right:1%; padding:1%}
div.column2contact { width:56%; float:right; background:#efefef; border:1px solid #333;}
div.column21 { width:48%; float:left; margin-right:1%; background:#d9d9d9; padding:2%;}
div.column21 iframe { width:100%!important; height:auto!important;}
div.highlight { width:1000px; margin:0 auto; background:#FFCC00; padding:5px;}
div.videoarea { width:240px; float:right; display:inline; background:#262626; margin:10px 0;}
div.videoarea iframe { width:100% !important; height:auto !important;}
div.highlightcontact { padding:5px; background:#feff91; border:1px solid #FFCC00;}
div.rightcolumn { width:98%; margin:0 auto; background:#d9d9d9; padding:1%;}
div.rightcolumn iframe { width:100%!important; height:auto!important;}
div.socialmedia { bottom:0; position:fixed; background:#333333; padding:5px; width:100%;}
}
/* PRINT */
@media print {
}