@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	background: transparent;*/
}

a
{
	
	text-decoration:none; font-family: Arial, Tahoma, Geneva, sans-serif; 
	color: #002940; font-size:12px;
}

a:hover
{
	font-family:Arial, Tahoma, Geneva, sans-serif;	color: #002940; text-decoration:underline;
}

body{ 

overflow:-moz-scrollbars-vertical;
background-image:url(../img/body-bk2.gif); background-repeat:repeat-x;
}

.container-wrapper {
	margin:0 auto;
	width:100%;
	}

.container
{
		
		
    width:990px;
	height:1200px;
margin:0 auto;

}

.container1
{
		
		
    width:990px;
	height:1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;   


}

.container2
{
    width:990px;
	margin:0 auto;
}

.gallery-table td {
	padding:5px;
}


.margintop10 { margin-top:10px; }
.margintop15 { margin-top:12px; }
.margintop20 { margin-top:20px; }
.margintop30 { margin-top:30px; }
.margintop35 { margin-top:35px; }
.margintop40 { margin-top:40px; }
.margintop45 { margin-top:45px; }
.margintop60 { margin-top:60px; }
.margintop90 { margin-top:80px; }
.margintop120 { margin-top:129px; }

.tellsomeone{
font-family:Arial, Tahoma, Geneva, sans-serif;
font-size:16px;
color:#084057;
font-weight:bold;
line-height:1.6;
text-transform:capitalize;
float:left;
margin-top:-185px;
margin-left:580px;
}

.footer-comp-name{
font-family:Arial, Tahoma, Geneva, sans-serif;
font-size:16px;
color:#084057;
font-weight:bold;
line-height:1.6;
text-transform:uppercase;
}

.map-border {
	border:1px solid #C9C9C9;
	padding:2px;
	display:block;
	}
	
.top{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#002940; 
margin-top:-27px; float:left; margin-left:655px;}

.top1{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#002940; 
margin-top:-27px; float:left; margin-left:879px;}

#home{margin-top:-45px; margin-right:10px; float:right;}

#logo{width:287px; height:210px; margin-left:0px; margin-top:-210px;	float:left;}

#header-img-left{height:210px; margin-right:704px; margin-top:-210px;	float:right;}

.info {margin-left:847px; margin-top:-32px;float:left; }

.fone {margin-left:620px; margin-top:-32px;float:left; }

#line{ background:url(../img/line.gif); background-repeat:x-repeat; width:990px; height:2px; float:left; margin-top:5px;}

#icons
{ float: right; margin: 23px 0px 10px 10px; display: inline;}

#icons1
{ float: right; margin: -23px 0px 10px 10px;}

#holder
{
width:990px;
height:620px;
margin:0 auto;

}

#imgs
{
float:left;
margin:-500px 0px 0px 550px;
font-family:Arial, Helvetica, sans-serif;

}


.photo-spacer
{
padding-bottom:10px;font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:capitalize;
font-size:14px; 
font-weight:bold;	
color:#002940;
}

#team-image-aboutus-page
{
float:right;
margin:-500px 15px 0px 0px;
font-family:Arial, Helvetica, sans-serif;

}

#team-image-team-page
{
float:right;
margin:-540px 15px 0px 0px;
font-family:Arial, Helvetica, sans-serif;

}

#team-description
{
text-align: left;
margin-top:10px;
line-height:1.6;
font-weight:normal;
font-size:12px;
float:left;
width:990px;
color:#727272;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
}

#grey-strip
{
background-color:#eae2df;
padding:20px;
}

#team-names
{
text-align: left;
margin-top:-5px;
font-size: 13px;
font-weight:bold;
text-transform:capitalize;
float:left;
color:#084057;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
}

#team-qualifications-name
{
text-align: left;
font-size: 11px;
text-transform:capitalize;
float:left;
color:#084057;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
}

#team-browse-name
{
margin-top:-14px;
height:13px;
float:right;
color:#cecece;
margin-right:3px;
}

img.floatleft { 
    float: left;
	
	margin-right:15px;
 }

#text
{

margin-top:10px;
line-height:1.6;
font-size:12px;
float:left;
text-align:justify;
width:500px;
color:#727272;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
}

#text2
{
text-align: left;
width:990px;
line-height:1.6;
font-size:12px;
margin-top:10px;
float:left;
color:#727272;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
}



#home_right{
font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
font-size:14px; 
font-weight:bold;
margin-top:-320px;	
color:#727272; 
float:right;
margin-right:233px;
}


.point
{
float:left;
margin-left:400px;

}

.alt td { 
background:#EEEEEE; 
}

.der td {
	margin-top:10px;
	margin-left:5px;

}

.der1 td {
	margin-top:10px;
	margin-left:5px;
		}

.searchBox{
  background-image: url(../assets/img/emails.png);
  background-repeat:no-repeat;
  padding-left:20px;
} 

#contact-form-aligner
{
text-align: justify;
margin-top:-510px;
float:left;
width:400px;
color:#727272;
font-family: Arial, Helvetica, sans-serif;
margin-left:0px;
}

#headings{	
font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:capitalize;
font-size:16px; 
font-weight:bold;	
color:#002940; 
float:left;
width:480px;
margin-bottom:15px;
margin-left:0px;}


.footer-text{	
font-family:Arial, Tahoma, Geneva, sans-serif;
font-size:12px; 
color:#002940; 
float:left;
margin-bottom:0px;
margin-left:0px;}



#details_aligner{	
margin-top:45px;
float:right;
margin-right:-365px;}



.border-zero
{

border-color:#CC33CC;
float:right;
margin-right:172px;
margin-top:-21px;
}


h3{	
font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
font-size:18px; 
font-weight:bold; 
color:#002940;
text-align:left;
float:left;
margin-top:32px;
margin-bottom:12px;
margin-left:0px;}


h4{	
font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:capitalize;
font-size:15px; 
font-weight:bold;	
color:#717171; 
float:left;
width:540px;
margin-top:20px;
margin-bottom:15px;
margin-left:0px;}


.h5{
font-family:Arial, Tahoma, Geneva, sans-serif;
font-size:14px; 
font-weight: normal;	
color:#0a3147; 
float:left;
margin-top:43px;

}
#filler
{
float:left;
background-image:url(../img/filler.png); background-repeat:repeat-x;
height:178px;
width:100%;
}



#left-placed
{
float:left;
margin-left:-548px;

}

#footers
{


height:335px;
margin-bottom:0px;
width:100%;
background:url(../img/footer-bk.png); background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#013850;
font-size:10px;
float:left;

}


#footers-2
{

float:left;
height:335px;
width:100%;
background:url(../img/footer-bk.png); background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#013850;
font-size:10px;


}

.footer-grey {
	margin:0 auto;
	width:990px;
}

.footer-line{
	float:left;
	margin-left:-390px;
	
}

#footers-contact-page
{


height:335px;
margin-bottom:0px;
width:100%;

font-family: Arial, Helvetica, sans-serif;
color:#013850;
font-size:10px;
float:left;

}

.clear{	clear: both;}


#copyright
{
font-family:Arial, calibri, Geneva, sans-serif;
font-size:12px;
margin-top:0px;
color:#084057;
float:left;
margin-left:10px;
font-weight:normal;
}

#headings-1{	
font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:capitalize;
font-size:16px; 
font-weight:bold;	
color:#002940; 
float:left;
width:480px;
margin-top:10px;
margin-bottom:15px;
margin-left:0px;}

#headings1{	
font-family:Arial, Tahoma, Geneva, sans-serif;
text-transform:capitalize;
font-size:16px; 
font-weight:bold;	
color:#002940; 
float:right;
margin-top:10px;
margin-bottom:15px;
margin-right:340px;}



#link a{
	font-family:Arial, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	}

#link a:hover{
	font-family:Arial, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:underline;
	}


#footer_link a{
	font-family:Arial, Geneva, sans-serif;
	float:left;
	display:inline;
	margin-left:0px;
	padding-left: 10px;
	margin-top:0px;
	font-size:12px;
	font-weight:normal;
	color:#084057;

}


#footer_link a:active{
	font-family:Arial, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#footer_link a:hover{
	font-family:Arial, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration: underline;
}

#header-bk
{
width:100%;
height:291px;
background-image:url(../img/header-bk.png); background-repeat:repeat-x;
float:left;

}





#header_link a{

	font-weight:bold;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	float:left;
	margin: 40px 11px 0px 10px;
	font-size:12px;
	color:#002940;
	text-decoration:none;
}

#header_link a:active{
text-transform:uppercase;
	font-weight:bold;
	color:#88887f;
	text-decoration:none;
	family-font:Calibri,arial, Tahoma, Geneva, sans-serif;
	font-size:14px;
	
}

#header_link a:hover{
	font-weight:bold;
	color:#000;
	family-font: Calibri,arial, Tahoma, Geneva, sans-serif;
	font-size:14px;



}


/* ----------- stylized ----------- */


#stylized input{
font-size:12px;
background-color:#f5f3ef;
family-font:Calibri,arial, Tahoma, Geneva, sans-serif;
padding:4px 2px;
color:#013850;
border:solid 1px #c4c5c6;
width:180px;
margin:2px 0 8px 10px;
}

#stylized textarea
{
float:left;
font-size:12px;
padding:10px 2px;
border:solid 1px #4b4f44;
width:225px;
margin:2px 0 2px 10px;
}


.textbox-name 
{
	width: 400px;
	height:24px;
	border: 1px solid  #cecece;
	background:url(../img/man.png); background-repeat: no-repeat;
	padding-left:29px;
}

.textbox-tel
{
	width: 400px;
	height:24px;
	border: 1px solid  #cecece;
	background-image: url(../img/tel.png); background-repeat:no-repeat;
	padding-left:29px;
}

.textbox-email
{
	width: 400px;
	height:24px;
	border: 1px solid  #cecece;
	background-image: url(../img/emails.png); background-repeat:no-repeat;
	padding-left:29px;
}

.img-border-link a {
	border:1px solid #C9C9C9;
	padding:2px;
	display:block;
}

.img-border-link a:hover {
	border:1px solid #009E9B;
	padding:2px;
	display:block;
}

.textbox-msg
{
	width: 400px;
	height:355px;
	border: 1px solid  #cecece;
	background:url(../img/tell.png); background-repeat:no-repeat;
	padding-left:29px;
}

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
margin-top:26px; 
	list-style:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:11px;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
		font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	
	color:#013850;
	
	text-decoration:none;
}

#nav a:hover{
	color:#087dd8;
	-moz-border-radius: 10px;
	background:#9ea6af;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#9ea6af; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav ul li{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#9ea6af;
	-moz-border-radius: 10px;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
-moz-border-radius: 10px;
	background:#9ea6af;
}