/* CSS Document */
body{
margin:0px 0px 0px 0px;
padding:0px;
/*background:#232F1C;*/
background:#232F1C url(../images/bg.jpg) repeat-y fixed center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{
color:#6E8A47;
margin:0px;
font-size:15px;
padding-left:0px;
}

h5{
margin:0px;
padding-left:0px;
}

p{
margin:0px 0px 15px 0px;
font-size:12px;
color:#5A4C39;
}



#container{
width:800px;
margin:0px auto 0px auto;
border:#dcdcdc 1px solid;
}

.containerbrd{
border:9px solid #ffffff;
}

#content{
height:100%;
background:#F9F8F3;
padding:18px 0px 20px 0px;

}

#banner{
height:150px;
background:#3786B3 url(../images/websitemaintenance.jpg) no-repeat 0px 0px;
border-bottom:4px #3786B3 solid;
}

.pageheading {color: #880000}

.style6 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #E4E4E4;
}



/*
img{
vertical-align:top;
}
.img{
width:207px;
background:#FFFFFF;
border:1px solid #F4F4EA;
text-align:center;
padding:10px 0px 10px 0px;
margin:0 auto;
}

.img img{
border:#F4F4EA 1px solid;
}
*/


/* ---------------------- topmenu nav ---------------------- */
#topmenucontainer{position:relative;height:40px;color:#E0E0E0;background:#063B6D;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#topmenunav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#topmenunav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#topmenunav ul li{display:block;float:left;margin:0 1px;}
#topmenunav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#topmenunav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#topmenunav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#topmenunav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#topmenunav ul li a.current,#topmenunav ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#topmenunav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END topmenu nav ---------------------- */


/* ---------------------- START home page ---------------------- */

#centercontenthome{
width:485px;
margin:0px 15px 0px 15px;
float:left;
}
#centercontenthome p{
font-weight:normal;
text-align:justify;
}

#centercontenthome ul{
margin:0px;
padding:0px 0px 0px 5px;
}

#centercontenthome li{
list-style-type:none;
background:url(../images/anim_bullet1.gif) 0px 4px no-repeat;
padding-left:20px;
line-height:1.3em;
margin-bottom:4px;
color: #4D4D4D;
font-size:12px;
text-align:justify;
}
#centercontenthome li a{
color: #4D4D4D;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#centercontenthome div{
font-weight:normal;
text-align:right;
}


.box1{
background:#F5F5EB;
border:1px solid #F0F0E2;
padding-bottom:10px;
margin-bottom:12px;
}

.box1 h3{
margin:0px;
background:#3786B3 url(../images/dolphin_bg.gif) 100%;
color:#ffffff;
font-weight:bold;
font-size:14px;
border-bottom:3px #063B6D solid;
padding:5px 0px 5px 10px;
}

#rightcontenthome{
float:right;
width:240px;
}

#rightcontenthome ul{
margin:0px;
padding:12px 0px 0px 6px;
}

#rightcontenthome li{
list-style-type:none;
background:url(../images/anim_bullet2.gif) 0px 4px no-repeat;
padding-left:22px;
line-height:1.3em;
margin-bottom:4px;
}
#rightcontenthome a{
color: #4D4D4D;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#rightcontenthome .box{
border-right:none;
background:#F2F1E5 !important
}

.style1 {
color: #000099;
text-align:right;
margin:0px;
padding-top:3px;
font-size:12px;
font-weight:normal;
}
.style1 a
{
text-decoration:none;
}

.style1 img
{
margin-bottom:4px;
}


/* ---------------------- END home page ---------------------- */


/* ---------------------- START service page ---------------------- */

#leftcontentservice{
float:left;
width:190px;
}

#leftcontentservice .box{
border-left:none;
}

#centercontentservice{
width:550px;
margin:0px 0px 0px 23px;
float:left;
text-align:justify;
font-size:12px;
color:#5A4C39;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#centercontentservice p{
text-align:justify;
}

.style1 {
color: #000099;
text-align:right;
margin:0px;
padding-top:3px;
font-size:12px;
font-weight:normal;
}
.style1 a
{
text-decoration:none;
}

.style1 img
{
margin-bottom:4px;
}


/* ---------------------- END service page ---------------------- */


/* ---------------------- START work page ---------------------- */

#centercontentwork{
width:485px;
margin:0px 15px 0px 20px;
float:left;
text-align:justify;
}
#centercontentwork p{
text-align:justify;
}
#centercontentwork img{
border:2px solid #4D4D4D;
margin:2px 2px 2px 2px;
}

#centercontentwork li{
list-style-type:none;
background:url(../images/arrow-blue.jpg) 0px 4px no-repeat;
padding-left:12px;
line-height:2.2em;
margin-bottom:4px;
}
#centercontentwork a{
color: #4D4D4D;
font-size:12px;
font-weight:bold
}

#rightcontentwork{
float:right;
width:220px;
}
#rightcontentwork li{
list-style-type:none;
background:url(../images/anim_bullet2.gif) 0px 4px no-repeat;
padding-left:6px;
line-height:1.5em;
margin-bottom:4px;
}
#rightcontentwork a{
color: #4D4D4D;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#rightcontentwork .box{
border-right:none;
background:#F2F1E5 !important
}
/* ---------------------- END work page ---------------------- */


/* ---------------------- START links page ---------------------- */

#centercontentlink{
width:510px;
margin:0px 15px 0px 15px;
float:left;
text-align:justify;
}
#centercontentlink p{
text-align:justify;
}
#centercontentlink a{
color: #4D4D4D;
font-weight:bold
}

#rightcontentlink{
float:right;
width:190px;
}

#rightcontentlink .box{
border-left:none;
}
/* ---------------------- END links page ---------------------- */


/* ---------------------- START contact page ---------------------- */

#centercontentcontact{
width:560px;
margin:0px 15px 0px 15px;
float:left;
}

#centercontentcontact p{
text-align:justify;
}

#rightcontentcontact{
float:right;
width:170px;
text-align:center;
}

#rightcontentcontact .box{
border-left:none;
}
/* ---------------------- END contact page ---------------------- */


/* ---------------------- contact form ---------------------- */

.cssform p{
width: 330px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* ---------------------- contact form  end---------------------- */



/* ---------------------- START Testimonials & Service offered box ---------------------- */

.testimonials{
text-align:center;
}

.testimonials p{
font-size:11px;
text-align:left;
padding:10px 10px 0px 10px;
line-height:1.5em;
}

.box{
background:#F5F5EB;
border:1px solid #F0F0E2;
padding-bottom:5px;
margin-bottom:12px;
}
.box h3{
margin:0px;
background:#3786B3 url(../images/dolphin_bg.gif) 100%;
color:#ffffff;
font-weight:bold;
font-size:15px;
border-bottom:3px #063B6D solid;
padding:5px 0px 5px 10px;
}

.box ul{
margin:14px 0px 10px 15px;
padding:0px;
font-size:12px;
}
.box ul li{
list-style-type:none;
background:url(../images/arrow.gif) 0px 4px no-repeat;
padding-left:12px;
line-height:1.3em;
margin-bottom:4px;
}
.box ul li a{
text-decoration:none;
color:#5A4C39;
}
.box ul li a:hover{
color:#6E9724;
}

.box ul img{
float:left;
text-align:center;
padding:10px 0px 10px 0px;
margin:0 auto;

}


/* ---------------------- END Testimonials nav ---------------------- */


/* ------------------------ Footer Start ---------------------------- */

#footer{
border-top:4px solid #063B6D;
background:#3786B3;
padding:20px 10px 20px 0px;
line-height:1em;
}
#footer p{
margin:0px;
color:#F9F8F3;
text-align:center;
background:#3786B3;

}
#footer p a{
text-decoration:none;
color:#F9F8F3;
background:#3786B3;
font-weight:bold;
}
#footer p a:hover{
background:#ffffff;
color:#000000;
}

/* ------------------------ Footer End ------------------------------ */