/* all no-repeat backgrounds should be changed to a sprite */

/* begin defaults */

*{margin:0;padding:0;}
img{border:none;}
p{margin:30px 0;}
body,html{min-height:100%;}

body{text-align:center;background:#E0E0E0 url(/themes/onlineokeyoyna/images/layout/body_bg.png) repeat-x 0 0;}

/* end defaults */

	/* begin basic layout */

/* begin container */
#container{width:780px;height:100%;position:relative;margin:0 auto;background:#FFF;padding:10px 0;border-left:2px solid #CCC;border-right:2px solid #CCC;background:url(/themes/onlineokeyoyna/images/layout/container_bg.png) repeat 0 0;}
#container > div{margin:10px auto 0;-moz-border-radius:7px;border-radius:7px;}
#infoblock .info, #midStrip > div{margin:0 auto;-moz-border-radius:7px;border-radius:7px;}
/* end container */

/* begin header */
#header{width:765px;height:166px;background:#2A2A2A;margin-top:0px !important;}
#header .logoholder{width:765px;height:107px;}
#header > div.headerText{width:765px;height:13px;text-align:left;padding-left:10px;}
/* end header */

/* begin top menu */
#topmenu{width:765px;height:47px;background:#FFE69F;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;position:relative;}
#topmenu > a{height:47px;width:153px;overflow:hidden;line-height:50px;}
#topmenu > span{margin:0 15px;}

#topmenu ul.menu{display:none;position:absolute;top:47px;right:0px;width:240px;text-align:center;list-style:none;margin-top:-4px;background:#FFE69F;border:1px solid #FFF;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;}
#topmenu ul.menu li{width:230px;height:21px;padding:3px 5px;border-top:1px solid #FFF;text-align:left;}
#topmenu ul.menu li:hover{background:#FFCC33;}
/* end top menu */

/* begin mid section */
#textwrap{width:742px;height:100%;text-align:left;background:#FEDD7D;border:1px solid #000;border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;}
#textwrap > h3{height:29px;width:730px;line-height:28px;background:#2A2A2A;padding-left:12px;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
#textwrap > div{height:100%;width:722px;line-height:28px;padding:0 10px;}
#textwrap ul, #textwrap ol{margin:10px 0;padding-left:30px;}

#infoblock{width:765px;height:191px;background:url(/themes/onlineokeyoyna/images/layout/infoBlock_bg.png) repeat-x 0 0;}
#infoblock .info{width:714px;height:118px;background:url(/themes/onlineokeyoyna/images/layout/info_bg.png) repeat 0 0;border:1px solid #FFBD00;text-align:left;padding:19px 14px;}
#infoblock .info img.cubes{float:left;padding-right:10px;width:113px;height:120px;}
#infoblock > a.noDownloadLink, #infoblock > a.noDownloadLink > img{width:210px;height:36px;position:relative;left:110px;bottom:10px;}

#midStrip{width:746px;height:210px;text-align:left;}
#midStrip > div{float:left;height:208px;border:1px solid #000;}
#midStrip .download{width:471px;background:#FFD764;text-align:left;z-index:1;position:relative;}
#midStrip .download h3{width:459px;background:#2A2A2A;z-index:2}
#midStrip .download > div{width:340px;height:116px;padding:7px 0 7px 7px;}
#midStrip .download > img{position:absolute;right:10px;top:8px;z-index:3;}
#midStrip .download #downloadLink,#midStrip .download > div{z-index:4;position:relative;}
#midStrip .download #downloadLink{left:50%;margin-left:-145px;}

#midStrip .demo{width:247px;margin-left:24px;z-index:1;position:relative;overflow:hidden;background:#2A2A2A;}
#midStrip .demo h3{width:235px;z-index:3;background:Transparent;position:relative;}
#midStrip .demo div{width:247px;height:193px;position:relative;bottom:13px;z-index:2;background:url(/themes/onlineokeyoyna/images/layout/demo_bg.png) no-repeat 0 0;}
#midStrip .demo div > a{display:block;width:150px;height:37px;position:relative;left:45px;top:147px;text-indent:-9000px;}
#midStrip .download h3, #midStrip .demo h3,#sectionBlock h3{height:29px;line-height:28px;padding-left:12px;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;text-align:left;}

#sectionBlock{width:746px;height:288px;background:#FFD764;border:1px solid #000;}
#sectionBlock h3{width:734px;background:#2A2A2A;}
#sectionBlock .section{width:610px;height:54px;padding-left:100px;padding-top:12px;background:url(/themes/onlineokeyoyna/images/layout/section_bg.png) no-repeat 0 0;margin:15px auto;text-align:left;}
#sectionBlock .section > p{margin:2px 0;}
/* end mid section */

/* begin footer */
#footer{width:746px;height:165px;position:relative;background:#FEDD7D;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
#footer h3{height:29px;width:746px;position:absolute;bottom:0;background:#2A2A2A;line-height:28px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#footer ul{list-style:none;height:136px;width:137px;margin-top:6px;}
#footer ul li{height:12px;width:137px;padding:6px 0 0 9px;text-align:left;}
#footer img{position:relative;top:16px;z-index:3;}
#footer h3 > a{position:relative;z-index:4;}
#footer ul,#footer > img{float:left;}
/* end footer */

	/* end basic layout */