html 
{height:100%;}
body
{background-color:#003;color: #BBC;font-family:"Muli", "Helvetica", "Arial", sans-serif; font-size: 12px;margin:0px;padding:0px; font-weight:400;}
h1,h2,h3,h4,h5,h6
{color:#08D; margin:0; padding:0px; font-weight:300; display:block;  text-transform:uppercase;}
h1
{font-size:30px; line-height:30px;}
h1.shout
{font-size:60px; font-weight:300; line-height:60px;}
h2
{font-size:20px;}
h3
{font-size:15px;}
h4,h5,h6
{font-size:12px;}
ul,ol,dl
{padding:0; margin:15px;}
li
{padding:3px;}
a:link,a:visited
{color:#08D; text-decoration:none;}
a:hover,a:focus,a:active,a.highlight
{color:#0AE; text-decoration:none;}
img
{border:none;}
.clearfloat 
{clear:both; height:0; font-size:1px; line-height:0px;}
.space
{height:15px;}
.line
{width:100%; height:1px; margin:auto; padding:0px; border-bottom:1px solid #558; font-size:0px; opacity:0.8;}
.box
{background:url(../img/shade_1.png);-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; padding:5px; display:block;}
.box:hover
{background:url(../img/shade_2.png);-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; padding:5px; display:block;}
.box .option
{padding:10px 0px;}
.box .button
{background:url(../img/shade.png); color:#889; font-size:10px; -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;padding:5px 10px; margin:0px 5px;}
.box .button:hover
{background:url(../img/shade_3.png); color:#0AE;}
.box_blue
{background:url(../img/shade_3.png);-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; padding:5px; display:block;}
.box_blue:hover
{background:url(../img/shade_4.png);-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; padding:5px; display:block;}
.content
{padding:10px;}
.button
{background:url(../img/shade_3.png);color:#BBC; padding:5px 10px; margin:0px; margin-right:3px; text-transform:uppercase; cursor:pointer;vertical-align:top;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
.button:hover
{background:url(../img/shade_4.png);color: #0AE;}
.box_outline
{background:none;border:1px #558 solid;margin:0px 5px 0px 0px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
.note
{font-size:11px; text-transform:uppercase;}
.note label
{width:auto;background:url(../img/shade_4.png);font-size:10px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:1px 5px; margin:0px; margin-right:5px; vertical-align:bottom;}

/*BREADCRUMB---------------------------------------------------------------------------------------------*/
#breadcrumb
{background:url(../img/shade_1.png); opacity:0.8;}
#breadcrumb
{font-family:"Muli", "Helvetica", "Arial", sans-serif; font-size:11px;margin:0px;padding:0px; text-transform:uppercase;}
#breadcrumb a
{background:url(../img/arrow.png) right center no-repeat;padding:5px 20px 5px 10px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; cursor:pointer; vertical-align:top;}
#breadcrumb span
{width:500px;padding:5px 10px; color:#BBC;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; vertical-align:top;}
/*BREADCRUMB---------------------------------------------------------------------------------------------*/

/*FORM---------------------------------------------------------------------------------------------------*/
form p
{margin:3px 0px;}
label
{width:150px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; vertical-align:top; padding:5px 0px; text-transform:uppercase;}
form span
{color:#0AE;font-weight:300;}
input
{font-family:"Muli", "Helvetica", "Arial", sans-serif;font-size:12px;vertical-align:top;}
input[type=text],input[type=password],input[type=email],textarea,select
{width:300px; color:#BBC;background:transparent url(../img/shade_2.png); border:1px solid transparent; padding:5px; margin:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
input[type=button],input[type=submit],input[type=reset]
{background:transparent url(../img/shade_3.png);color:#BBC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:none; padding:5px 10px; margin:0px 5px 0px 0px; cursor:pointer;}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover
{background:transparent url(../img/shade_4.png);color: #0AE;}
textarea
{max-height:400px;font-family:"Muli", "Helvetica", "Arial", sans-serif;font-size:12px;resize:vertical;margin:0px;}
select
{}
select option
{}
.info
{min-width:300px; vertical-align:top; padding:5px 0px; display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
label.error
{width:250px;color:#C00; font-size:10px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; margin-left:10px;}
textarea.error, input.error
{border:1px #C00 dotted;}
/*FORM---------------------------------------------------------------------------------------------------*/

/*BACKGROUND---------------------------------------------------------------------------------------------*/
#shade
{background:url(../img/shade.png);position:fixed;z-index:-100;left:0;top:0;overflow:hidden;}
#bgframe
{position:fixed;z-index:-1000;left:0; top:0;overflow:hidden;}
#bg
{position:fixed;z-index:-1000;left:0; top:0;overflow:hidden;}
/*BACKGROUND---------------------------------------------------------------------------------------------*/

/*HEADER-------------------------------------------------------------------------------------------------*/
#header
{width:1000px;margin:auto; padding:0px;}
#logo
{margin-top:30px;}
#menu
{font-family:"Muli", "Helvetica", "Arial", sans-serif;margin:10px 0px;padding:0px; text-transform:uppercase;}
#menu a
{padding:5px 10px;margin-right:3px; color:#BBC;font-size:12px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; cursor:pointer;}
#menu a.highlight, #menu a:hover
{background:url(../img/shade_1.png); color:#0AE; -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}
/*HEADER-------------------------------------------------------------------------------------------------*/

/*SECTION------------------------------------------------------------------------------------------------*/
#mainframe
{width:1000px; height:auto; margin:auto; padding:0px;}
#rightpanel
{width:750px; max-width:750px; min-height:200px;height:100%; padding-left:30px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; vertical-align:top;}
#footer
{font-size:10px;opacity:0.5;}
/*SECTION------------------------------------------------------------------------------------------------*/

/*SIDE MENU----------------------------------------------------------------------------------------------*/
#sidemenu
{width:200px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:top;}
#sidemenu a
{font-family:"Muli", "Helvetica", "Arial", sans-serif;color:#BBC; display:block; margin:10px;text-transform:uppercase; font-size:11px;}
#sidemenu a:hover
{color:#08D;}
#sidemenu a.highlight
{color:#0AE; cursor:default;}
/*SIDE MENU----------------------------------------------------------------------------------------------*/

/*LOADING------------------------------------------------------------------------------------------------*/
#loader {position: absolute;top:0;left:0; width:100%; height:100%;background:url(../img/ajax-loader.gif) no-repeat center;text-align: center;z-index: 10000000; opacity:.5; display:none; cursor:default;}
/*LOADING------------------------------------------------------------------------------------------------*/

.code
{width:20px;height:20px;background:url(../img/code.png) no-repeat;overflow:hidden;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}

#technologies
{max-width:750px;}
#technologies div
{width:200px;max-width:200px; height:25px; padding:5px 10px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
#technologies div label
{width:25px;height:25px;padding:0px;}
#technologies div div
{width:auto;max-width:auto; height:auto; padding:5px 10px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}


label.ms
{background:url(../img/icon.png) 0px 0px;}
label.
{background:url(../img/icon.png) 0px 0px;}
label.
{background:url(../img/icon.png) 0px 0px;}
label.
{background:url(../img/icon.png) 0px 0px;}
label.ai
{background:url(../img/icon.png) 0px 0px;}
label.fl
{background:url(../img/icon.png) 0px -25px;}
label.dw
{background:url(../img/icon.png) -25px -25px;}
label.ps
{background:url(../img/icon.png) -50px -25px;}