body{text-align:center;color:#eee;font:12px Arial, 'Helvetica Neue', Helve;padding:0px;margin:0px auto;background:#1e5abe url('images/bg.png') repeat-x;}
#global-wrapper{text-align:left;width:800px;margin:0px auto}

form{margin:0px;padding:0px}
input{border:1px solid #ddd;padding:3px;background:#fcfcfc}
input.nostyle{margin:0px;background:transparent;border:0px none}
input.big{font:16px Arial, Helvetica, sans-serif;padding:3px;font-weight:bold}
textarea{font:14px Arial,Helvetica,sans-serif;font-weight:normal;border:1px solid #ddd;background:#fcfcfc;padding:4px}
img{border:0px none}
h1,h2{margin:6px 0px;text-shadow:#2F2F2F 1px 3px 5px;color:#eee}
h1{font-size:32px}
h2{font-size:24px}
h3{font-size:16px}
hr{border:1px solid #fff;border-top:1px solid #9bdeff}
p{margin:0px}
input.submit, input.reset{text-align:center;padding:5px 20px;border-radius:10px;border:0px none;font-weight:bold;color:#eee;text-shadow:#2F2F2F 1px 3px 5px;}
input.submit{background:#305cab;}

.clearfloat:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat{display:inline-block;}
.clearfloat{display:block;}

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.right-button a{float:right}
small,.small{font-size:10px}
.nopad{padding:0px}
.nomargin{margin:0px}
.noborder{border:0px none}
.border{border:1px solid #ddd}
.hide{display:none}
.visible{display:inline}

a:link,a:visited{color:#dee6f5;text-decoration:none}
a:hover,a:active{color:#dee6f5;text-decoration:underline}

.pagetitle{margin:0px 0px 10px 0px}
.tabs{}
.tabs ul{list-style:none;padding:0px 10px;margin:0px}
.tabs a{padding:5px 10px}
.tabs li{padding:5px 0px;float:left}
.tabs a:hover{background:#f5f5f5;color:#006699;text-decoration:none}
.tabs a.current{background:#006699;color:#fff}
.tabs.border-bottom{margin-bottom:10px}
.border-bottom{border-bottom:1px solid #006699;}

.toolbox{background:#eee;border-top:1px solid #006699;padding:10px;margin-bottom:10px}
.warning, .error, .info{padding:10px;margin:10px 0px;color:#666;text-align:center}
.warning{background:#faffb7;border:1px solid #f3ff62;}
.error{background:#ffe6e6;border:1px solid #ffbfbf;}
.info{background:#ddf4ff;border:1px solid #9bdeff;}
.pagenav{}
.pagenav a{padding:4px;margin:0px;border-bottom:1px solid #9bdeff;}
.pagenav a:hover{background:#ddf4ff}
.pagenav strong{padding:4px;background:#9bdeff;border-bottom:1px solid #9bdeff;}
.pagenav-info{padding:4px}
.loading{width:200px;height:160px;text-align:center;margin:75px 325px;position:absolute;color:#444;display:none}
.loading-bg{background:#666;border:1px solid black;opacity:0.7;width:200px;height:160px;}
.loading-text{background:#dde7f5;width:180px;height:120px;margin:10px;position:absolute;z-index:2;padding:10px 0px}

#portfolio{padding:0px;margin:0px}
#portfolio li{padding:0px 0px 0px 270px;margin:0px;width:470px;height:200px;color:#444;text-shadow:#fff 1px 1px 3px;}
#portfolio li a{color:#666}
#portfolio-thumbs{padding:0px;margin:0px;list-style:none;margin-top:10px}
#portfolio-thumbs li{padding:0px;margin:0px 24px 4px 0px;float:left;border:4px solid #ccc;}
#portfolio-thumbs li.active, #portfolio-thumbs li:hover{border-color:#eee;}
#portfolio-thumbs li a img{padding:4px}
#project{margin:0px;padding:0px;list-style:none;margin-top:50px}
#project li{width:350px;float:left}
#project img.logo{float:left;padding:2px;border:1px solid #eee;}
#project  .desc{float:left;margin-left:10px}
#project .links{background:#dee6f5;color:#444;padding:10px;margin-top:10px}
#project .links a{color:#666;}
.frontpage-services ul{padding:0px 0px 0px 25px;margin:0px}
.frontpage-services h3{margin:10px 0px}

#header{}
#logo{float:left;}
#logo a img{padding-top:1px;padding-bottom:0px;width:180px;height:70px}
#logo a:hover img{padding-top:0px;padding-bottom:1px}

#container{background:#7d9fe0;border-radius:15px;padding:0px}
#content{}

.narrowcolumn,.widecolumn{float:right;margin:0px;padding:10px}
.narrowcolumn{width:400px;}
.widecolumn{width:770px;padding:25px 0px;}

#navbar{margin-top:20px}
#navbar ul{list-style-type:none;margin:0px;padding:0px}
#navbar ul li{float:left;margin-left:2px;}
#navbar ul li a{display:block;padding:0px;color:#fff;font-size:16px}
#navbar ul li a:hover,#navbar > ul > li.hover > a{}
#navbar ul li ul{position:absolute;display:none;text-align:left;width:120px;list-style-type:none;margin:0px;padding:5px;background:#000}
#navbar ul li ul li{padding:5px;}
#navbar ul li ul a{padding:5px;color:#fff}
#navbar ul li.hover ul{display:block;}

#sidebar{width:170px;float:left;margin:auto;padding:0px;font-size:10px}
#sidebar ul{float:none;list-style:none;margin:0px 0px 25px 0px;padding:0px;}
#sidebar ul > li{padding:0px;margin:10px 0px 20px 0px}
#sidebar ul > li > ul{padding:0px;margin:0px}
#sidebar ul > li > ul > li{padding:0px;margin:0px}
#sidebar a{color:#c40024;text-decoration:none}
#sidebar a:hover{color:#c40024;text-decoration:underline}
#sidebar h3{font-size:12px;padding:0px;margin:0px 0px 10px 0px;border-bottom:1px solid #c40024}
#sidebar form{padding:0px;margin:0px}
#sidebar input{padding:2px;margin:0px}

#sidebar .sidebar-wide{width:380px;}
#sidebar .sidebar-norrow{width:185px;float:left;margin-right:10px}

#footer{font-size:11px;color:#aaa}
#footer a{color:#ddd}

#footer #contacts{width:325px;float:right;text-align:left;list-style:none;}
#footer #contacts ul{width:170px;float:right;text-align:left;list-style:none;}
#footer #contacts ul .caption{width:30px;float:left;text-align:right;margin-right:5px}
#footer #tweets{width:475px;float:left;text-align:left;margin-top:10px;}
#footer #tweets a img{float:left;width:48px;height:48px;margin:0px 1px 1px 0px}
#footer #tweets a:hover img{float:left;width:48px;height:48px;margin:1px 0px 0px 1px}
#footer #tweets ul{float:left;margin:0px;list-style:square;padding:0px;margin-left:10px;width:400px}
#footer #tweets ul li{padding:0px;margin:0px 0px 0px 10px}
#footer #tweets ul li .time{font-size:9px}
#footer #footer-links{text-align:right}