/* Cascading Style Sheet for Kube-design.com */

body {background:url(../_imgs/bodybg.png) repeat-x #333333;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:0;}
#content {position:relative;width:720px !important; background:url(../_imgs/containerbg.png) repeat-y;border:1px solid #333;border-top:none; padding:0 15px; overflow:hidden; zoom:1; margin:0 auto;}
#content h1 {background:url(../_imgs/kube-logo.png) no-repeat #000; color:#fff;height:100px;width:720px; margin:35px 0px 10px 0px;}
#content h1 span.title {display:none;}
#content h1 span.titleimg {margin:0 0 0 150px; display:block; width:570px; height:98px; background:url(../_imgs/top.jpg) no-repeat #353535; border:1px solid #000; border-left:none;}
ul.menu {position:absolute; padding:0 140px 0 0; top:5px; left:5px; height:22px; background:url(../_imgs/menudeco.png) no-repeat bottom right;margin:0 10px;}
ul.menu li {list-style-position: inside;float:left; list-style:none; padding:0; margin:0 5px 0 0;}
ul.menu li a {display:block; text-transform:uppercase; text-decoration:none; background:url(../_imgs/menubg.png); border-bottom:2px solid #FF0066; width:115px; height:20px;  padding:0 0 0 5px; line-height:20px; vertical-align:middle; text-indent:10px; text-align:left; color:#fff; font-weight:bold;}
ul.menu li a:before {display: block; margin-left: -9px; margin-bottom: -21px; color:#000; content: attr(title);}
ul.menu li a:focus, ul.menu li a:hover  {background:url(../_imgs/menubg_hover.gif); border-bottom:2px solid #000;}
#content-left h3 {margin:0; font-size:12px;}
#content-left h4 {margin:0; font-size:11px; font-weight:bold; display:inline;color:#FF0066;}
#content-left{float:left; padding:0px 0 0 20px; width:390px; background:url(../_imgs/leftcontentbg.png) no-repeat top left;}
#content-left-full {padding:0px 0 0 20px; background:url(../_imgs/leftcontentbg.png) no-repeat top left;}
#content-left h2, #content-left-full h2 {color:#FF0066; font-size:15px; margin:5px 0; border-bottom:1px solid #000; text-transform: capitalize;}
#content-left ul li {list-style-image:url(../_imgs/listimg.png);}
#content-left a {text-decoration:none; color:#FF0066;}
#content-left a:hover {text-decoration:underline; color:#FF0066;}
#content-right {float:right; padding:10px 10px 0 10px; width:270px; background:url(../_imgs/corner.gif) no-repeat top left #FF0066;color:#fff;text-align:left; border-bottom:2px solid #800040; border-right:1px solid #800040;}
#content-right ul li {list-style-position:inside;}
#content-right h2 {font-size:15px; margin:0 0 5px 0; border-bottom:1px solid #fff;}
#content-right p {margin:0 0 5px 0;}
#content-right a {color:#fff;  text-decoration:none; font-weight:bold;}
#content-right a:hover {color:#fff; text-decoration:underline;}
#content-right img.myphoto {float:left; margin-right:10px;}
#footer {clear:both; border-top:1px solid #808080; color:#808080; text-align:center; font-size:9px; margin:5px 10;}

#formswitcher {position:relative; height:480px; overflow:hidden;}
.contactform label {position:relative; display:block; text-align:left; vertical-align:top;margin:10px 0;}
.contactform label input {width:300px; position:absolute; right:0;}
p#sent, p#error {display:block; color:green; margin:200% 0; text-align:center;}
p#error {color:red;}
p#sent a, p#error a {display:block; padding:10px;}
.contactform label span {color:red;}

#galery_container {width:630px; height:302px; margin:10px auto;}
.galery_links {float:left; display:block; width:255px; height:300px; border:1px solid #000; background-color:#353535; overflow:hidden;padding:0;}
.galery_links ul {margin:0; padding:0;display:block;width:298px; height:300px; overflow:auto;}
.galery_links ul li {list-style:none; display:block;float:left; border:1px solid #000; width:49px; height:49px;}
.galery_links ul li a {display:block;  background:#ccc; color:#000; text-decoration:none; font-size:11px; cursor:hand; width:48px; height:48px;border:1px solid #000;}
.galery_links ul li a img {width:48px; height:48px;border:none;} 
.galery_links ul li a:hover {background-color:#000; border:1px solid #FF0066;}
#galery_screen {position:relative; overflow:hidden; border:1px solid #000; width:300px; height:300px;background-color:#353535;}
#galery_screen p img {position:relative; display:block;left:0; max-height:280px; max-width:300px;margin:0; padding:0; margin:0 auto;}
#galery_menu {float:left; display:block; width:50px; height:300px;padding:0; margin:0 2px 0 0;}
#galery_menu li {list-style:none; display:block;}
#galery_menu li a {text-transform:uppercase; text-decoration:none; text-align:center; color:#fff; display:block; width:50px; height:50px; line-height:48px;border-right:2px solid #FF0066; background:url(../_imgs/menubg.png); margin:5px 0;}
#galery_menu li a:hover {text-warp:none; background:url(../_imgs/menubg_hover.gif); text-decoration:none; border-right:2px solid #000; color:#fff}
#galery_menu li a:before {display: block; margin-left: -2px; margin-bottom: -49px; color:#000; content: attr(title);}
#galery_screen p {display:block; background:#000; color:#fff; margin:0; line-height:20px; height:300px;}

#decozone {display:block; position:absolute; right:10px; top: 350px; height:328px; width:275px; background:url(../_imgs/woody.jpg) no-repeat top left;}