/* CSS Document */
	html{
		background-color: #CCC;
		background-position:center;
		float:none
	}
	.header{
		background-color:#FFFFFF;
		margin:0 10px 0 10px;
		height:220px;
	}
	body {
		background-color:#CCC;
		margin: 0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px
		}
	.bigborder{
		width:980px;
		margin: 0 auto;
		border-radius: 15px;
		box-shadow: 0 0 5px 5px #888;
		background:#FFF
	}
/* link formatting */
	a:link{
		text-decoration:none;
		font-weight:bold;
		color:#69A6E2;
	}
	a:visited{
		text-decoration:none;
		font-weight:bold;
		color:#69A6E2;
	}
	a:active{
		text-decoration:none;
		font-weight:bold;
		color:#69A6E2;
	}
	a:hover{
		text-decoration:underline;
		color:#060e6c;
	}
/* Shadow effect. Replace using css3 drop shadow?*/
	.shadow{
		background: transparent url(../images/shadow.png) repeat-y 0 0;
		width:1000px;
		margin:auto;
	}
	.topshadow{
		width:999px;
		margin:auto;
		position:relative;
		top:3px;
	}
	.bottomshadow{
		width:1000px;
		margin:auto;
	}
/* Navbar design */
.navcontainer{
width: 900px;
margin:auto;
}
#nav {
    background: url("../images/gradient.png") repeat-x scroll 0 -110px #060E6C;
    border-radius: 1em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    line-height: 100%;
    margin: 0;
    padding: 7px 6px 0;
}
#nav li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
    padding: 0 0 8px;
    position: relative;
}
#nav a {
    border-radius: 1.6em 1.6em 1.6em 1.6em;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 8px 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#nav a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
#nav .current a, #nav li:hover > a {
    background: url("../images/gradient.png") repeat-x scroll 0 -130px #69A6E2;
    border-top: 1px solid #F8F8F8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}
#nav ul li:hover a, #nav li:hover li a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #FFFFFF;
}
#nav ul a:hover {
    background: url("../images/gradient.png") repeat-x scroll 0 -100px #69A6E2 !important;
    border-radius: 0 0 0 0;
    color: #FFFFFF !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#nav li:hover > ul {
    display: block;
}
#nav ul {
    background: url("../images/gradient.png") repeat-x scroll 0 -170px #060E6C;
    border: 1px solid #B4B4B4;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35px;
    width: 185px;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav ul a {
    font-weight: normal;
}
#nav ul ul {
    left: 181px;
    top: -3px;
}
#nav ul li:first-child > a {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
#nav ul li:last-child > a {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}
#nav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#nav {
    display: inline-block;
}
html[xmlns] #nav {
    display: block;
}
* html #nav {
    height: 1%;
}


.main{
	background-color:#FFFFFF;
	margin:0 10px 0 10px;
	min-height:800px;
}

.logo{
	padding: 15px;
	border:none;
}

.centrelogo{
	text-align:center;
}

/* bottom links design */
.bottomlinks{
	height:30px;
	width:960px;
	margin:auto;
	text-align:center;
}
.bottomlinks a{
	font-size:12px;
	text-decoration:underline;
	color:#FFF;
	margin: 0 4px;
}
/* Rest of pages css */
.content {
	padding:10px 20px 0px;
	text-align:justify;
}

.middle{
	text-align:center;
}
.centredimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.footer{
	clear:both;
	text-align:center;
	padding: 2em 0 0 0; 
}

.phone{
	color:#69A6E2;
	font-size:50px;
	font-weight:bold;
	margin: 0;
}

.slogan{
	font-size:24px;
	padding:5px;
	font-weight:bold;
	margin:5px 0 0 0;
}

.homepage h1{
	color:#060e6c;
	margin:0px;
	font-weight:bold;
	font-size:2.5em;
}
h1 span{
	color:#69A6E2;
	text-shadow: 0.00em 0.05em 0.03em #333333
}
.homepage h2{
	text-align:center;
}


.phonehead{
	float:right;
	color:#69A6E2;
	font-size:50px;
	font-weight:bold;
	margin:50px;
}

.leftcol{
	width:73%;
	float:left;
}	
.rightcol{
	margin-left:75%;
	font-size:11px;
}

.leftcol25{
	width:23%;
	float:left;
}	
.rightcol75{
	margin-left:25%;
}

.productstext{
	margin:0 7% 0 4%;
}

.tworow{
	width:100%;
}

.threerow{
	width:100%;
}

.col1o2{
	width:28%;
	float:left;
}
.col2o2{
	margin-left:30%;
}

.col1o3{
	float:left;
	width:32%;

}
.col2o3{
	float:left;
	width:32%;
}
.col3o3{
	float:left;
	width:32%;
}

.splitcolleft{
	width:48%;
	float:left;
}
.splitcolright{
	width:48%;
	margin-left:50%;
}
.narrow{
	width:150px;
	margin:auto;
}

.gbutton{
	float:right;
position:relative;
text-align:left;
}

a.nodecor{
	text-decoration:none;
	color:#69A6E2;
}

a:hover.nodecor{
	text-decoration:underline;
}

:link img {
  border: none;
}
:visited img {
  border: none;
}

h2.centralhead{
	text-align:center;
}

h2{
	text-align:left;
	color:#69A6E2;
}

h2 a{
		text-align:left;
	color:#69A6E2;
}

h1{
	color:#060e6c;
}
img.trade{
	border:none;
	padding:20px;
	margin-top:10px;
}

h2.news{
	display:inline;
}

h3.news {
	margin:0em;
}

.product{
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px;
width:86%;
float:left;
margin-left:7%;
margin-bottom:10px;
padding:10px 20px 20px 20px;
background:url("../images/gradient.png") repeat-x scroll 0 -120px #181860;
overflow:auto;
}

.product li{
color:white;
margin-left:1em
}
.product p{
color:white;
padding:0 1em 0 0;
}
.product img{
margin:auto;
}
.product a:hover{
	color:white;
	text-decoration:none;
}


.prodleft{
	width:48%;
	float:left;
	background-color:#181860;
	border-radius:15px;
	overflow:auto;
	margin-left:1%
}
.prodleft img{
	width:35%;
	float:left;
	margin:3%;
}
.prodleft p{
	color:white;
	margin-right:2%
}

.prodright{
	width:48%;
	margin-left:1%;
	float:left;
	background-color:#181860;
	border-radius:15px;
	overflow:auto;
}
.prodright img{
	width:35%;
	float:left;
	margin:3%;
}
.prodright p{
	color:white;
	margin-right:2%
}

	
.prodlink a{
	font-weight:normal;
	text-decoration:none;
	color:#69A6E2;
	margin-bottom:10px
}
.prodlink a:hover{
		box-shadow: 0px 0px 3px 5px #666;
}

.testimonial p{
	color:#69A6E2;
}

.testimonial strong{
	color:#060e6c;
}
.testimonial img{
display:block;
margin:auto;
text-align:center;
}