/* CSS Document */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; font-size:14px; z-index:100; font-weight:bold; float:right;}
.menu ul li a.james, .menu ul li a.james:visited {	margin-left:3px; display:block; text-decoration:none; color:#000; height:20px; text-align:center; color:#000; border:0px solid #fff; line-height:20px; font-size:14px; overflow:hidden;}
.menu ul li a.marks, .menu ul li a.marks:visited {	margin-left:3px; display:block; background:#fff; text-decoration:none; color:#000; height:20px; text-align:left; color:#000; border:0px solid #fff; line-height:20px; font-size:14px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; }
.menu ul li:hover ul {display:block; position:absolute; top:19px; left:0; width:105px;}
.menu ul li:hover ul li a.marks {background:#fff; color:#000; width:90px; border-bottom:#000 1px dotted;}
.menu ul li:hover ul li:hover a.marks {background:#fff; color:#136E8C; border-bottom:#000 1px dotted;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#D9F0F8; color:#000;}
.menu ul li:hover ul li a:hover {background:#fff; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}



#headera {
	width:100%;
	padding-top:0px;
        font-size:11px;
	font-family: Tahoma;
	line-height:17px;
	text-align:right;
	float:left;

}



#headerab {

	width:950px;
	margin:0px auto 0px auto;

	padding-top:10px;

	text-align:right;

}




#headerimages {

	width:950px;
	margin:0px auto 0px auto;

	text-align:left;

}

#downloader {float:right; margin-top:25px;
}

#flecklogo {float:left;
}

#middlecontainer {
	width:100%;

	padding-top:0px;
	float:left;
	text-align:center;
	margin-top:0px;
	margin-bottom:40px;
}

#middleholder {

	width:950px;
	margin:0px auto 0px auto;
	padding-top:0px;
	margin-top:30px;
}


#middlecontact {

	width:950px;
	padding-top:0px;
	text-align:left;
	font-family:Verdana;
	font-size:13px;
	line-height:21px;
	float:center;
	color:#333333;
}


#middleleft {

	width:950px;
        height:240px;
	float:left;


}
.wh {color:#fff;
}

#leftpara {

width:280px;
float:left;
text-align:left;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#fff;
}

#rightpara {width:280px;
float:left;
text-align:left;
margin-left:20px;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#fff;
}



#middleleft h1 {


	text-align:left;
	font-family:Arial;
	font-size:37px;
	line-height:40px;
	color:#A9DCEF;
	margin-bottom:20px;
	letter-spacing:-2px;
	margin-top:5px;

}

#middleleft a {

	font-family:Verdana;
	font-size:13px;
	line-height:21px;
	color:#0099CC;
	text-decoration:underline;
	margin-bottom:4px;
}

#middleecenter {

	width:320px;
        height:260px;
	text-align:left;
	font-family:Verdana;
	font-size:13px;
	line-height:20px;
	float:left;
	margin-left:30px;
	color:#333333;
}


h4 {padding-left:30px;
    height:20px;
    background-image: url(images/bluetick.jpg);
    background-repeat:no-repeat;
color:#fff;
font-weight:bold;
    
}



#mainleft {

width:280px;
float:left;
text-align:left;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#fff;

margin-top:20px;
}

#mainright {width:280px;
float:left;
text-align:left;
margin-left:20px;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#fff;

margin-top:20px;
}


#services {width:320px;
float:left;
text-align:left;
margin-left:50px;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#fff;
margin-top:20px;
}


#services h1 {padding-left:20px;
    height:20px;
    background-image: url(images/bluetick.jpg);
    background-repeat:no-repeat;
color:#fff;
font-weight:bold;
font-family:arial;
font-size:15px;
margin-left:17px;
margin-bottom:5px;
    
}


#subpage {width:580px;
float:left;
text-align:left;
font-family:Arial;
font-size:13px;
font-weight:normal;
line-height:22px;
color:#8AADB9;
margin-top:20px;
}

#photoholder {width:578px;
float:left;
text-align:left;
font-family:Arial;
font-size:13px;
font-weight:normal;
line-height:22px;
color:#8AADB9;
margin-top:20px;
padding-top:25px;
border:#175167 1px dotted;
}

#subpageheader {

	width:950px;
        height:100px;
	float:left;

}

#subpageheader h1 {


	text-align:left;
	font-family:Arial;
	font-size:37px;
	line-height:40px;
	color:#A9DCEF;
	margin-bottom:20px;
	letter-spacing:-2px;
	margin-top:5px;

}

#servicesbox {width:292px;
float:left;
text-align:left;
border:14px solid #0C3F52;
padding-bottom:30px;
background-color:#000;
}

#servicesbox:hover {width:292px;
float:left;
text-align:left;
border:14px solid #1C4B61;
padding-bottom:30px;
background-color:#000;
}

#servicesbox h2 {
font-family:Arial;
font-size:39px;
font-weight:bold;
margin-left:20px;
margin-top:26px;
letter-spacing:-2px;

}

.servicestext {color:#1D89B0;
font-family:Arial;
font-weight:bold;
margin-top:30px;
padding-top:30px;
margin-left:20px;

}

.blue {color:#1D89B0;
font-weight:bold;
}


.blue2 {color:#6DC4E0;
font-weight:bold;
}


#servicesbox p {line-height:26px;
margin-left:20px;
font-size:13px;
}


img.fourimages {border:10px solid #38ACD3;}

img.imgleft {border:10px solid #0E3E54; margin-left:25px; margin-bottom:25px;}
img.imgleft:hover {border:10px solid #1C4B61; margin-left:25px; margin-bottom:25px;}


img.subpageimages {border:10px solid #38ACD3; margin-bottom:35px; margin-right:0px;}

p.fourimages {color:#487F9C; }

a.more {color:#3FBFEC;}
a.more:hover {color:#fff;}


div.transOFF {width: 100%; border:0px solid black; opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7; padding-bottom:10px;}
div.transON {width: 100%; opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;border:0px solid black; padding-bottom:10px;}
div.trans25 {width: 100%; background-color: black;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:0px solid black; }
div.trans75 {width: 100%; background-color: black;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:0px solid black; }


#servicesinside {width:300px;
border:10px solid #4B4B4B;

text-align:left;



}








#container3 {
height:150px;
background:#000 url('images/footerback.jpg') top center no-repeat;
text-align: right;
padding-top: 0px;
clear: both;
float: none;
margin-top:0px;
margin-left: -10px;
margin-right: -10px;
font-family:Arial;
font-size:13px;
line-height:18px;


}

#container3 p {
     font-family: tahoma;
     font-size:12px;
     color:#ffffff;
}

#container3 a, a:link {
color:#fff;
font-size:14px;
text-decoration: none;
font-weight:bold;
font-family:arial;
}

#container3 a:hover {
color:#ffffff;
font-size:14px;
text-decoration: underline;
font-weight:bold;
font-family:arial;
}


#container3holder {

	width:950px;
	margin:0px auto 0px auto;
	padding-top:30px;
	margin-top:0px;
}


/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */