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

/* Main Styles */

a {color: #203A74;text-decoration: none; font-weight:bold;}//972F2F
a:visited {color: #972F2F;font-weight:bold;}
a:hover {text-decoration: none; font-weight:bold; border-bottom: 2px solid #972F2F; }

/*A.linka {color: #ffffcc; font-weight: normal; text-decoration: none; margin-right: 15px;}
A.linkb {color: #fff; font-weight: normal; text-decoration: none; border-bottom: 2px solid #fff; margin-right: 15px;}
*/
html { 
	font-size:100%; 
	}

body { 
	/*background-color: #C6D6C8; /*#FFFFCC*/*/
	font: normal 100% 'BioRhyme', 'Verdana', 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	font-size:16px; 
	line-height: 22px;
	padding-top: 0px; 
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	overflow: -moz-scrollbars-vertical;
	}

DIV.header-top {
	width: 100%; max-width: 2200px;
	height: 55px;
	background-color: #464438;
	z-index: 999999999;
	}
DIV.header {
	width: 100%; max-width: 2200px;
	height: 50px;
	background-color: #464438;
	z-index: 999999999;
	}
	
#div01 {
	/*padding-bottom: 30px; 
	background-image: url(../images/P1000507.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	*/
	
	}

#div021 {
	margin-top: -20px; 
	padding-bottom: 30px; 
	background-image: url../images/ManchesterHarbo2.jpg); 
	background-repeat: no-repeat;
	}

#masthead-spacer {
	clear: both;
	height: 20px;
}

#menu-container {
	float: right; 
	position: relative; top: 10px; right: 150px;
	}

#masthead {
	height: 150px;
	max-width: 1200px; 
	width: 100%; 
	/*background-color:rgba(255, 255, 255, 0.2);*/
	margin:0 auto 0 auto;
	}

/* MASTHEAD Styles */

#logo { 
	padding-top: 2px;
	position: relative; left: 10%;
	z-index:100000; 
	}


#topimage01{
	margin-top: -6px;
	padding-top: 100px;
	padding-bottom: 30px;
	}

#topimage02 {
	margin-top: -120px;
	}	

#header-slide-text {
	visibility: hidden;
	position: relative; top:50px; /*375*/
}


#content {
	width: 100%; max-width: 650px;
	padding: 5%; 
	text-align: center; 
	}
#wrap {
	text-align: center;
	margin: 10%;	
	margin-top: 80px;
	max-width: 900px;
	min-width: 300px;
	}

/*#wrap {
	background-color:rgba(255, 255, 255, 0.8);
	max-width: 1000px; 
	min-width:550px;
	margin:30px auto 0 auto;
	padding: 30px 0px;
	z-index: 100;
	}*/

/*home page css*/

P.hpcontent {
	font-size: 24px; 
	line-height: 32px; 
	color: #605E5D; 
	text-align: left; 
	font-family: Times; 
	font-weight: bold; 
	margin-top: 20px;
}

/*end home page css*/

DIV.client-content {
	margin-left: 50px;
}
@media screen and (max-width:580px)
	{
		DIV.client-content {
		margin-left: 0px;
	}
}

#content-container { /* The content container. */
	position:relative;
	max-width:900px;
	min-width:400px;
	margin:0 auto;
	}
	
#content-wrapper {
	position:relative;
	/*background-color:rgba(255,255,255,0.6);*/
	max-width:1000px;
	padding: 30px;
	margin-top: -30px;
	}


#one-column-content-container {
	position:relative;
	max-width:500px;
	margin:0 auto;
}

DIV.one-column-container-left{
	position:relative;
	max-width:400px;
	width: 100%;
	margin:0 auto;
	float: left;
}
	
DIV.one-column-container-right{
	position:relative;
	max-width:400px;
	margin:0 auto;
	float: left;
	margin-left: 500px;
}



@media screen and (max-width:780px) 
{

	DIV.homehide {
		display: inline;
		}
	P.pagetitle {
		font-size: 14px;
	}

	#content-container {
		max-width:450px;
		min-width:0;
		}

	/*#wrap {
		max-width: 500px;
		min-width: 300px;
		}*/

} /* end of @media screen and (max-width:780px) [or whatever the number is] */


/* index page */	


/*@media screen and (min-width:400px) {
	#wrap {
		min-width:300px;
		max-width:300px;
	   }
	}


@media screen and (max-width:600px) {
	#wrap {
		min-width:400px;
		max-width:400px;
	   }
	P.pagetitle {
		font-size: 18px;
	   }		
	}*/


.pocket-left {
	float:left;
	/*margin-left:1%;/*
	min-width:250px;
	max-width:500px;
	width:50%;
	height:auto;
	text-align: center;
   }

.pocket-right {
	float:right;
	/*margin-left:1%;*/
	min-width:290px;
	max-width:500px;
	width:50%;
	height:auto;
	text-align: center;
   }

.pocket-content {
	position:relative;
	/*background-color:#C6D6C8;*/
	max-width: 800px;
	margin: 20px auto 60px auto;
	/*font-size:.92em;*/
	}

.pocket-heading {
	font-size:1.25em;
	line-height:120%;
	color: #1F4760;
	text-align:center;
	}
	
/*end index page styles */

/*start service page styles */

P.service { border-bottom: 1px dashed #000000; margin-bottom: 10px; width: 225px;}
.pocket-service {
	float:left;
	margin-left:1%;
	min-width:225px;
	max-width:240px;
	width:32%;
	height:auto;
	padding-right:20px;
   }

.pocket2-service {
	float:left;
	margin-left:1%;
	min-width:290px;
	max-width:600px;
	width:64%;
	height:auto;
   }

.pocket-content-right {
	position:relative;
	background-color:#fff;
	/*margin:20px auto 0 auto;*/
	padding-left: 20px;
	text-align:center;
	border-left: 1px solid #1F4760;
	}
.pocket-content-left {
	position:relative;
	background-color:#fff;
	/*margin:20px auto 0 auto;*/
	padding:8%;
	text-align:center;
}
/*end service page styles */


#footer-container {
	width: 100%;
	background-color: #727070;
	margin-top: 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid black; 
	}
	
.footer {
	margin:30px auto 30px auto;
	padding-bottom: 10px;
	}

.footer-nav {
	text-align:center; 
	font-size: 0.875em; 
	margin: 0 auto 2em auto;
	}

th { font-size: 0.875em;  }
table { border-collapse:collapse; }
input, textarea { 
	font-size: 0.875em; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	}


img { outline:none; border:none; }


/*@media only screen and (max-width: 600px) {
    img.logo { width: 100%; max-width: 300px; height: auto; margin: 30px 0px 0px 5px; }
}
*/

/*Top- of Page*/
 #backtop {
	position: fixed;
	left:auto;
	right: 20px;
	top:auto;
	bottom: 20px;
	outline: none;
	overflow:hidden;
	color:#fff;
	text-align:center;
	background-color:rgba(49,79,96,0.84);
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	border-radius:2px;
	cursor:pointer;
	transition:all 0.3s linear;
	z-index:999999;
	opacity:1;
	display:none;
}
#backtop:hover {
	background-color:#27CFC3;
}
#backtop.mcOut {
	opacity:0;
}
#vertical-nav a {
	text-transform:uppercase;
	display:block;
	text-align:center;
	font:bold 20px/50px Verdana;
	text-decoration:none;
	color:#666;
	transition:color 0.25s;
}

#vertical-nav a.active,  #vertical-nav a:hover {
color:#b49901;
}

/* in use in templates */
.morecontent {
/*border-top: 1px solid #ccc;*/
padding: 10px 0px 10px 0px;
}


.morecontent-noborder {
padding: 10px 0px 10px 0px;
}


/* .pseudolink for span tags masquerading as links */
.pseudolink {color: #1c5292;text-decoration: none; font-weight:bold; cursor:pointer; }


SPAN.heading {font-weight: bold; color: #DA251D;} 

P, TD BODY{ font-family:  BioRhyme, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 26px; margin: 7px auto 7px auto; padding: 0px 5px 0px 5px; color: #000000; font-weight: normal; text-align: left; }

P.footer { margin-top: 10px; text-align: center; color: #EBEFA4; font-size: 16px; line-height: 22px;}

P.pagetitle { margin: 0px; text-align: center; font-size: 40px; line-height: 48px; color: #D7AC26; font-family: BioRhyme, Arial;  }

P.pagetitle2 { text-align: center; font-size: 24px; line-height: 32px; color: #404040; font-family: BioRhyme, Verdana; margin: 20px 0px 5px 0px; }

P.homepagetitle { margin: -365px; 0px; text-align: center; font-size: 30px; line-height: 38px; color: #972F2F; font-family: BioRhyme, Arial; font-weight: bold; }


P.subpagetitle {text-align: center; font-size: 18px; line-height: 24px; font-weight: bold; color: #000; font-family: BioRhyme, Verdana; margin: 0px 0px 20px 0px; } /*#1F4760+/

P.heading { font-weight: bold; color: #1A2B58; margin: 10px 0px 0px 0px;  }

P.incmag { text-align: center; font-style: italic; margin-top: 20px; color: #660000; font-weight: bold; }

P.pli { font-family:  BioRhyme, Verdana; color: #000; font-weight: normal; margin-top: 2px; margin-bottom: 2px; }

P.pli2 { font-family:  BioRhyme, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; margin-top: 1px; margin-bottom: 2px; color: #000000; font-weight: normal;} 

P.smtitle2 { font-size: 15px; font-weight: bold; color: #1F4760; line-height: 16px; margin-top: 15px; margin-bottom: 5px; }

P.title { font-size: 14px; font-weight: bold; color: #00829B; margin-top: 18px; margin-bottom: 2px;}

P.title18 {text-align: center; font-size: 18px; font-weight: bold; font-style: italic; }

P.pagetitle { text-align: center; font-size: 32px; line-height: 36px; margin-top: 20px; text-align: center; }

P.subtitle { font-size: 14px; font-weight: bold; color: #00829B; }

P.subtitle2 { font-size: 12px; font-weight: bold; color:#00829B; margin-bottom: 1px; }

/*P.projectthumbnail { margin: 0px 170px 0px 0px; color: #00829B; font-weight: bold; }*/

P.icontitle { text-align: center; color: #00829B; font-weight: bold; font-size: 12px; line-height: 15px; margin-top: 0px; }


P.blue { color: #00829B; }

DIV.bottomicons { float: left; margin: 0px 10px 0px 24px; }

DIV.project { clear: both; padding-top: 10px; }

UL, OL { margin-top: 10px; margin-bottom: 10px; font-size: 12px; color: #972F2F; font-weight: normal; text-align: left; }

TD, TH { font-family: BioRhyme, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 5px; margin-top: 5px; color: #003F78; font-weight: normal; }

LI { margin: 6px 0px 6px 0px; }
LI.tight { margin-top: 2px; }
LI.footer { display: inline; margin-right: 15px; }
F.footerend {display: inline;}
IMG.ss-icon { margin-right: 20px; }

/*Form styles*/

DIV.contact { position: absolute; left: 200px; top:180px; visibility: hidden; width: 450px; border: 2px #5F7489 solid; background-color: #FFFFFF; }

#contactform { padding: 0px 0px 20px 20px;margin-right: 20px; }
DIV.form { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin-right: 15px; margin-top: 10px; text-align: right;}

input {
        border: #A12808 solid 1px;
        background-color : #FFFFFF;
	font-size: 11px;
        font-family: "BioRhyme, Verdana, Arial,Helvetica,Sans-serif"; 
}
textarea { 
        border: #A12808 solid 1px;
        background-color: #FFFFFF;
  font-family: "BioRhyme, Verdana, Arial,Helvetica,Sans-serif"; 
}
select { 
        border: #EA703D solid 1px;
        background-color: white;
  font-family: "BioRhyme, Verdana, Arial,Helvetica,Sans-serif"; 
}


.button {
        border: solid 2px;
        background-color: #5F7489;
        font-family: "BioRhyme, Verdana, Arial,Helvetica,Sans-serif";
        font-size: 11px;        
        font-style : normal;
        font-weight : bold;
        color : #E5E6E1;
}

.button2 { font-family: BioRhyme, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #ECE7A4; font-color: #2D4B71; font-weight: bold; }

.radio, .radio1 { 
        border : 0;
	margin-bottom: -3px; 
        margin-right: 2px;
}

.radio2{ 
        border: none;
        background-color:  #0F1C3A;
	margin-bottom: -3px; 
        margin-right: 2px;
}

.checkbox { 
        border: 0;
  background-color: #173954;
  border: #A12808 solid 1px;
}

.box { border: 1px #A12808 solid ;
}





/*Animation*/

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 4s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}


/*End Animation*/