/*
  MAGMA.IE
  Copyright (c) 2009, All Rights Reserved
*/

body {
 background:#322B35 url(images/background.png) repeat-x scroll center top;
 font:11px Verdana, Helvetica, Arial, sans-serif;
 margin:0;
 padding:0;
 color:#474544;
 text-align:center;
}
img {
 border:0;
 margin:0;
 padding:0;
}

h2 {
 color:#2F2F2F;
 font-weight:normal;
 font-size:22px;
 padding:0;
 margin:0;
}

.index h2 {
 color:#CC1E49;
}

hr {
 border:0;
 border-top:1px dotted #5B5B5B;
 height:1px;
 overflow:hidden;
}

#body {
 width:800px;
 margin:0 auto 0 auto;
 text-align:left;
}

#banner {
 height:100px;
 background:url(images/magma-banner.png) no-repeat scroll left bottom;
 position:relative;
}

#banner img {
 position:absolute;
 top:15px;
 left:10px;
}

#copyright {
 clear:both;
 background:url(images/magma-footer.png) no-repeat scroll top left;
 padding:25px 50px 0 30px;
 font-size:9px;
 color:#625F64;
 margin-bottom:30px;
}
#copyright a {
 color:#625F64;
 text-decoration:none;
}
#copyright a:hover {
 color:#999999;
}


#menu {
 height:46px;
 text-align:right;
 position:absolute;
 top:35px;
 right:35px;
}
#menu a {
 display:block;
 float:left;
 height:46px;
 background:no-repeat scroll top right;
}
#menu a#menu-index {
 width:59px;
 background-image:url(images/menu-home.png);
}
#menu a#menu-portfolio {
 width:130px;
 background-image:url(images/menu-portfolio.png);
}
#menu a#menu-about{
 width:107px;
 background-image:url(images/menu-about.png);
}
#menu a#menu-contact {
 width:78px;
 background-image:url(images/menu-contact.png);
}
#menu a i {
 display:none;
}
#menu a.current-page, #menu a:hover {
 background-position:right -46px;
 cursor:pointer;
}
#menu a.current-page {
 background-position:right -92px;
 cursor:default;
}

#content {
 min-height:400px;
 background:url(images/magma-content.png) repeat-y scroll top left;
 padding:10px 31px 10px 35px;
 position:relative;
}
#content:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.rcolumn {
 width:245px;
 float:right;
 margin:0 13px 0 10px;
}


.box-award {
 min-height:70px;
 background:url(images/box-award-bg.png) repeat-y scroll -11px top;
 font-size:11px;
}

.box-award div {
}
.portfolio {
 clear:right;
 font-size:11px;
}
.portfolio a, .box-award a {
 color:#BE4462;
}

.box-transparent {
 padding:0 10px 0 15px;
}

.box-grey {
 background:#DFDFDF;
 padding:15px 10px 15px 15px;
}

.testimonial dl {
 text-align:right;
}
.testimonial dt {
 color:#BE4462;
}
.testimonial dd {
 text-size:9px;
}
.testimonial i {
 font:italic 12px 'Times New Roman', times,serif;
}

.box-grey.related {
 background:transparent;
 font-size:10px;
}
.box-grey.related a {
 color:#868686;
}



#arrow-next, #arrow-prev, #arrow-weblink {
 display:block;
 width:65px;
 height:26px;
 background:no-repeat scroll left top;
}
#arrow-next {
 background-image:url(images/arrow-next.png);
}
#arrow-prev {
 background-image:url(images/arrow-prev.png);
}
#arrow-weblink {
 width:106px;
 background-image:url(images/arrow-weblink.png);
}
#arrow-readmore {
 display:block;
 height:28px;
 width:107px;
 background-image:url(images/arrow-readmore.png);
}
#arrow-next:hover, #arrow-prev:hover, #arrow-weblink:hover {
 background-position:left -26px;
}
#arrow-readmore:hover {
 background-position:left -28px;
}
#arrow-next i, #arrow-prev i, #arrow-weblink i , #arrow-readmore i {
 display:none;
}


#body.index #content b {
 line-height:20px;
}

#body.about #content {
 min-height:200px;
}

#body.about #copyright {
 padding-top:470px;
}
.sub-grey {
 font-size:11px;
 line-height:18px;
 position:absolute;
 left:17px;
 bottom:-455px;
 padding:30px 30px 0 270px;
 width:458px;
 height:396px;
 background:url(images/about-greybox.png) no-repeat scroll left top;
}

form p {
 margin:0 0 8px 0;
}
label {
 display:block;
 float:left;
 width:200px;
 padding-top:5px;
 font-weight:bold;
 color:#362F2D;
}
input, textarea {
 font:12px Verdana, Helvetica, Arial, sans-serif;
 width:430px;
 padding:2px;
 border:1px solid #B3B3B3;
 background:white;
}
textarea {
 height:65px;
}
form button {
 display:block;
 margin-left:200px;
 width:106px;
 height:27px;
 background:url(images/submit-button.png) no-repeat scroll left top;
 padding:0;
 border:0;
 cursor:pointer;
}
form button i {
 display:none;
}
form button:hover {
 background-position:left -27px;
}

.inner-view-project {
 display:block;
 width:89px;
 height:25px;
 position:absolute;
 background:url(images/inner-view-project.png) no-repeat scroll left top;
}
.inner-view-project:hover {
 background-position:left -25px;
}
.inner-view-project i {
 display:none;
}