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

body {
position:relative;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
background: url(../images/bg-dock-pro.jpg) top left repeat-x #c4cdd8;
}

a {text-decoration:none;}

a img { border:none;}

.clear {clear:both;}

h1 {
	color:#fff;
	font-size:18px;
	font-weight:normal;
	margin:25px 0 30px 0;}

h1.contacts {
	margin: 10px 0 10px 0;
}
	
h2 {
	color:#1d3959;
	font-size:18px;
	font-weight:normal;
	margin:0 0 15px 0;
	font-style:italic;}	
	
.atCenter {
text-align:center;}	

.lightBlue {
color:#bbcbde;}

.darkBlue {
color:#1d3959;}

.darkRed {
color:#ed1d25;}

.lightSilver {
color:#5C5F62;}

.whiteFont {
text-transform:uppercase;
letter-spacing:0.08em;
font-weight:bold;}


#pageWapper {
margin:0 auto;
width:980px;
padding:0 10px;
/*border:1px solid #000;*/
}

#top {
position:relative;
width:100%;
height:55px;
}

#top #logo {
position:absolute;
left:0;
top:0;
}

#top ul {
position:absolute;
left: 350px;
top:20px;
margin:0;
padding:0;
list-style:none;}

#top ul li {
font-weight:bold;
display:inline;
margin: 0;
text-transform:uppercase;
font-size:11px;}


#top ul li a {
color:#0c2d53;
padding:7px 10px;
text-align:center;
font-size:11px;
}


#top ul li a:hover {
	cursor:pointer;
	background: url(../images/red-bg-dock-pro.jpg) repeat-x;
	padding:7px 10px;
	margin:0;
	color:#fff;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*letter-spacing: 0.1em;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);}

#main {
width:100%;}

#main #leftColumn{
width:708px;
margin: 0 30px 0 0;
float:left;

}

#main #rightColumn{
width:242px;
float:left;
}




/*Start box*/
.box {
position:relative;
font-size:11px;
color:#fff;
margin: 0 0 30px 0;}

.box .silver{
position:relative;
z-index:0;
background:#595959;
height:20px;
padding: 7px 0 0 11px;
}

.box .blue{
position:relative;
z-index:0;
background:#2b333c;
height:20px;
padding: 7px 0 0 11px;
}

.box a{
	position:absolute;
    top:-12px;
	right:4px;
}

/*End box*/



/*Start awards*/
.awards {
width:230px;
border:1px solid #9ea0a2;
background:#fff;
padding:10px 5px;
margin: 0 0 20px 0;}

/*End awards*/


/*Newsletter*/
#newsletter {
background:url(../images/newsletter-bg-dock-pro.jpg) no-repeat;
color:#fff;
margin: 8px 0 15px 0;
padding: 10px;
height: 64px;
font-size:11px;
}

#newsletter input{
margin: 5px 0 0 0;}

.font11px{
font-size:11px;
width:145px;}

.submitEnquire {
font:Arial, Helvetica, sans-serif;
font-size:10px;
background:none;
color:#fff;
border:0;
padding:0 0 0 5px;
text-transform:uppercase;
letter-spacing:0.08em;
font-weight:bold;
cursor: pointer;
}

/*End Newsletter*/




#featuredBox {
position:relative;
margin: 0 0 30px 0;}


#productBox {
margin: 0 0 30px 0;
background:#fff;
padding:5px 2px 5px 5px;
width:703px;
font-size:11px;}

#productBox .heading{
font-size:11px;
text-transform:uppercase;
position:relative;
z-index:0;
background:url(../images/product-heading-dock-pro.jpg);
height:25px;
width:121px;
color:#fff;
padding:3px 5px 5px 10px;}

#productBox .item {
position:relative;
z-index:0;
float:left;
margin:0;
padding:0;
display:inline;
height:158px;
width:136px;
border:2px solid #fff;}


.item .heading a{
position:absolute; 
bottom: -115px;
right:6px;
}


/*Testimonials*/
#testimonials {
position:relative;
width:700px;
margin:0;
padding:0;}

#quotes {
position:relative;
width:680px;
padding:0 10px;
}

#quotes #quote {
min-height:50px;
color:#494b4d;
}

#quotes #author {
position:absolute;
bottom:-30px;
right:1px;
color:#1d3959;
font-weight:bold;
font-style:italic;
}

#testimonials  .quotesLeft {
position:relative;
display:block;
width:708px;
text-align:left;
color:#ed1d25;
font-weight:bold;
font-size:36px;
line-height:24px;

}

#testimonials  .quotesRight {
position:relative;
display:block;
width:708px;
text-align:right;
color:#ed1d25;
font-weight:bold;
font-size:36px;
line-height:24px;

}
/*End Testimonials*/

/*Contact*/
#map {
float:left;
margin:40px 0 0 0 ;}

#contactDetails{
margin:80px 0 50px 0 ;}
/*End Contact*/


/*Start Product*/
.product {
position:relative;
float:left;
margin:20px 0 0 0;
padding:10px;
width:688px;
min-height:200px;
background:#fff;}

.product .productimage {
float:left;
border:1px solid #666;
margin: 0 10px 0 0;}

.product .productHeading {
float:left;
font-size:18px;
width:413px;
color:#13305a;
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom: 1px solid #ed1d24;}

.product p {
float:left;
color:#5f7895;
font-size:12px;
margin:0 0 50px 0;
padding:0;
width:413px;}

.product .productLogo {
position:absolute;
bottom:10px;
right:10px;
margin:0;}

/*End product*/




/*Start Footer*/

#footer {
    position:relative;
	border-top: 1px solid #ed131c;
	margin: 35px 0 0 0;
	padding:15px 0 20px 0;
	width:980px;
	color:fff;
	font-size:11px;}
	
#footer #toLeft{
font-size:11px;
float:left;
text-align:left;
width:340px;
color:#0b2854;
}	

#footer #toLeft p{
	color:#5c5f62;
	margin:10px 0 0 0;
	padding:0;
}

#footer #toRight{
font-size:11px;
float:right;
width:600px;
text-align:right;
color:#0b2854;
}	
	
#footer ul{
	list-style:none;
    padding:0;
	margin:0 0 10px 0;
	}

#footer li{
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
	border-right: 1px solid #6e6e6e;
	}
	
#footer li a{
	text-decoration:none;
	color:#0b2854;
	padding: 0 5px;
	display:block-inline;
	cursor:pointer;}	
	
#footer li a:hover {
	text-decoration:underline;
	}	
	
.imarketspace {
	}
	
.imarketspace a{
	color:#5c5f62;
	text-decoration:underline;
	}
	
.imarketspace a:hover {
	text-decoration:none;
	}					
		
select {
	color:#FF9900;}		
/*End Footer*/

#bottomBar {
position:absolute;
left:0;
bottom:0;
background: #0b2854;
width:100%;
height:10px;
}


.bnt {
	cursor:pointer;
	background: url(../images/red-bg-dock-pro.jpg) repeat;
	padding:7px 10px;
	margin:0;
	color:#fff;!important
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	border: 1px solid #fff;
	letter-spacing: 0.05em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
}

#cstate {
color:#666;}