/*
Theme Name: Xynomix
Theme URI: http://xynomix.com
Description: Xynomix
Version: 1.6
Author: Juno Media
Author URI: http://www.junowebdesign.com/
Tags: web design, web development, application development
*/

/***** Global *****/
	/* Reset */
		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, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}

		:focus {outline: 0}

		ol, ul {list-style: none}

		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}

		caption, th, td {
			text-align: left;
			font-weight: normal
		}

		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
body {
	line-height: 1;
	font-size: 75%; /* 12px */
	color: black;
	background: #f4f4f4;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left
}

/* Headers */
	h1 {font-size: 133.33%}
	h2 {font-size: 133.33%}
	h3 {font-size: 125%}
	h4 {font-size: 116.66%}
	h5 {font-size: 108.33%}
	h6 {font-size: 100%}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'trebuchet ms', tahoma, arial, sans-serif;
		color: #0053a0;
		font-weight: bold;
		margin-bottom: .7em;
		line-height: 1.3
	}

/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #1e67aa; text-decoration: none}
	a:hover, a:active {text-decoration: underline}

	a.rss {padding-right: 15px; background: url('images/icons/rss.gif') no-repeat center right}

/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    text-align: justify
	}

	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Images */
.section-image {
	display: block;
	border: 1px solid #f3f3f3;
	background: #fff;
	padding: 5px;
	margin-bottom: 1em
}

/* Quotes */
blockquote {background: #f0f0f0; padding: 1.5em; margin: 1em 2em}
blockquote p {margin-bottom: .5em}

/* Lists */
ul {
  margin: 1em 0 1.5em .3em;
  line-height: 1.5
}

ul li {background: url('images/icons/bullet.gif') no-repeat 0 .6em; padding: 0 0 0 1.6em; margin-bottom: .2em}
ul ol li {background-image: none; padding: 0; margin-bottom: .2em}
ul.check li {background: url('images/icons/check.gif') no-repeat 0 .2em; padding: 0 0 0 1.6em; margin-bottom: .6em}
ul.arrow li {background: url('images/icons/arrow.gif') no-repeat 0 .5em; padding: 0 0 0 3em; margin-bottom: .6em}

ul.arrow h3 {
	color: black;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.3;
	font-weight: normal;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #f0f0f0}

thead th {background: #f0f0f0; color: #333; text-align: left; padding: .5em .4em}

tbody td {padding: .5em .4em}
tbody .alt td {background: #eee}

/***** Layout *****/
.limit {width: 925px; margin: 0 auto; overflow: hidden}

/* Header */
#header {padding: 0 0 5px 0; background: #fdfdfd url('images/header-bg.png') repeat-x bottom left}
#header .limit {position: relative; overflow: visible; z-index: 999; padding-top: 25px}

	/*Logo */
	#logo {margin: 0; padding: 0; float: left}

	/* Phone and Sign Up */
	.phone-sign-up {
		position: absolute;
		top: 25px;
		right: 0;
		font-size: 191.66%;
		color: #0053a0;
		text-align: center;
	}

	.phone-sign-up a:link, .phone-sign-up a:visited {
		display: block;
		font-size: 52.17%;
		color: #fff;
		background: #39b54a;
		padding: .2em 0 .3em 0;
		margin: .4em 0 0 0
	}
	.phone-sign-up a:hover, .phone-sign-up a:active {text-decoration: none; background: #5ac84f}

	/* Menu */
	#menu {
		margin: 80px 0 0 0;
		padding: 0;
		float: right;
		height: 57px;
		background: url('images/men-bg.png') no-repeat -199px 0;
		padding-left: 1px;
		font-size: 108.33%;
		position: relative;
		z-index: 9999
	}

	#menu:after, #header .limit:after {content:"."; display: block; clear: both; visibility: hidden; height: 0}

	#menu li {
		background: url('images/men-bg.png') no-repeat bottom right;
		padding: 0 1.5em;
		height: 57px;
		float: left;
		position: relative;
		z-index: 1
	}
	#menu li.current {background-position: top right}

	#menu li a {display: block; margin-top: 18px}

		/* Dropdowns */
		#menu .sub {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			width: 225px;
			z-index: 9999;
			top: 57px;
			left: 0;
			display: none;
			font-size: .8em;
			background: #f5f5f5
		}

		#menu li:hover .sub {display: block}

		#menu .sub li {
			float: none;
			border: 0;
			height: auto;
			min-height: 0;
			height: auto;
			margin-bottom: 0;
			line-height: 1.3;
			background: #f5f5f5;
			position: static;
			padding: .3em 1.5em;
			border-bottom: 1px solid #e1e1e1;
			position: relative; z-index: 5
		}
		#menu .sub li:hover {background: #eaeef2}
		#menu .sub a {margin-top: 0}
		#menu .sub a:hover, #menu .sub a:active {text-decoration: none}

/* Sponsors */
#sponsors {background: #054782; text-align: center; min-width: 925px; height: 177px; position: relative; z-index: 0}

/* Body */
#body {
	padding: 5px 0 0 0;
	background: #fff url('images/body-bg.png') repeat-x top left
}

#body h2 {margin-bottom: 1em}
#body .limit>h1, #body .limit>h2 {margin-top: 2em}

#body.border {border-top: 5px solid #016cb2}

	/* 2 Columns */
	.cols-2 {width: 925px; overflow: hidden; padding-top: 35px}
	.cols-2 .col {width: 430px; float: left; padding-bottom: 35px}
	.cols-2 .first {margin-right: 30px}

	.cols-left {width: 428px; float: left; padding-bottom: 35px; margin-right: 32px}
	.cols-right {width: 430px; float: left; padding-bottom: 35px; margin-right: 30px}

	/* 3 Columns */
	.cols-3 {width: 925px; overflow: hidden; background: url('images/3-cols-bg.png') repeat-y top left}
	.cols-3 .col {width: 258px; float: left; padding: 40px 25px 35px 25px}

	.cols-3 .first {background: #fff url('images/first-bg.png') repeat-x top left}
	.cols-3 .second {background: #fafafa url('images/second-bg.png') repeat-x top left}
	.cols-3 .third {background: #f3f3f3 url('images/third-bg.png') repeat-x top left}

	.col {overflow: hidden}

/* Side Quotes */
	.side-quote {margin: 1em 2em 4em}
	.cols-left .side-quote, .cols-right .side-quote {margin: 0.5em 0; line-height: 1}
	.side-quote blockquote {background: #fff; padding:0; margin:0; color:#054782; font-family:"Times New Roman", Times, serif; font-size:1.5em}
	.side-quote cite {color: #999}
	.cols-left .side-quote blockquote, .cols-right .side-quote blockquote {padding:0; margin:0; color:black; font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-size:1em}
	.cols-left .side-quote cite, .cols-right .side-quote cite {color:#054782}

/* Quick Links */
#quick-links {
	background: #1763a8 url('images/quick-links-bg.png') repeat-x bottom left;
	height: 36px
}

#quick-links a:link, #quick-links a:visited {color: #fff}

#quick-links ul {float:left; line-height:1; margin:0; padding:11px 0 0; width:780px;}
#quick-links li {
	float: left;
	background: none;
	padding: 0 .55em  .1em 0;
	margin: 0 .55em 0 0;
	border-right: 1px solid #fff
}
#quick-links li.last {border: 0}

/* Footer */
#footer {
	font-size: 116.66%;
	padding: 25px 0;
	color: #3d3d3d;
	padding-bottom: 65px
}

#footer span {line-height: 2}

#footer ul {margin: 0; padding: 0; list-style: none; font-size: 85.71%; line-height: 1}
#footer li {float: left; margin: 0 .5em 0 0; padding: 0 .5em .2em 0; border-right: 1px solid #3d3d3d; background: none}
#footer li.last {border: 0}

#footer a:link, #footer a:visited {color: #3d3d3d}
#footer a:hover, #footer a:active {color: #1e67aa; text-decoration: underline}

/***** Sections *****/
/* Home */
#news-list {margin: 0; padding: 0}
#news-list li {background: none; padding: 0; margin-bottom: 2.5em; overflow: hidden; height: 1%}

#news-list ul {margin: 1em 0 1.5em .3em;line-height: 1.5}
#news-list ul li {background: url('images/icons/bullet.gif') no-repeat 0 .6em; padding: 0 0 0 1.6em; margin-bottom: .2em}

#news-list p {margin-bottom: .5em}

#news-list ul.options {margin: 0; padding: 0; line-height: 1}
#news-list ul.options li {
	float: left;
	padding: 0 .5em .1em 0;
	margin: 0 .5em 0 0;
	background: none;
	line-height: 1;
	border-right: 1px solid #1e67aa;
}
#news-list ul.options li.last {border: 0}

/* Contact */
#contact {width: 500px; clear: both; float: left; border: 1px solid #f4f4f4; margin-right: 30px; margin-bottom: 40px; background: #fff; padding: 5px; color: #0053a0; font-size: 108.33%; overflow: hidden; height: 1%}
#contact .contact-form, #contact div {background: #f9f9f9; padding: 2em; overflow: hidden; height: 1%}
#contact .ddfmwrap, #contact .ddfmwrap div {padding: 0}
.errorlist {line-height: 1.6}
#contact fieldset {width: 500px; float: left}
#contact .contact-form {min-height: 360px; height: auto !important; height: 360px}
#contact address {width: 250px; float: right; text-align: right; line-height: 1.3; margin-right: 1em; font-style: normal}

#contact label {width: 85px; float: left; text-align: right; margin: .5em 2em 1em 0; clear: left}
#contact #contact-us label {width: 105px}

#contact .text, #contact textarea, #contact .text2,  #contact .radio {
	background: #fff;
	border: 1px solid #ddd;
	padding: .3em .2em;
	float: left;
	margin-bottom: 1em;
	width: 320px
}

#contact .radio { width: 15px; border: none; }
#contact .text2 {width: 210px }
#contact.newsletter fieldset {height: 210px; overflow: hidden}

#contact textarea {height: 150px}

#contact .button, #contact .button2, #location-map input.button {
	float: right;
	background: #0053a0;
	color: #fff;
	border: 0;
	padding: 3px 0;
	cursor: pointer;
	font-size: 85%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	line-height:1.2em;
	width:75px;
}

#contact .button { margin-left: 130px; float: left; clear:both; }
#contact .button2 { margin-left: 112px; float: left; clear:both; }

#contact a:hover, #contact a:active {text-decoration: none}

#form_submitted {margin: 0 18px 0 0}

#contact-address {width: 250px; float: left; clear: none; text-align: left; line-height: 1.3; margin: 3em 2em; color: #0053a0; font-size: 108.33%; font-style: normal}
#contact-address a:link, #contact-address a:visited {
	color: #fff;
	background: #0053a0;
	padding: .4em 1.3em;
	font-size: 85%;
	height: 25px;
	line-height: 25px
}
#contact-address a:hover, #contact-address a:active {text-decoration: none}

#location-map {
	width: 500px;
	clear: both;
	padding: 8px 8px 40px 8px;
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
	border: 1px solid #f4f4f4;
	background: #fff;
	padding: 5px
}

#location-map .bg {background: #f9f9f9; padding: 8px; overflow: hidden; height: 1%}

#map_canvas {width: 480px; height: 400px; clear: both}

#location-map fieldset {font-size: 108.33%; padding: 1em 0; overflow: hidden; height: 1%}
#location-map label {margin: 0 1em 1em .5em; width: auto; float: left; line-height: 1.6em}
#location-map #to {cursor:default}
#location-map input.text, #location-map textarea {
	color: black;
	float: none;
	border: 1px #dddcd4 solid;
	background-color: #fff;
	padding: .3em .2em;
	width: 120px;
	display: inline;
	float: left
}

#location-map input.button {display: inline; float: right; margin: 0 3px 0 0; padding: 0; width: 90px; text-align: center}

#directions {width: 480px}
#location-map #map-details {margin: 0 auto}

#contact-address2 {float: right; margin-top: 3em}

#detailed-text img.hidden {display: none}
#detailed-text {overflow: hidden; height: 1%; color: #fff; background: #016CB2; padding: .5em}
#detailed-text span {float: left}
#detailed-text img{float: right; cursor: pointer; margin-top: 3px}

/* Services */
.service-buttons {margin: 0 0 30px 0; padding: 0; list-style: none}
.service-buttons li {margin: 0 0 10px 0; padding: 0; background: none}

/* Accreditations */
.accreditations {overflow: hidden; list-style: none; margin: 0 0 35px 0; padding: 0}
.accreditations li {margin: 20px 17px; float: left; list-style: none}
.accreditations li {
	padding: 5px;
	border: 1px #0053a0 solid;
	background: none
}

/* Partners */
.partners{list-style: none}
.partners li{overflow: hidden; background: none; padding-bottom:18px;}
.partners .partners-image{float: left;}
.partners .partners-image img{width: 180px;}
.partners .partners-desc{float: left; width: 700px; margin-left: 20px;}

/* Blog Index */
#content {
	width: 650px;
	margin-right: 25px;
	float: left;
	padding: 25px 0;
	overflow: hidden
}
#sidebar {width: 200px; float: right; background: #f0f0f0; padding: 25px}
#sidebar h2 {margin-bottom: .2em; line-height: 1; padding: 0}
#sidebar ul {margin-bottom: 1.7em}

#post-list {margin: 0; list-style: none}
.post {background: none; padding: 0; margin-bottom: 4em}

#body .post h2 {font-size: 1.6em; margin-bottom: .2em}
#body .post h2 a:link, #body .post h2 a:visited {text-decoration: underline}
#body .post h2 a:hover, #body .post h2 a:active {text-decoration: none}
.post .meta {display: block; margin-bottom: 1.5em; color: #666}

/* Comments */
#comments h3 {font-size: 133.33%; margin-bottom: .8em; line-height: 1; text-decoration: none}
#comments ul {margin: 0 0 2em 0; padding: 0; list-style: none}
#comments ul li {background: #f0f0f0; padding: 1em; margin-bottom: 1em}

#comments blockquote {margin: 0; padding: 0}
#comments blockquote p {margin-bottom: 0}
#comments cite {font-size: 76.92%; color: #acacac}

/* Comments Form */
#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%}
#comment-form div {background: #f0f0f0; padding: 1.8em; margin-bottom: 15px; overflow: hidden; height: 1%}

#comment-form label {
	display: block;
	float: left;
	margin-bottom: 15px;
	line-height: 20px;
	width: 75px;
	clear: left
}
#comment-form .text, #comment-form textarea {
	border: 1px solid #ddd;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 380px;
	color: #888;
	background: #fff
}

#comment-form textarea {float: none; width: 455px; height: 125px}

#comment-form .button {
	float: right;
	background: #1763a8;
	color: #fff;
	font-size: 115.38%;
	border: 0;
	padding: .5em 2em .5em 2em;
	cursor: pointer
}

/* Archives */
#archives {list-style: none}
#archives ul {margin: .5em 0 1.5em .5em}
#archives li {float: left; width: 45%; padding: 0 4% 0 0; font-size: 116.66%; background-image: none}
#archives li ul li {float: none; width: auto; padding: 0; font-size: 84.71%; background: url('images/icons/bullet.gif') no-repeat 0 .6em; padding: 0 0 0 1.4em}

/* Newsletter Form */
#contact.newsletter fieldset {width: auto}
#newsletter-subscribe label {display: block; color: #0053a0; margin-bottom: .5em; float: left; clear: left; width: 95px}
#newsletter-subscribe div {background: #f6f6f6; padding: 20px 20px 5px 20px; overflow: hidden; height: 1%; margin-bottom: 1em}
#newsletter-subscribe input {display: block}
#newsletter-subscribe .text {
	background: #fff;
	border: 1px solid #ddd;
	padding: .3em .2em;
	float: left;
	margin-bottom: 1em;
	width: 265px;
	float: left
}
#newsletter-subscribe .button {
	background: #0053a0;
	color: #fff;
	border: 0;
	padding: 0 2em;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	clear: both;
	display: block;
	width: auto;
	clear: both;
	float: right
}

.cols-3 .first a img {margin: 0 2px 0 0}
.col a img {margin: 0 30px 0 0}

/* Terms and Conditions */
.terms-conditions ol {list-style: none; margin-left: 0}
.terms-conditions ol span {width: 100px; font-weight: bold}

.terms-conditions ol li ol {margin: 0 0 0 2em}

/* Support */
#support {width: 160px; float: right; background: #f0f0f0; padding: 1.5em; margin: 1em 0 1em 1em; font-size: 1.3em; line-height: 2.0; text-align: center}
#support a:link, #support a:visited, #support strong {color: #0053a0; font-weight: normal}

#contact-button {text-align: center}
#contact-button.jobsemail{text-align: left}
#contact-button img {margin: 0 auto 10px;}

/* Quick Contact */
#quick-contact {margin:20px 0 0 0 ; color: #0053A0; overflow: hidden; height: 1%;background:#F9F9F9; }
#quick-contact h2{margin-bottom:8px}
#quick-contact fieldset {width: 240px;margin:0;border:3px solid #fff;padding:10px 10px 10px 0}
#quick-contact label {width: 72px; float: left; text-align: right;line-height:28px;display:block;clear:left;}
#quick-contact .text{
	background: #fff;
	border: 1px solid #ddd;
	padding: .3em .2em;
	float:right;
	margin-bottom:5px;
	width:140px
}


#quick-contact .button{
	float: right;
	background: #0053a0;
	color: #fff;
	border: 0;
	padding: 0 1em;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	font-size: 85%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif
}

#quick-contact .button { margin:5px 0 0 0; clear:both; }
#twitter-logo{margin-left: 2em}
#bookmark {float:right; padding:10px 0 0;}
.pdf a{background: url('images/pdf.gif') no-repeat left;padding-left:20px;display:block}

/* News */
.news {overflow: hidden;width: 925px;}
.news .col-first{width: 450px;float: left;padding:40px 25px 40px 0}
.news .col-second{width: 205px;;float: left;padding:40px 25px 40px 0}
.news .col-third{width: 220px;;float: left;padding:40px 0 0}
.news #listing{list-style: none;}
.news #listing li{margin-bottom: 20px}
.news #listing li .date{display: block; margin-bottom: 18px;}
.news .widget{margin-bottom: 20px;}
.aktt_credit{display: none}
.navigation{display: block;}
.navigation .alignleft{float: left}
.navigation .alignright{float: right}
.alignleft {float:left;margin:0 15px 5px 0}
.alignright {float:right;margin:0 0 5px 15px}