/* Copyright (c) 2009, Blue Moon IT */

* {
margin:0;
padding:0;
outline:none;
}

img {
border:none;
}

.clear {
clear:both;
}

.left {
float:left;
}

.right {
float:right;
}

fieldset {
border:none;
outline:none;
}

table {
border-collapse:collapse;
}

a {
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

/*	Body
____________________________________________________
//////////////////////////////////////////////////*/

html {
overflow-y:scroll;
}

body {
background:url('../img/bg-image.jpg') no-repeat top center #000;
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFF;
}

#wrapper {
width:990px;
margin:0 auto;
}

/*	Header + Menu
____________________________________________________
//////////////////////////////////////////////////*/
#header {
height:70px;
position:relative;
background:#000;
}

#header .foot {
background:url('../img/header-bg.png') no-repeat bottom;
height:17px;
position:absolute;
bottom:-15px;
width:990px;
}

a.logo {
width:164px;
height:28px;
background:url('../img/bluemoonit-logo.jpg') no-repeat;
display:block;
position:absolute;
top: 26px;
left: 0px;
}

#header div.language-select {
position: absolute;
top: 5px;
right: 5px;
}

a.logo strong {
display:none;
}

#menu {
position:absolute;
left: 546px;
top: 26px;
width: 439px;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
list-style:none;
display:inline;
}

#menu li a {
display:block;
float:left;
color:#FFF;
margin:0 0 0 15px;
}

#menu li a strong {
display:none;
}

#menu li a {
background-repeat: no-repeat;
height:34px;
}

#menu li.home a {width:65px; background-position: -10px 0;}
#menu li.home a:hover {background-position: -10px -40px;}
#menu li.home a.active {background-position: -10px -84px;}

#menu li.news a {width:58px; background-position: -83px 0;}
#menu li.news a:hover {background-position: -83px -40px;}
#menu li.news a.active {background-position: -83px -84px;}

#menu li.services a {width:76px; background-position: -152px 0;}
#menu li.services a:hover {background-position: -152px -40px;}
#menu li.services a.active {background-position: -152px -84px;}

#menu li.portfolio a {width:79px; background-position: -240px 0;}
#menu li.portfolio a:hover {background-position: -240px -40px;}
#menu li.portfolio a.active {background-position: -240px -84px;}

#menu li.contact a {width:74px; background-position: -330px 0;}
#menu li.contact a:hover {background-position: -330px -40px;}
#menu li.contact a.active {background-position: -330px -84px;}

/*	Intro
____________________________________________________
//////////////////////////////////////////////////*/
#intro {
height:280px;
position:relative;
}

#intro a.introimage {
width:509px;
height:77px;
background:url('../img/intro.png') no-repeat;
position:absolute;
display:block;
top: 111px;
left: 0px;
}

#intro2 {
height:240px;
position:relative;
}

#intro2 a.introimage {
width:509px;
height:77px;
background:url('../img/intro.png') no-repeat;
position:absolute;
display:block;
top: 81px;
left: 0px;
}

/*	Content
____________________________________________________
//////////////////////////////////////////////////*/
#content {
margin:0 auto;
width:990px;
color:#FFF;
}

#content .leftBox, #content .midBox, #content .rightBox {
width:310px;
height:350px;
float:left;
color:#aeaeae;
}

#content .leftBox p, #content .midBox p, #content .rightBox p {
font:normal 13px/21px calibri, arial, helvetica, sans-serif;
margin:0 0 10px 0;
}

#content .leftBox, #content .midBox {
margin:0 30px 25px 0;
}

#content .leftBox a, #content .midBox a, #content .rightBox a {
color:#3ca8d0;
text-decoration:none;
font-weight:bold;
}

#content .leftBox a:hover, #content .midBox a:hover, #content .rightBox a:hover {
color:#92e1ff;
}

#content .leftBox h2, #content .midBox h2, #content .rightBox h2 {
background:url('../img/mainbox-top.png') no-repeat;
height:45px;
padding:15px 0 0 20px;
color:#FFF;
font:normal 21px calibri, Arial, Helvetica, sans-serif;
}

#content .leftBox h2 a, #content .midBox h2 a, #content .rightBox h2 a,
#content .leftBox h2 a:hover, #content .midBox h2 a:hover, #content .rightBox h2 a:hover  {
color:#FFF;
font-weight:normal;
}


#content .leftBox .content, #content .midBox .content, #content .rightBox .content {
background:#000;
padding:10px 20px 20px 20px;
height: 250px;
}

#content .leftBox .content img, #content .midBox .content img, #content .rightBox .content img {
margin:0 15px 15px 0;
}

#content .leftBox .foot, #content .midBox .foot, #content .rightBox .foot {
height:14px;
background:url('../img/mainbox-foot.png') no-repeat bottom;
}

/*	Footer
____________________________________________________
//////////////////////////////////////////////////*/
#footer {
background:url('../img/footer.png') no-repeat top; 
font:normal 10px Arial, Helvetica, sans-serif;
height:75px;
padding:20px 0 20px 30px;
position:relative;
}

#footer ul {
margin:0;
padding:0;
}

#footer li {
list-style:none;
display:block;
}

#footer li a {
color:#838383;
text-decoration:none;
display:block;
line-height:21px;
}

#footer li a:hover {
color:#41afd7;
}

#footer #copy {
position:absolute;
bottom:-50px;
right:-1px;
font:normal 12px calibri, Arial, Helvetica, sans-serif;
color:#929ca8;
width:960px;
height:30px;
text-align:right;
}


#footer #copy a {
color:#929ca8;
text-decoration:none;
}

#footer #copy a:hover {
color:#fff;
}

#footer .col {
margin:0 70px 0 0;
float:left;
}

#footer a.footlogo {
width:104px;
height:32px;
position:absolute;
left:860px;
top:38px;
}

#footer a.footlogo strong {
display:none;
}

#leftSide {
width:237px;
float:left;
}

.leftBar {
width:237px;
}

.leftBar h2 {
background:url('../img/leftbar.png') no-repeat;
height:40px;
padding:20px 0 0 20px;
color:#FFF;
font:normal 15px calibri, Arial, Helvetica, sans-serif;
}

.leftBar a {
color:#fff;
text-decoration:none;
font-weight:normal;
}

.leftBar .content {
background:#000;
}

.leftBar .foot {
height:14px;
background:url('../img/leftbar-foot.png') no-repeat;
margin:0 0 25px;
}

.leftBar .content2 .menu ul {
margin:0;
padding:0;
}

.leftBar .content2 .menu li {
list-style:none;
display:inline;
}

.leftBar .content2 .menu li a {
display:block;
float:left;
height:18px;
width:208px;
padding:9px 0 7px 10px;
margin:0 0 2px 10px;
color:#aeb0b1;
}

.leftBar .content2 .menu li a:hover {
background:url('../img/menu-hover2.png') no-repeat;
font-weight:bold;
text-shadow:1px 1px #052f3f;
color:#fff;
}

.leftBar .content2 .menu li a.active {
font-weight:bold;
background:url('../img/menu-hover2.png') no-repeat;
text-shadow:1px 1px #4790ab;
color:#000;
}

.leftBar .content, .leftBar .content2 {
background:#000;
}

.leftBar .content {
padding:0 20px;
}

#rightSide {
width:720px;
float:right;
margin:0 0 25px;
color:#b0b2b6;
}

#rightSide h1 {
width:720px;
height:40px;
background:url('../img/big-top.png') no-repeat !important;
padding:20px 0 0 20px;
color:#FFF;
font:normal 21px calibri, Arial, Helvetica, sans-serif;
}

#rightSide .content {
padding:25px;
background:#000;
}

#rightSide .foot {
background:url('../img/bg-foot.png') no-repeat bottom;
height:17px;
}

#rightSide .content p {
line-height:21px;
margin:0 0 20px;
color:#b0b2b6;
}

#rightSide .content small {
font-size:10px;
}

#rightSide .content hr {
margin:35px 0;
height:1px;
border:none;
outline:none;
color:#2b2b2b;
background:#2b2b2b;
}

#rightSide .content h2 {
font:bold 14px Arial, Helvetica, sans-serif;
margin:0 0 10px;
}

#rightSide .content a {
color:#41afd7;
}

#rightSide .news img {
border:1px solid #fff;
margin:0 10px 10px 0;
}

#rightSide ul {
margin-left: 2em;
}

#rightSide ul.checkList {
margin:0;
padding:0 0 24px;
}

#rightSide ul.checkList li {
list-style:none;
display:block;
line-height:21px;
background:url('../img/tick.png') no-repeat left center;
padding:0 0 6px 21px;
}

#rightSide div.image_subcol {
float: right;
padding-left: 10px;
}

.newsletter {
width:184px;
height:24px;
padding:9px 6px 0 6px;
background:url('../img/input-bg.png') no-repeat;
border:none;
outline:none;
color:#9f9f9f;
font:normal 11px Arial, Helvetica, sans-serif;
margin:0 0 8px;
}

.submit {
width:88px;
height:29px;
border:none;
outline:none;
background:url('../img/signup.png') no-repeat;
cursor:pointer;
}

.send {
width:88px;
height:29px;
border:none;
outline:none;
background:url('../img/send.png') no-repeat;
cursor:pointer;
}

/*	Portfolio
_________________________________
///////////////////////////////*/
.portfolioImage {
border:1px solid #3a3a3a;
margin:0 0 15px;
}

.white {
color:#FFF;
font-weight:bold;
}

label {
display:block;
padding:0 0 5px;
font-weight:bold;
}

input.text {
margin:0 0 12px;
border:1px solid #3e3e3e;
background:#171717;
padding:4px 6px;
outline:none;
font:normal 12px Arial, Helvetica, sans-serif;
color:#6d6e72;
width:190px;
}

textarea.textarea {
width:380px;
height:250px;
border:1px solid #3e3e3e;
background:#171717;
padding:4px 6px;
color:#6d6e72;
margin:0 0 15px;
font:normal 12px Arial, Helvetica, sans-serif;
}

.contactLeft {
width:230px;
float:left;
}

.contactRight {
width:400px;
float:left;
}

.elDisplayHidden {
display: none;
}

#content h1 {
background:url('../img/h1-top.png') no-repeat;
height:45px;
padding:15px 20px 0 20px;
color:#FFF;
font:normal 21px calibri, Arial, Helvetica, sans-serif;
}

#content div.div_for_h1 {
padding:10px 20px;
background-color: #000;
}

#content div.div_for_h1_footer {
background: url('../img/h1-bottom.png');
height: 21px;
margin-bottom: 25px;
}

#tooltip {
	position: absolute;
	z-index: 999;
	border: 1px solid #D6D6D6;
	color: #787878;
	background-color: #FFFFFF;
	padding: 0.2em;
}

/*	Normal pages
_________________________________
///////////////////////////////*/

div.div_for_h1 {
margin:0;
color:#b0b2b6;
}

div.div_for_h1  {
padding:25px;
background:#000;
}

div.div_for_h1 p {
line-height:21px;
margin:0 0 20px;
color:#b0b2b6;
}

div.div_for_h1 small {
font-size:10px;
}

div.div_for_h1 hr {
margin:35px 0;
height:1px;
border:none;
outline:none;
color:#2b2b2b;
background:#2b2b2b;
}

div.div_for_h1 h2 {
font:bold 14px Arial, Helvetica, sans-serif;
margin:0 0 10px;
}

div.div_for_h1 a {
color:#41afd7;
}

div.div_for_h1 ul {
margin-left: 2em;
}