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

* html {
padding: 0;
margin: 0;
}

.clear {clear: both;}

a {
	outline: none;
	color:#000000;
}

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

#mainnav {
	width: 500px;
	float: left;
	margin-top: 57px;
}

#mainnav ul{
	padding:0;
	margin:0;
}

#mainnav ul li {
	display:block;
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}

#mainnav ul li a {
	display:block;
	width:87px;
	height:92px;
	background-image:url(images/mainnav2.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9000px;
		padding:0;
	margin:0;
}

#mainnav ul li a:hover {
	background-position: 0 -92px;
		padding:0;
	margin:0;
}

#mainnav ul li#aboutus a {
	width:98px;
	background-position:-87px 0;
		padding:0;
	margin:0;
}

#mainnav ul li#aboutus a:hover {
	background-position:-87px -92px;
		padding:0;
	margin:0;
}

#mainnav ul li#services a {
	width:106px;
	background-position:-185px 0;
		padding:0;
	margin:0;
}

#mainnav ul li#services a:hover {
	background-position:-185px -92px;
		padding:0;
	margin:0;
}

#mainnav ul li#equipment a {
	width:99px;
	background-position:-291px 0;
		padding:0;
	margin:0;
}

#mainnav ul li#equipment a:hover {
	background-position:-291px -92px;
		padding:0;
	margin:0;
}

#mainnav ul li#contactus a {
	width:99px;
	background-position:-390px 0;
		padding:0;
	margin:0;
}

#mainnav ul li#contactus a:hover {
	background-position:-390px -92px;
		padding:0;
	margin:0;
}


/*------------   main navigation ends   ----------*/

body {
font-family: Arial, Helvetica, sans-serif;
background: url(images/background-with-sand.jpg) repeat-x;
background-color: #f3ede0;
}

#maincontainer {
width: 1000px;
padding: 0;
margin: 15px auto;
/*background: url(images/background.jpg) repeat-x;*/
}

#header {
width: 1000px;
padding: 0;
margin: 0;
}

#logo {
float: left;
width: 353px;
padding: 0;
margin: 40px 15px 15px 45px;
}

#callaction {
float: right;
text-align:right;
padding: 10px;
margin-right:120px;
}

#callaction p {
	margin:0;
	padding:0;
}

#callaction a, a:visited, a:active{
font-size: 16px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#callaction p a:hover{
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}







#c0 {
width: 1000px;
padding: 0;
margin: 0;
}

#contact {
width: 1000px;
float: left;
padding: 0;
margin:0;
padding-left:120px;
}

#contact a {
	font-size:14px;
}
#contact a:hover {
	font-size:14px;
}

#contactleft {
width: 300px;
float: left;
padding: 0;
margin:0;
}

#contactleft p {
font-size: 14px;
color: #000000;
padding: 5px 0;
margin: 0;
}

#contactright {
width: 400px;
float: left;
padding: 0;
margin:0;
}


/*-------------------This is for the main index page-----------------------------*/
#c1 {
float: left;
width: 520px;
padding: 0;
margin: 0 0 0 45px;
}

#c1 h1 {
font-size: 30px;
color: #00a2ad;
margin: 25px 0 0 250px;
padding: 0;
}

#c1 h2 {
font-size: 18px;
color: #00484d;
margin: 10px 0 0 251px;
padding: 0;
}

#c1 p {
margin: 25px 0 0 0;
padding: 0 30px 0 0;
}

#c1 ul {
padding: 0;
margin: 0 0 0 276px;
font-size: 12px;
}

#c1 li {
padding: 0;
margin: 0;
color: #00484d;
list-style: none;
}

#c1 li a, a:visited, a:active{
padding: 0;
margin: 0;
color: #00484d;
font-size: 12px;
text-decoration: underline;
}

#c1 li a:hover{
padding: 0;
margin: 0;
color: #00484d;
font-size: 12px;
text-decoration: none;
}



#divider {
float: left;
width: 6px;
padding: 0;
margin: 0;
}

#c2 {
float: left;
width: 370px;
padding: 0;
margin-top:20px;
margin-left:20px;
}

#c2 h1 {
font-size: 18px;
color: #FFFFFF;
/*text-align:center;*/
margin: 15px 0 0 0;
padding: 0 0 15px 0;
}

#c2 p {
font-size: 14px;
color: #000000;
padding: 0;
margin: 15px 0 0 0;
}

#c2 p a, a:visited, a:active, a:hover{
font-size: 14px;
color: #0000ff;
padding: 0;
margin: 15px 0 0 0;
text-decoration: underline;
}

/*------------------------This ends the main index page CSS ----------------------------------------*/

#footer {
width: 910px;
padding: 0;
margin: 20px 0 0 40px;
border-top: 1px solid #CCCCCC;
}

#footer p {
font-size: 13px;
font-weight: bold;
color: #00a2ad;
margin: 10px 0 0 0;
padding: 0;
}

#footer a, a:active, a:visited {
color: #00a2ad;
text-decoration: none;
margin: 0;
padding: 10px 3px;
font-weight: normal;
}

#footer a:hover {
color: #000000;
text-decoration: none;
margin: 0;
padding: 10px 3px;
font-weight: normal;
} 

#footerleft {
float: left;
width: 700px;
}

#footerleft p{
font-size: 13px;
font-weight: bold;
}


#footerleft  a, a:visited,  a:active{
/*text-align: right;*/
font-size: 13px;
font-weight: bold;
}

#footerleft a:hover{
/*text-align: right;*/
font-size: 13px;
font-weight: bold;
}


#footerright {
float: left;
width: 200px;
margin: 0 0 10px 0;
}

#footerright p{
text-align: right;
font-size: 10px;
font-weight: normal;
}

#footerright p a, p a:visited, p a:active, p a:hover{
text-align: right;
font-size: 10px;
font-weight: normal;
}


#footerright1 {
float: left;
width: 200px;
}

#footerright2 {
float: left;
width: 200px;
}
/*-----------This is for the Home Page-------------------------------------------*/
#slideshow{
	background-image:url(images/slideshow-bg-trans.png);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:25px;
	width:496px;
	height:373px;
}

/*-----------This is for the About Us Page-------------------------------------------*/


#aboutpage {
width: 880px;
padding: 0;
margin: 0 0 0 50px;
}

#aboutpage h1 {
margin: 0 0 20px 0;
padding: 0;
font-size: 24px;
color: #000000;
}

#aboutleft {
float: left;
width: 560px;
padding: 0;
margin: 0;
}

#aboutleft p {
color: #000000;
padding: 0;
margin: 0;
font-size: 14px;
text-align: justify;
}

#aboutright {
float: left;
width: 290px;
padding: 0;
margin: 0;
}

#aboutright img {
padding: 0;
margin: 6px 0;
}

/*-------------------This is for the Equipment Page------------------------------------*/


#equippage {
width: 900px;
padding: 0 0 15px 0;
margin: 0 0 0 40px;
}

#equippage img{
padding: 0;
margin: 0 0 20px 250px;
}


/*-------------------This is for the Service Page------------------------------------*/


#servicepage {
width: 900px;
padding: 0;
margin: 0 0 0 40px;
}

#servicepage img{
padding: 0;
margin: 0 10px 0 10px;
}

#servicepage p a, a:active, a:visited{
font-size: 16px;
font-weight: bold;
color: #00a2ad;
margin: 0;
padding: 0;
text-decoration: none;
}

#servicepage p a:hover{
font-size: 16px;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0;
text-decoration: underline;
}



#serviceleft {
float: left;
width: 298px;
}

#servicemid {
float: left;
width: 298px;
border-right: 2px solid #00a2ad;
border-left: 2px solid #00a2ad;
}

#serviceright {
float: left;
width: 298px;
}

#serviceright ul, #servicemid ul, #serviceleft ul {
padding: 0;
margin: 10px 0 10px 10px;
font-weight: normal;
}

#serviceright li, #servicemid li, #serviceleft li {
padding: 5px 0;
margin: 0;
list-style: none;
font-size: 14px;
color: #000000;
font-weight: normal;
}

#serviceright li a, li a:active, li a:visited{
padding: 5px 0;
margin: 0;
font-size: 14px;
color: #000000;
text-decoration: underline;
font-weight: normal;
}

#serviceright li a:hover, #servicemid li a:hover, #serviceleft li a:hover {
padding: 5px 0;
margin: 0;
font-size: 14px;
color: #00a2ad;
text-decoration: none;
font-weight: normal;
}


#serviceleft p, #servicemid p, #serviceright p {
font-size: 14px;
color: #000000;
margin: 0;
padding: 10px;
}

#serviceleft p a, #servicemid p a, #serviceright p a {
font-size: 14px;
color: #00a2ad;
margin: 0;
padding: 0;
text-decoration: none;
}

#serviceleft p a:visited, #servicemid p a:visited, #serviceright p a:visited {
font-size: 14px;
color: #00a2ad;
margin: 0;
padding: 0;
text-decoration: none;
}

#serviceleft p a:active, #servicemid p a:active, #serviceright p a:active {
font-size: 14px;
color: #00a2ad;
margin: 0;
padding: 0;
text-decoration: none;
}

#serviceleft p a:hover, #servicemid p a:hover, #serviceright p a:hover {
font-size: 14px;
color: #000000;
margin: 0;
padding: 0;
text-decoration: underline;
}


/*-----------This is for the Testimonials Page-------------------------------------------*/


#testpage {
width: 880px;
padding: 0;
margin: 0 0 0 50px;
}

#testpage h1 {
margin: 0 0 20px 0;
padding: 0;
font-size: 24px;
color: #000000;
}

#testpage h2 {
font-size: 18px;
color: #00484d;
margin: 10px 0 0 0;
padding: 0;
}

#testpage p {
color: #000000;
padding: 7px;
margin: 20px;
font-size: 14px;
border: 1px dashed #0099CC;
}

#testpage .toTop {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #00484d;
	font-weight: bold;
	text-align:right;
	padding: 0 50px 10px 0;
	margin: 0;
	
}
#testpage .toTop a, a:visited, a:active{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #00484d;
	font-weight: bold;
	/*text-align:right;*/
	padding: 0 50px 10px 0;
	margin: 0;
	text-decoration: underline;
}
#testpage .toTop a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	/*text-align:right;*/
	padding: 0 50px 10px 0;
	margin: 0;
	text-decoration: none;
}

/*-----------------------slides------------*/
#equippage .myslide a{
	padding:0px;
	margin:0px;
}
#equippage .myslide img{
	padding:0px;
	margin:0px;
}