* {
padding : 0;
margin : 0;
}
body {
background : #219bd4 url('/images/head.gif');
margin : 0;
font-family : Arial;
text-align : center;
}
.main {
width : 788px;
margin : 0 auto;
}
.head {
height : 95px;
}
.header {
width : 788px;
margin : 0 auto;
height : 95px;
}
.logo {
padding-top : 27px;
padding-left : 0;
float : left;
width : 411px;
height : 69px;
background : url('/images/logo.gif') no-repeat bottom;
}
.teaser {
height : 184px;
margin : 0 auto;
background : url('/images/teaser.png') repeat-x;
}
.menu {
padding-top : 65px;
float : right;
width : 377px;
text-align : center;
background : url('/images/bar.gif') no-repeat bottom;
}
.menuitem {
font-size : 11px;
color : white;
line-height : 34px;
height : 40px;
float : left;
text-align : center;
margin : 0;
height : 30px;
padding-right : 20px;
padding-left : 20px;
}
.menuitem a {
text-decoration : none;
color : #aaff00;
}
.menuitem a:hover {
text-decoration : none;
color : #fff;
}
.menuitemactive {
font-size : 11px;
color : white;
line-height : 34px;
height : 40px;
float : left;
text-align : center;
margin : 0;
height : 30px;
padding-right : 20px;
padding-left : 20px;
background : url('/images/bgon.gif') repeat-x bottom;
}
.menuitemactive a {
text-decoration : none;
color : #fff;
}
.menuitemactive a:hover {
text-decoration : none;
color : #aaff00;
}
a {
text-decoration : none;
color : #fff;
}
a:hover {
text-decoration : none;
color : #aaff00;
}
.container {
background : url('interface/bg.png') repeat-y;
width : 788px;
margin : 0 auto;
font-size : 11px;
color : white;
line-height : 34px;
text-align : left;
clear : both;
}
.nada {
margin : 0 auto;
}
.title {
font-family : "Trebuchet MS, Georgia";
font-size : 25px;
letter-spacing : -1px;
padding : 0;
color : white;
}
.submenu {
height : 37px;
font-size : 11px;
color : white;
line-height : 34px;
width : 788px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}
.sub {
float : left;
width : 86px;
height : 37px;
text-align : center;
}
.subactive {
float : left;
width : 86px;
height : 37px;
text-align : center;
background : url('/images/subbg.png') no-repeat top;
}
.mpteaser {
width : 788px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}
.mpteaser2 {
background-color : #092937;
width : 788px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}
.teaser3 {
background-color : #092937;
border-top : 1px solid #24a7d1;
border-bottom : 1px solid #24a7d1;
width : 788px;
height : 160px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}
.teaser3 img {
border : 0;
padding : 5px;
padding-top : 12px;
}
.teaser4 {
width : 788px;
height : 130px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
background : url('/images/endtail.png');
}
.teaser5 {
width : 788px;
height : 25px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
padding : 10px;
padding-left : 30px;
}
.left5 {
float : left;
font-size : 11px;
font-family : 'verdana';
color : white;
padding : 30px;
padding-top : 10px;
line-height : 17px;
}
.left5 a {
color : #aaff00;
}
a:hover {
text-decoration : underline;
color : #fff;
}
.right5 {
float : right;
font-size : 10px;
font-family : 'Verdana, Arial, Helvetica, sans-serif';
color : white;
padding : 10px;
padding-right : 20px;
padding-top : 8px;
line-height : 11px;
}
#nadamenu {
font-size : 11px;
color : white;
line-height : 30px;
width : 788px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
background : #124c74 url(/images/rainbow.png) no-repeat bottom left;
}
#nadamenu ul {
width : 788px;
margin : 0;
float : left;
background : #124c74 url(/images/rainbow.png) no-repeat bottom left;
}
#nadamenu ul li {
display : inline;
}
#nadamenu li a {
float : left;
padding : 0 9px 0 5px;
text-decoration : none;
font-weight : bold;
}
#nadamenu ul li a:hover, #nadamenu ul li a#selected {
background : transparent url(/images/pointer.gif) no-repeat bottom center;
}
#nadamenu li a#rightcorner {
padding-right : 0;
padding-left : 2px;
background : #124c74 url(/images/rightrsound2.gif) no-repeat bottom left;
}
#nadamenu #sep {
color : #092937;
}
#nadamenu ul li a:hover#sep {
background : transparent url(/images/pointers.gif) no-repeat bottom center;
}
.bc {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
padding : 5px;
color : #24a7d1;
clear : both;
height : 150px;
padding-top : 25px;
line-height : 25px;
font-family : 'lucida sans, arial, helvetica, sans-serif';
padding-left : 25px;
}
.bccontact {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
padding : 5px;
color : #24a7d1;
clear : both;
height : 350px;
padding-top : 25px;
line-height : 25px;
font-family : 'lucida sans, arial, helvetica, sans-serif';
padding-left : 25px;
}
.bccontact2 {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
padding : 5px;
color : #24a7d1;
clear : both;
height : 100px;
padding-top : 25px;
line-height : 20px;
font-family : 'lucida sans, arial, helvetica, sans-serif';
padding-left : 25px;
}
.bcdesign {
color : #ff7e28;
}
.bchost {
color : #8fea06;
}
.bcdomain {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
padding : 5px;
color : #eaea06;
clear : both;
height : 150px;
padding-top : 25px;
line-height : 25px;
font-family : 'lucida sans, arial, helvetica, sans-serif';
padding-left : 25px;
}
.serviceitem {
padding : 10px;
width : 500px;
font-size : 13px;
clear : both;
}
.serviceimg {
float : left;
}
.servicetext {
float : left;
padding-left : 20px;
line-height : 15px;
width : 400px;
}
.servicerightmenu {
height : 100px;
float : left;
padding-right : 2px;
}
.servicerightmenu a {
color : #124c74;
line-height : 20px;
padding-left : 15px;
}
.box2 {
line-height : 10px;
background-color : #1e8fbf;
padding : 5px;
border-top : 1px solid #124c74;
}
.box {
clear : both;
height : 110px;
}
.bcl {
float : left;
width : 450px;
}
.bcr {
float : left;
padding-left : 25px;
}
.big {
font-size : 28px;
letter-spacing : -2px;
}
.med {
font-size : 18px;
letter-spacing : -1px;
}
.normal {
line-height : 15px;
font-size : 12px;
}
.footer {
color : #124c74;
font-size : 10px;
}
#fade-example-2 li {
position : absolute;
background : #092937;
list-style-type : none;
visibility : hidden;
}
.wd-bc {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
color : #24a7d1;
height : 600px;
clear : both;
line-height : 15px;
font-family : 'lucida sans, arial, helvetica, sans-serif';
}
.wd-bg {
float : left;
width : 788px;
height : 90px;
background-color : #011a25;
}
.wd-bg img {
padding : 10px 0 0 20px;
}
.wd-teaser {
float : right;
padding : 15px;
}
.wb-bc {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
color : #24a7d1;
height : 540px;
clear : both;
line-height : 15px;
font-family : "lucida sans, arial, helvetica, sans-serif";
}
.hs-bc {
background : #092937 url(/images/endtail2.png) no-repeat bottom center;
color : #24a7d1;
height : 310px;
clear : both;
line-height : 15px;
font-family : "lucida sans, arial, helvetica, sans-serif";
}
.wb-bg {
float : left;
width : 560px;
height : 80px;
padding : 25px;
background : url(/images/webware/bg.png) repeat-y;
}
.wb-teaser {
background : #092937;
float : left;
padding : 15px;
}
.wb-half {
background : #092937;
width : 365px;
padding : 10px;
float : left;
}
.wb-item {
background : #092937;
clear : both;
padding : 5px;
}
.wb-img {
float : left;
width : 55px;
height : 60px;
padding : 0 10px 0 5px;
text-align : center;
}
.wb-txt {
padding : 5px;
color : #219bd4;
font-size : 11px;
float : left;
}
.logo-txt {
padding : 5px;
color : #d2a2ff;
font-size : 11px;
float : left;
}
.wb-title {
color : #fff;
font-size : 12px;
}
.ds-bc {
background : #092937 url(/images/studio/endtail.png) no-repeat bottom center;
color : #24a7d1;
height : 418px;
clear : both;
line-height : 15px;
font-family : "lucida sans, arial, helvetica, sans-serif";
}
.toggleopacity {
float : left;
border : 0;
}
.toggleopacity img {
border : 0;
opacity : 0.5;
}
.toggleopacity:hover img {
opacity : 1.0;
}
.contactleft {
float : left;
width : 300px;
padding : 10px;
}
.contactleft2 {
float : left;
line-height : 20px;
width : 300px;
padding : 10px;
}
.contactitem {
margin-left : 10px;
margin-top : 3px;
}
.contactitem2 {
margin-left : 5px;
padding-left : 10px;
border-left : 7px solid #071f2a;
}
#kwick {
position : relative;
}
#kwick .kwicks {
display : block;
height : 200px;
margin : 0;
}
#kwick li {
float : left;
}
li:after {
content : "";
}
#kwick .kwick {
display : block;
cursor : pointer;
overflow : hidden;
height : 300px;
width : 196px;
background : #fff;
}
#kwick .kwick span {
display : none;
}
#kwick .opt1 {
background : #114c66;
}
#kwick .opt2 {
background : #0d3b4f;
}
#kwick .opt3 {
background : #07202b;
}
#kwick .opt4 {
background : #05171f;
}
.prbig {
font-size : 30px;
color : white;
}
.prmed {
font-size : 16px;
color : #04e6ec;
font-weight : bold;
padding : 10px 0 0 10px;
}
.pri {
padding : 0 0 10px 10px;
}
.pri a {
color : #04e6ec;
}
.prsmall {
font-size : 12px;
color : white;
width : 320px;
padding : 10px;
}
.prsmall2 {
font-size : 11px;
color : white;
width : 320px;
padding : 10px 0 0 15px;
}
.pritem {
width : 350px;
padding : 20px;
line-height : 20px;
float : left;
}
.teaser8 {
background-color : #092937;
border-top : 1px solid #24a7d1;
border-bottom : 1px solid #24a7d1;
width : 788px;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}
.bluem {
color : #04e6ec;
}
.proj5 {
float : left;
font-size : 10px;
font-family : "Verdana, Arial, Helvetica, sans-serii";
color : white;
padding : 30px;
padding-top : 10px;
line-height : 17px;
}
.proj5 a {
color : #aaff00;
}
.bluem2 {
color : #047d7f;
}
.prbig2 {
font-size : 20px;
color : white;
}
.prmed2 {
font-size : 13px;
color : #028e90;
font-weight : bold;
}
.pri2 {
background-color : #071f2a;
padding : 0 0 10px 10px;
}
.prsmall22 {
font-size : 12px;
color : #05a2a5;
width : 320px;
padding-left : 20px;
}
.prsmall222 {
font-size : 11px;
color : black;
padding-left : 20px;
width : 320px;
}