@charset "utf-8";
/* CSS Document */


/*
COLORS:
yellow: #ffcc00 

*/

*
{
padding:0;
margin:0;
}

html, body{
	background: #000;
	height:100%;
}

body
{
text-align:center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#999999;
background:#000000 url(../images/bg-body.jpg) no-repeat center top;
}

.clear { clear: both; }

.wrapper
{
text-align:left;
margin:0 auto;
width:960px;
min-height:100%;
border-left:1px solid #434343;
border-right:1px solid #434343;
border-bottom:1px solid #434343;
height:auto !important;
}

label, input.txt-field, textarea.textarea  {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
textarea {overflow:auto;}
label 
{
color:#999999;
line-height:22px;
margin-right:4px;

}
input.txt-field
{
border:1px solid #585858;
background-color:#1d1d1d;
color:#999999;
padding:0 3px;
width:218px;
width:212px;
height:22px;
padding-top:4px;
height:18px;
/*font-weight:bold;*/
}



textarea.textarea 
{
border:1px solid #585858;
background-color:#1d1d1d;
padding:4px 3px;
width:212px;
height:100px;
color:#999999;
}

textarea.bigger {width:400px;}
input.txt-field-active, textarea.textarea-active  {border:1px solid #ffcc00;}

input.txt-field:focus, textarea.textarea:focus {border:1px solid #ffcc00;}

h1, h2, h3, h4, h5 {margin-top:3px; color:#4c4c4c;}

h1, h2.hservice-m
{
font-size:20px;
margin-bottom:0.8em;
font-weight:normal;
color:#FFFFFF;
text-transform:uppercase;

}

h1.hservice-m, h2.hservice-m {
    text-transform: none;
}

h2
{
font-size:18px;
margin-bottom:0.8em;
font-weight:normal;
color:#FFFFFF;
margin-top:30px;
}

h3
{
font-size:18px;
margin-bottom:0.8em;
font-weight:normal;
color:#4c4c4c;
}

h4
{
font-size:15px;
margin-bottom:0.8em;
font-weight:bold;
}


h5{font-size:12px; margin-bottom:0.8em; line-height:23px; font-weight:normal; color:#999999;}


a {color:#00000; text-decoration:none; /*font-weight:bold;*/}
a:hover {text-decoration:none;}
a:focus { outline: none; }/*Fix the Firefox outlined-link issue*/
p a {/*font-weight:bold;*/ }

a.plain {color:#666666; font-weight:normal;}

a.requestquote, a.requestquote2, a.viewportfolio, a.readmore, a.viewexamples, a.launchsite, a.casestudies, a.getstarted, a.btn-seobrochure
{
background:url(../images/btn-request-a-quote.gif) no-repeat left top;
width:172px;
height:33px;
float:left;

text-indent:-9999px;
margin-bottom:5px;
}
a.viewportfolio {background-image:url(../images/btn-view-portfolio.gif);}

a.requestquote2 {background-image:url(../images/btn-request-a-quote2.gif); width:195px;}




ul li {padding:2px 0 3px 0; list-style:none;}
ul li a {color:#ffffff;}


p {line-height:1.20em;  color:#999999; margin-bottom:1em; font-size:1em;}

a.view-request{
background:url(../images/request-view.png) no-repeat left top;
width:199px;
height:48px;
float:left;
text-indent:-9999px;
margin-top:10px;
margin-bottom:5px;
}

a.view-request:hover{
background:url(../images/request-view.png) 0 -48px;
width:199px; }

/* ---------------------------------- header ---------------------------------------  */

#header
{
height:102px;
position:relative;
width:100%;
border-bottom:1px solid #939090;
background:url(../images/headerbg.png) repeat-x;
}

#logo
{
position:relative;
top:26px;
left:20px;
width:223px;
height:59px;
float:left;
outline:none;
background:url(../images/aero_logo.png) no-repeat top left;
text-indent:-9999px;
}


/* ---------------------------------- main navigation - mainnav ---------------------------------------  */

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

#mainnav 
{
position:absolute;
right:20px; 
list-style:none;
float:right;
top:56px;
}

#mainnav li
{
display:inline;
list-style:none;
float:left;
}

#mainnav li a
{
color:#666666;
font-weight:bold;
display:block;
height:44px;
text-decoration:none;
text-indent:-9999px;
padding:0;
outline:none;
 width:132px;
cursor:pointer;
}


#mainnav li#home a{ background:url(../images/btnhome.png) no-repeat; width:97px; }
#mainnav li#home a:hover{ background:url(../images/btnhome.png) 0 -44px ; width:97px; }

#mainnav li#about a{ background:url(../images/btnabout.png) no-repeat; width:100px; }
#mainnav li#about a:hover{ background:url(../images/btnabout.png) 0 -44px ; width:100px; }

#mainnav li#enquiry a{ background:url(../images/btnenquiry.png) no-repeat; width:86px; }
#mainnav li#enquiry a:hover,#mainnav li#select{ background:url(../images/btnenquiry.png) 0 -44px ; width:86px; }

#mainnav li#contact a{ background:url(../images/btncontact.png) no-repeat; width:115px; }
#mainnav li#contact a:hover{ background:url(../images/btncontact.png) 0 -44px ; width:115px; }

#mainnav li a:hover, #mainnav li.active a {background-position: center top;}




/* ---------------------------------- maincontent ---------------------------------------  */
#maincontent{float:left;  padding-top:20px;
 height: inherit; display: block; background:url(../images/innerbg.png) repeat-x;   }


#maincontent p a {color:#ffffff;}
#maincontent p a:hover {color:#ffcc00; text-decoration:none;}


/* ---------------------------------- sidebar and main ---------------------------------------  */

#sidemenu{ width:197px; height:auto; display:block; float:left; margin-right:24px; margin-left:16px; margin-top:10px;}
.sidetop{ width:197px; height:55px; display:block; background:url(../images/sidebar_protfoilobg.png) top left;}
.sidecenter{ width:195px; height:auto; display:block; 
border-left:1px solid #939090; border-right:1px solid #939090; background-color:#000; }

.sidecenter ul{ list-style:none; margin:0; padding:0; }
.sidecenter ul li{   text-indent:15px;}
.sidecenter ul li a{ width:175px; padding-left:20px; height:36px; font-size:13px; color:#948f8d;
 background:url(../images/bullet.png) 20px 14px no-repeat; text-align:left;  display:block; line-height:36px; border-bottom:1px solid #2c2b2b;  }
.sidecenter ul li a:hover{ color:#fe8700; }

.sidebot{ width:197px; height:10px; display:block; background:url(../images/sidebar_protfoilobg.png) 0 -55px ;}


.sidebar 
{
float:left;
width:195px;
margin-right:20px;
}


.main 
{
float:left;
width:720px;
}

.main h2{
color:#999;
}

.main h3{color:#fff;margin-bottom:1px;}

.main strong{color:#999;}
.main a:link{color:#fff;}
.main a:visited{color:#666;}
.main a:hover{color:#ffcc00;}
.main a:active{color:#fff;}





/* ---------------------------------- contact us page    ---------------------------------------  */
.form-holder{ width:100%; height:auto; line-height:36px; }

.form-holder span{ font-size:12px; font-weight:bold;  color:#c4c4c4; font-family: Verdana, Arial, Helvetica, sans-serif;}

input.formbtn{ width:250px; margin:2px; height:20px; 
	background-color: #d8e3f4;
	border: solid 1px #1377b6; 
color:#000; font-size:12px; }

select{ 
	padding: 1px;
	font-size: 13px;
	color: #0b3880;
	background-color: #d8e3f4;
	border: solid 1px #1377b6;/*for demonstration only*/
	height:24px;
	width:250px;
	}
	
	 option {
	padding: 1px;
	font-size: 13px;
	color: #084a74;
	background-color: #d8e3f4;
	border: solid 1px #1377b6;/*for demonstration only*/
	height:18px;
}

.marleft{ margin-left:28px;}




#contactform {margin:0; padding:0;}
#contactform ul {list-style:none; width:355px; margin-right:20px; float:left; padding:0;}

#contactform ul li {margin-bottom:5px; float:left; width:100%; padding:0;list-style:none;}

#contactform ul li.submit {border-top:1px solid #1e1e1e; padding-top:10px; margin-top:12px; text-align:right; padding-bottom:0; margin-bottom:0;}

#contactform ul li label { width:130px; float:left; }
#contactform ul li p.fields, #contactform ul.checkboxes{float:left; width:210px;  margin:0; padding-bottom:0; margin-bottom:0; }

#contactform ul.checkboxes li {float:none;}
#contactform ul.checkboxes li label{float:none;}
#contactform ul.checkboxes li input {margin-right:5px;}


/* ---------------------------------- footer ---------------------------------------  */
#footer
{
border-top:1px solid #1e1e1e;
clear:both;
height:24px;
padding-top:2px;
width:100%;
color:#666666;
background:url(../images/footerbg.png) repeat-x;
}

#footer .side
{
float:right;
width:265px;
margin:0;
padding:0;
}

#footer p.copy{color:#666666; text-align:right;  margin-top:6px; overflow:hidden}
/* end: footer */



.clear{clear:both;}

img{border:none;}

/* page differences */
#portfoliopage .main /*720*/
{

padding:24px 21px 18px 17px;
width:685px;
margin-top:-18px;
}



/* portfolio page */

#portfoliopage ul.sections {}

.portfolioholder {
border:5px solid #333333;
position:relative;
}

.portfolioholder .imageholder {width:675px;line-height:1px; margin:0; position:relative; font-size:1px; height:380px;
}


.imageholder .images {position:relative; overflow: hidden; width: 675px; height: 380px;}
.imageholder .imageswrapper {width:3000px; position:relative;}

.imageholder .images img {float:left;}

.loader {background:url(../images/ajax-loader.gif) no-repeat center 184px;}

.portfolioinfo {
line-height:normal;
background:#0c0c0c url(../images/bg-portfolioinfo.jpg) repeat-x left top;
padding:11px 8px 1px 16px;
clear:both;
position:relative;
min-height:42px;
height:auto !important;
height:42px;


}
a.launchsite {background-image:url(../images/btn-launch-site.gif); width:127px; height:30px;}

a.launchsite:hover {background:url(../images/btn-launch-site.gif) 0 -31px; width:127px; height:30px;}

.portfolioinfo .launchsite {float:right; position:relative; top:-29px; top:12px; position:absolute; right:8px}

.portfolioinfo p {margin-bottom:0; color:#d3d3d3; font-size:11px; line-height:1.3em; width:460px; margin-top:4px; }
.portfolioinfo .name {color:#fff; text-transform:uppercase;}

.main .sliders {
/*position:absolute;
top:144px;*/
list-style:none;
margin:0;
height:auto;
/*width:685px;*/
}

.main .sliders li {background:none; list-style:none ; }

.sliders .prev, .sliders .next {
position:absolute;
z-index:10;
left:0; 
height:97px;
width:25px;
width:21px;
top:144px;
}

.sliders .prev a, .sliders .next a {
background:url(../images/btn-slide-left.png) no-repeat left top;
height:97px;
width:25px;
width:21px;
display:block;
text-indent:-9999px;
}

.sliders .prev a:hover, .sliders .next a:hover {background-position:left bottom;}

.sliders .next a {background:url(../images/btn-slide-right.png) no-repeat left top;}
.sliders .next { left:auto;right:0; }

.sliders .nomorenext a:hover {background-position:left top; cursor:default;}
.sliders .nomoreprev a:hover {background-position:left top; cursor:default;}