/* main layout */
body
{
  background: #000;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.8em;
color:#fff;
position:relative;
}
form  
{
    background: transparent url(/style_images/header.png) no-repeat top center;
    position:absolute;
    width:100%;
	min-height:100%;
	top:0;
	left:0;
}
img{border:none;}

.container
{
  margin:0 auto;
  padding:0 0 100px 0;
  width:900px;
  min-height:900px;
  position:relative;
  background: transparent url(/media/9115/background.png) no-repeat top center;
}
/* Content */
.content
{
    clear:both;
    padding:0 10px 10px 10px;
	float:left;
}
/* Text */
h1,h2,h3 {
    font-family:Arial, sans-serif;
    font-weight:bolder;
    letter-spacing:-1px;
    color:#c00;
    padding:0;
}
h1 {font-size:2em;margin:4px 0;}
h2 {font-size:1.6em;margin:3px 0;}
h3 {font-size:1.4em;margin:2px 0;}
h4 {font-size:1.2em;margin:1px 0;}
p {
    margin:0 0 20px 0;
    color:#fff;
}
/* colours */
.white {color:#ffffff;}
.red{color:#e22128;}
.black{color:#000000;}
.gray {color:#808080;}
.darkgray {color:#444444;}
.lightblue {color:#7FB7C8;}
.blue{color:#047198;}
.darkblue{color:#005572;}
strong{font-weight:bolder;}
a{color:#fff;font-weight:bolder;}

/*header*/
.companyLogo
{
    margin:5px 0 0 30px;
    float:left;
    padding:7px;
    text-align:center;
}

/*menu*/
.menu{position:relative;float:left;z-index:100;width:260px;background:transparent url(/media/9121/menu.png) no-repeat left center;}
.menu ul
{
	top:10px;
    float:right;
    margin: 0;
    padding:0;
    list-style-type:none;
    height:130px;
    width:260px;
    position:relative;
}
.menu ul li
{
    display:inline-block;
    float:right;
    padding:0 10px;
    height:20px;   
	width:150px;
    vertical-align:bottom;
}
.menu ul li a{text-align:right;position:relative;height:16px;padding:0 0 0 0;padding: 0 15px 0 0;right:10px;}
.menu ul li.current a.current,.menu ul li.parent a.parent,.menu ul li a:hover{color:#fff;font-weight:bolder;background:transparent url(/media/9126/menu-bullet.png) no-repeat right center;}
.menu a
{
    text-decoration:none;
    color:#fff;
    font-family: Arial, Sans-Serif;
    font-size:1em;
	
}
.menu ul li a{display:block;width:100%;}
.menu ul li ul{
    margin:0;
    background:url(/style_images/bubble.png) no-repeat left top;
    padding:2px 15px;
    list-style-type:none;
    position:absolute;
    top:103px;
    height:45px;
    width:500px;
    z-index:100;
}
.menu ul li ul li{ display:inline-block;padding:2px 5px;float:left;} 
.menu ul li ul li a{color:#ffcccc;font-size:0.8em;} 
.menu ul li ul li a.current,.menu ul li ul li a.parent,.menu ul li ul li a:hover{color:#ffffff;}

/*Main content panel*/
#MainPanel
{
    width:500px;
    display:inline-block;
    margin:0;
	padding-left:10px;
	padding-bottom:100px;
	padding-top:300px;
	float:left;
	position:relative;
}
#SidePanel
{
	top:300px;
	width:295px;
	float:left;     
	position:relative;
	margin:0 0 100px 0;
}
#SidePanel>div{margin-bottom:10px;float:left;}
/*Home page*/
#projects{width:535px;height:212px;overflow:hidden;float:left;left:-15px;clear:both;margin:5px 0;padding:0;position:relative;border-top:solid 2px #e22128;border-bottom:solid 2px #e22128;}
#projects div{float:left;position:relative;padding:0;margin:5px 3px;width:170px;height:200px;background:#ffffff url(/style_images/item-back.png) no-repeat left top;}
#projects div a
{
    text-decoration:none;
    color:#005572;
}
#projects div a:hover{color:#7FB7C8;}
#projects div img{width:150px;top:10px;left:10px;margin:0;padding:0;clip:rect(0 170px 100px 0);overflow:hidden;position:absolute;}
#projects div .small{font-size:xx-small;margin:2px 10px;}
#projects div h4{margin:120px 10px 0 10px;color:#005572;}

/* Services List */
#MainPanel.ServicesList .news-item{position:relative;float:left;width:400px;height:150px;background:url(/style_images/serviceback.png) no-repeat top center;margin:0 10px 0 0;}
#MainPanel.ServicesList .news-item img{width:100px;border:none;position:absolute;right:0;top:28px;}
#MainPanel.ServicesList .news-item h2{
display:block;
float:left;
margin:10px 0 3px 0;
width:300px;
border-bottom:solid 1px #e22128;
font-size:1.1em;
}
#MainPanel.ServicesList .news-item a{text-decoration:none;}
#MainPanel.ServicesList .news-item p {
color:#fff;
display:block;
float:left;
margin:0;
width:250px;
text-align:justify;
}
#MainPanel.ServicesList .news-item a.link{color:#fff;font-weight:bold;}
#MainPanel.ServicesList .news-item a:hover{color:#e22128;}

/* Service Item */
#MainPanel.Service #ImageList{width:100%;float:left;}
#MainPanel.Service #ImageList div{width:60px;height:60px;margin:2px 2px 0 0;padding:2px;border:solid #ddddff 2px;float:left;}
#MainPanel.Service #ImageList div a {display:block;overflow:hidden;}
#MainPanel.Service #ImageList div a img{height:60px;}

/* Contact page */
#MainPanel .formlabel
{
    color:#fff;
    font-weight:bold;
    margin:5px 0 0px 100px;
    float:left;
    clear:both;
}
#MainPanel .formbox
{
    color:#047198;
    font-weight:bold;
    width:200px;
    margin:3px 190px 3px 0;
    float:right;
}
#MainPanel .textboxmulti
{
    color:#047198;
    font-weight:bold;
    width:200px;
    height:100px;
    margin:3px 190px 3px 0;
    float:right;
}
#MainPanel .emailvalid
{
    position:absolute;
    right:60px;
    top:50px;
}
#MainPanel .recapcha
{
    float:left;
    margin:5px 0 0 172px;
}
#MainPanel .formbutton
{
    color:#ffffff;
    background:#e22128;
    font-weight:bold;
    margin:3px 83px 3px 0;
    float:right;
    border:none
}

#uppercontent li{list-style:url(/media/9156/red-bullet.png)}

/* footer */
#footerback{position:absolute;width:100%;height:50px;bottom:0;left:0;}
#footer
{
border-top:#e22128 1px solid;
  height:50px;
  width:500px;
left:100px;
  margin:0 auto;
  position:relative;
}
#footer #address{color:#fff;font-size:0.8em;position:absolute;left:20px;width:500px;}
#footer #copyright{color:#fff;font-size:0.8em;float:left;width:500px;}
#footer #contact{color:#fff;font-size:1.1em;float:left;}
#footer #links {margin:20px 10px;float:left;width:420px;}
#footer #links ul{margin:0;padding:0 0 0 12px;width:100%;}
#footer #links ul li{float:left;width:210px;color:#fff; }
#footer #links ul li a{font-size:0.9em;color:#fff;text-decoration:underline;}
#footer #icons{ float:right;height:80px;margin:10px;}
#footer #icons a img{border:none;margin:0 4px;}

#footer a{color:#fff;text-decoration:underline;}
#footer a:hover{color:White;text-decoration:none;}



























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */