/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

html, body {margin:0;padding:0;}

body {font-size: 100%;}

h1 {font-family: Arial, Helvetica, sans-serif;
	color:#004833;
	font-size: 1.8em;;
	font-weight:bold;
	display:block;
	}
h2 {color: #FFFFFF;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 45px;
    text-align: center;
	}
h3 {font-family: Arial, Helvetica, sans-serif;
	color:#fffccf;
	font-size: 1em;;
	text-align: center;
	font-weight:bold;
	display:block;
	}

h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight:bold;}

h5 {	font-family: Arial, Helvetica, sans-serif; 
	color:#dadada; 
	font-size: 16px; 
	text-transform: uppercase;
	background-color:#004833; 
	padding:7px 0 7px 17px;
	font-weight:bold;}
	
h6 {border-bottom: 1px dotted #E0E0E0;
    color: #00305A;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 20px 0 5px;
}

p {color: #2f2f2f; }

a:link, a:visited {text-decoration:none; outline:none;}
a:hover, a:focus {text-decoration:none; outline:none;}


/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */

.rounded-corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}


/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}




/*** LAYOUT STYLES ***/

#header-wrap, #leaderboard-wrap, #nav-wrap, #content-wrap, #footer-wrap {width:100%;}
#header, #leaderboard, #nav, #content, #footer {margin:0 auto; width:960px;}
.slides img {
	padding: 6px;
	border: 1px solid #ededed;
	background: #fff;
	line-height: 0px;
}

.three.columns.linkedin img {
    margin-bottom: 10px;
}
/* HEADER */

#header-wrap {}
.header {background: #fdfce7;}

.header h1.logo a {
	width: 640px;
	height: 91px;
	display: block;
	background: url(../images/logo1.png) no-repeat 0 0;
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

/*.logo {
	background: url('../images/logo.jpg') no-repeat;
	float:left;
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
	}*/

#contact-info {float:right; color:#004833; margin-top: 25px;}

#contact-info p {
	font-size: .8em;
	}
	
img.dnv {
    width: 50px;
}

.iema {
    width: 130px;
}

p.telephone {
	background: url(../images/telephoneicon.png) no-repeat left top;
	padding-left: 25px;
	}
p.mail {
	background: url(../images/mailicon.png) no-repeat left;
	padding-left: 25px;
	}
p.skype {
	background: url(../images/skype.png) no-repeat left;
	padding-left: 25px;
	}		



/* NAVIGATION */
.nav {margin-top: 10px; margin-bottom: 20px; font-family: Georgia,"Times New Roman",Times,serif;}
.nav ul {display:block; float:right;text-transform: uppercase; ;}
.nav li {display:inline; padding-left: 40px; font-size: 1.0em;}
.nav li a, #nav li a:visited {color: #002157}
.nav li a:hover, #nav li a:focus {color: #004833;}


.nav select {
	display:none;
	width:100%;
	height:28px;
	margin:0;
}

.home-nav {margin-top: 10px; font-family: Georgia,"Times New Roman",Times,serif;}
.home-nav ul {display:block; float:right;text-transform: uppercase; ;}
.home-nav li {display:inline; padding-left: 40px; font-size: 1.0em;}
.home-nav li a, #nav li a:visited {color: #002157}
.home-nav li a:hover, #nav li a:focus {color: #004833;}


.home-nav select {
	display:none;
	width:100%;
	height:28px;
	margin:0;
}


/* CONTENT */

.content p {color: #dfdfdf;}

.contentinner {
	padding: 0 10px 0 10px;
	}

.contentinner p {
	color:#2f2f2f;
	font-size:.9em;
	margin-bottom:20px;
	}

.contentinner strong {
    color: #00976b;
	font-size: 1.2em;
}

.contentinner img {
	width: 168px;
	}
	
.geoimg, .contactimg {
    display: block;
    height: 100%;
    margin: 0 auto 50px;
    width: 68% !important;
}

.contentinner img.dnv {
    margin-left: 20px;
    width: 100px;
}

.band.content {
	background: url(../images/contentbg.png) repeat-x #002459;
	
}
.innerpage {
    background: url(../images/contentinner.png) repeat-x scroll 0 0 transparent;
	margin-top:0;
}
.container.main {
    padding: 20px 0 15px;
}
.container.contentinner {
    background: url(../images/innertopbg.png) repeat-x scroll 0 0 #FFFFFF;
    padding-top: 40px; padding-bottom: 40px;}

#content-wrap {}
#content {overflow:hidden;}



#content-left {float:left;}
#content-right {float:right;}

/*h2.slogan {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size: 2.35em;
	text-align: center;
	font-style:italic;
	font-weight:bold;
	padding-bottom:45px;
}*/

p span {
    color: #000; font-style: italic; }

/*services*/
.services {
	text-align:center; }

.services img {
	text-align: center;
	border: 4px solid #fff;
	}
	
.services p {
	padding-top: 20px;
	text-align: left;
	font-size: 12px;
	margin-left:20px;
	}
a.contact {
	}	
		
a.contact img {
	border:none;
	text-align:center;
	padding: 10px 0 20px;
}
.contact {
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
	width:115px;
	height:32px;
	border:none;
	text-align:center;
	display:inline-block;
	background: url(../images/button.png) no-repeat;
	}
.contact:hover {
	background: url(../images/button2.png) no-repeat;
	}
	
	.buttonmain {
		padding: 10px 0 20px;
		}
		
/*services*/
td {
	padding:10px 0 10px 0;
	}
	
td.tablecolor { background:#FFFCCF;}	

.bullets li {
    background: url(../images/innertopbg.png) no-repeat scroll 0 50% transparent;
    padding-left: 15px;
}	
	
ul.bullets {
    padding-left: 20px;
}


.servicesimg {
    margin: 15px 0;
}
.servicesimg > img {
    height: 125px;
    padding: 8px;
    width: 200px;
}	


.contactfooter a {
    color: #FFFFFF;
}

.contactfooter a:hover {
    color: #FFfccf;
}


h6.servicecolumns {
    padding-top: 35px;
}
/*contact form */
#main_body input.text {
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-size: 100%;
    margin: 0;
    padding: 2px 0;
}

#main_body textarea.textarea {
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-family: Arial,Verdana,sans-serif;
    font-size: 100%;
    margin: 0;
    width: 99%;
}

/* geographical coverage */
.listone {
	float:left;
	width
	}

/* FOOTER */

.band.footer {
	background:#fffccf;
	border-top: 4px solid #002459;
	border-bottom: 6px solid #E4ECF4;
	}

.band.bottom {
	padding:15px;
	}
	
	
.contactfooter {
    background: url("../images/button.jpg") no-repeat scroll 0 0 transparent;
}

.linkedin {
    margin-top: 10px;
}

.container.main.small {
    font-size: 0.9em;
    line-height: 141%;
}

.smaller {
    font-size: 11px;
    line-height: 141%;
}
#footer-wrap {}
#footer {}
#footer p {}

#footer a, #footer a:visited {}
#footer a:hover, #footer a:focus {}

#contact {}
#contact p {}

#social {}

#copyright {}
#copyright p {}
#copyright a, #copyright a:visited {}
#copyright a:hover, #copyright a:focus {}

/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-direction-nav{display:none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*my own flexslider styles*/
.flexslider {
	margin: 21px 0;
}

.flex-control-nav {
	width: 100%;
	text-align: center;
	display:none;
}

.flex-control-nav li {
	display: inline;
	margin: 0 5px;
}

.flex-control-nav li a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #d5d5d5;
	border: 1px solid#d5d5d5;
	
	cursor: pointer;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.flex-control-nav li a.active,
.flex-control-nav li a:hover {
	background: #f1f1f1;
}

/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
				.nav select {
					display:block;
					}
				.nav ul {
						display:none;
												}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/