/*
Theme Name: ajtraining
*/

@import url(http://fonts.googleapis.com/css?family=Varela);

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

h1, h2, h3, h4, blockquote, li, ul, ol, p { margin:0; padding:0; list-style:none }
body { margin:0px; padding:0px; background-color:#A6A6A6 }
body p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
}

.sidebar h2 {
	padding:0 0 10px 0;
	color: #03245F !important;
}
a {
	color: #03245F;
}

.clear { clear:both;}
.container { width:960px; margin:0px auto;}
.col { float:left; width:46%; margin-right:2%;}

.header { background-color: #FFF; height: 90px; }
.header .logo {
	background-image:url(images/AJTraining_02.jpg);
	width: 339px;
	height:83px;
	float:left;
	background-position: left center;
}
.header .logo a { display:block; width: 339px; height:113px;}
.header-info {
	float:right;
	width:300px;
	text-align:right;
	font-family: 'Varela', sans-serif;
	font-size:18px;
	color:#03245F;
	margin-top:20px;
}
.header-info .tel {
	font-weight:bold;
	color:#7C7C7C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.header-info .small {
	font-size:14px;
	color:#7D7D7D;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
.header-info a {
	font-size:12px;
	color:#001932;
	font-family: Arial, Helvetica, sans-serif;
}
.header-info a:hover { color: #999;}

.nav { background-color:#001932;}
.nav ul { padding:0px; margin:0px; list-style:none;}
.nav ul li { float: left;}
.nav ul li a { display:block; padding:10px 42px; font-family: 'Varela', sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase;}
.nav .current_page_item a, .nav ul li a:hover { color: #333 !important; background-color:#FFF;}

.bread { background-color:#03245f; padding:15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.bread a { color:#89b6dc;}

.banner { 


background-color:#03245f; background-image:url(images/AJTraining_06.jpg); background-position:center; height:278px; background-repeat:no-repeat;}

.main { background-color: #FFF; }
.main .container { padding:15px 0 60px }
.main h1 {
	font-weight:normal;
	color:#001932;
	font-family: 'Varela', sans-serif;
	margin-bottom:15px;
}
.main h2 { font-family: 'Varela', sans-serif; color:#999; font-weight: normal;}
.main h3 { font-family: 'Varela', sans-serif; color: #666; font-weight: normal; margin-bottom:15px;}

.logos { background-color:#d6d6d6; background-image:url(images/AJTraining_10.jpg); height: 105px; background-position:center; background-repeat:no-repeat;}

.divtastic { position:absolute;margin-top:-407px; margin-left:601px; padding: 15px;background-image:url(images/contact.png); background-color:transparent;}

.footer { background-color:#a6a6a6; font-family:Arial, Helvetica, sans-serif; color:#454545; font-size:11px; line-height:22px;}
.footer .container {min-height:200px; background-image:url(images/AJTraining_13.jpg); background-repeat:no-repeat; background-position:right top;}

.footer ul { padding:30px 0px 8px 0px; margin:0px 0px 0px 0px; list-style:none;}
.footer ul li { float: left;}
.footer ul li a { display:block; padding:5px 20px 5px 0px ; font-family: Arial, Helvetica, sans-serif; color:#454545; text-decoration:none; text-transform:uppercase; font-size:11px;}
.footer a:hover { color: #CCC;}
.footer a { color:#454545;}


.slide {width:439px; height:331px ;}
.bx-home { width: 439px; height:331px; overflow:hidden;}

.contact-container {padding:20px 0px 20px 0px !important; }

.sidebar { float:right; width:240px;}
.sidebar form { display:block; padding:15px; background-color:#dfe5ef; margin-bottom:20px;}
.sidebar form input { background-image:url(images/input.gif); width: 179px; height:29px; border: none; background-color:transparent; margin:2px 0px 15px 0px; background-repeat:no-repeat; padding-left:10px; padding-right:10px; color:#666;}
.sidebar form label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #555;
}
.sidebar form textarea { background-image:url(images/textarea.gif); width:202px; height: 111px; border: none; background-color:transparent;}
.sidebar form .submit input { background-image:url(images/submit.gif); width: 67px; height:37px; border: none; background-color:transparent;}
.sidebar form .submit input:hover { cursor:pointer;}



.sidebar-contact-button { background-image:url(images/AJTraining_INTERNAL3.jpg); width:240px; height:175px;}
.sidebar-contact-button a { display:block; width:240px; height:175px;}

.content { float:left; width:670px;}
/* CF 7 */
.wpcf7 p br { display:none }
.wpcf7-form-control-wrap  {
	display:block;
}
.wpcf7-submit  {
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	color: #ffffff !important;
	text-shadow: #303030 0px -1px 0px!important;
	text-align: center;
	border: 0px;
	font-size: 14px;
	background-color:#03245F;
	background: -moz-linear-gradient(100% 100% 90deg, #004489, #588DC4) repeat scroll 0 0 transparent;
	border: 1px solid #003D7A;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	outline: 0 none;
	overflow: visible;
	padding: 0.35em 1em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px #002241;
	text-transform: uppercase;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.wpcf7-submit:hover {
	background-position: bottom !important;
}.wpcf7-text, .wpcf7-select  {
	border: 1px solid #e9e6e6;
	background:#fcfafb url(images/red/form_bg.png) repeat-x;
	font: 12px 'SansationRegular', Verdana, sans-serif;
	color: #737373;
	margin-bottom: 10px;
	padding: 5px 10px;
	width:200px;
}

.wpcf7 textarea {
	background:#fcfafb url(images/red/form_bg.png) repeat-x top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e9e6e6;
	color: #737373;
	font: 12px 'SansationRegular', Verdana, sans-serif;
	margin-bottom: 0px;
	width: 200px;
	padding: 5px 10px;
	height:105px;
}

.map iframe {
	border-bottom: #CCC 2px solid;
	border-top: #999 1px solid;
	
	}

/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
#courses > li > strong {
	display: block;
	font-family: 'Varela', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background-color: #061A4E;
	margin-bottom: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	cursor:pointer;
}
#courses > li > strong:hover {
	background-color: #0A2878;
}
#courses > li > ul > li > strong {
	font-size: 18px;
	color: #333;
	background-color: #D8DFEE;
	margin-bottom: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
	font-family: 'Varela', sans-serif;
	display: block;
	cursor:pointer;
}
#courses > li > ul > li > strong:hover {
	background-color: #E4EAF3;
}

#courses > li > ul > li > ul > li > a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #061A4E;
	background-color: #B7DEFE;
	display: block;
	margin-bottom: 1px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 100px;
	text-decoration: none;
}
#courses > li > ul > li > ul > li > a:hover {
	background-color: #DDF0FF;
}
#courses > li > ul > li > ul > li > a > span {
	font-size:12px;
	padding:0 10px
}
#courses > li > ul > li > ul > li > a > strong {
	font-size:12px;
	text-decoration:underline;
}
#courses > li > strong {
	background-image: url(images/course-arrow-off.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#courses > li > strong.active {
	background-image: url(images/course-arrow-over.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#courses > li > ul > li > strong {
	background-image: url(images/course-arrow-off.png);
	background-repeat: no-repeat;
	background-position: 40px center;
}
#courses > li > ul > li > strong.active {
	background-image: url(images/course-arrow-over.png);
	background-repeat: no-repeat;
	background-position: 40px center;
}
.bx-pager {
	position:absolute;
	z-index:99999999999;
	margin:-30px 0 0 10px
}
.bx-pager a {
	text-decoration:none;
	color:white;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	
}
.bx-pager a.pager-active {
	text-decoration:underline
}
.content ul {
	margin:0 30px
}
.content ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height: 20px;
	list-style-type: circle;
}
.container.contact-container .content {
	width:516px;
}
.container.contact-container .map {
	float:right;
	width:440px;
}
.list #courses li {
	list-style:none
}
.list #courses, .list #courses ul  {
	margin:0
}

.logos a {
	display:block;
	height:90px;
}


h4 {
	font-size:15px;
	font-family: 'Varela', sans-serif;
	font-size:18px;
	color:#03245F;
}