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

body {
	background: #f8f8f8 url(images/bg.jpg) repeat-x center top;
	margin: 160px 0 0;
	padding: 0;
	color: #000;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 15px;
}
.mgc {
	font-size: 19px;
	color: #001672;
}
.mgcblue {
	color: #001672;
}
#home section p {
	font-size: 17px;

	font-weight: lighter;
	text-align: justify;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

p {
	margin-top: 0;
	line-height: 1.4;
	text-align: justify;
}


	 
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #0A1737;
	
}

h1{
	font-size: 25px;
	color: #29518E;	
}
h2{ font-size: 16px; margin-bottom: 5px; }
h3{ font-size: 14px; PADDING-LEFT: 0px;}
h4{ font-size: 13px; PADDING-LEFT: 0px;}
a img { border: none; }

a:link, a:visited {
	color: #002379;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #999;
}

.container {
	width: 879px;
	
	margin: 0 auto; 
	position: relative;
	/*padding-bottom: 50px;*/
}

header {
	background: #FFF;
	
}


.content1 {
	padding: 20px 0 0;
	width: 879px;
	float: left;
}
.content2 {
	padding: 20px 10px 0 0;
	width: 420px;
	float: left;
}
.content3 {
	padding: 20px 0 0 10px;
	width: 420px;
	float: right;
}
.content4 {
	padding: 0px;
	width: 214px;
	float: left;
	
}
.content5 {
	padding: 20px 0 0 10px;
	width: 652px;
	float: left;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}


.nav{
   
    list-style:none;
    margin:0;
    padding:0;
  
}
.nav li{
	
	font-size: 16px;
	text-transform: uppercase;
    display:inline;
}
.nav a{
	display:inline-block;
	padding: 10px 30px 10px 0px;
	
}

nav {
	
	height: 53px;	
	
		  }
			

nav ul a:link, nav ul a:visited {
	color: #001672;
	text-decoration: none;
	 
		   
}
nav ul a:hover, nav ul a:active, nav ul a:focus, #home nav #menu .home a, #services nav #menu .services a,  #bio nav #menu .bio a, #clients nav #menu .clients a, #contact nav #menu .contact a {
	color: #878787;
	
}

#social {
	position:absolute;
	width:135px;
	height:57px;
	z-index:1;
	left: 222px;
	top: 310px;
	text-align: left;
}
/**********************header social**********************/

.social_118 { display:block; overflow:hidden; width: 96px; height: 36px; margin:18px 0 0 0; float:left;  }


.social_120 { display:block; overflow:hidden; width: 36px; height: 36px; margin:3px 0 0; float:left; background: url('images/social_linked_in.png') no-repeat; }
.social_120:hover img { 
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5; } 





/* ~~ The footer ~~ */
footer {
	padding: 0px 0;
	position: relative;/* this gives IE6 has Layout to properly clear */
	clear: both;
	/*background: #ffaf22;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	border-bottom: 4px solid #e13725;*/
}


/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}
footer {
	font-size: 12px;
	color: #1A436C;
}


.test_text a:hover, .test_text_wide a:hover{
	color: #FFAF22;
	text-decoration: none;
}
#clients .container .content1 section p { font-size: 18px; }

.logo { float: left; }
.headImage {
	float: left;
	height: 189px;
}
.blue {
	color: #1A436C;
	font-weight: bold;
}
section { min-height: 340px; }

.bluenobold { color: #002379; }
footer a:link, footer a:visited { color: #1A436C; }
footer a:hover { color: #333; }