@charset "utf-8";
/********** Default **/
h1,h2,h3,h4,h5{ margin:0; padding:0;}
img{ margin:0; padding:0; border:none;}
a { text-decoration:none; color:inherit; outline:0;}

/********** Classes **/
.hidden{ text-indent:-999px; overflow:hidden;}
hr.hide-line{ margin:0; padding:0; display:none;}
.clear{ clear:both;}
.clearfix{ display:inline-block;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}
.clearfix{ display:block;} /* Hide from IE Mac */
.nojavascript{ background-color:#FFF; width:990px; position:absolute; top:0; left:50%; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:-500px; z-index:1; border:2px dashed #F00; color:red;}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}
.uppercase{ text-transform:uppercase;}
.underline:hover{ text-decoration:underline;}

/********** Body **/
body{ background:url(../images/layout/body.jpg) repeat-x center top #A0BCE2; font-family: 'CenturyGothicRegular'; margin:0; padding:0; color:#760000;}

/** main */
#main{ width:970px; height:100%; position:relative; margin:0 auto; padding:0 0 20px; text-align:left;}

/** header */
#header{ width:970px; height:162px; position:absolute; top:0; left:0; margin:0; padding:0;}
	#header a.logo{ position:absolute; top:43px; left:0; margin:0; padding:0; display:block;}
	
	#header #nav{ width:410px; position:absolute; top:43px; right:-230px !important; font-size:20px; text-transform:uppercase; margin:0; padding:0;}
	#header #nav li{ margin:0; padding:0 0 5px; list-style:none;}
	#header #nav li a{ width:auto; height:26px; margin:0; padding:0; display:block;}
	#header #nav li a span{ width:180px; height:26px; margin:0; padding:0; display:block; text-align:right;}
	#header #nav li a:hover, #header #nav li.active a{ background:url(../images/layout/nav_hover.png) repeat-y; font-weight:bold;}
	
/** content */
#content{ width:970px; margin:162px 0 0; padding:27px 0 0; float:left;}
	#content div.left{ width:750px; margin:0; padding:0;}
	#content h1{ font-size:20px; padding:0 0 10px; text-transform:uppercase; color:#770000;}
	#content h1 span{ padding:15px 0 0 25px; display:block;}
	#content h1.underline{ border-bottom:2px solid #FFF;}
	#content h3{ padding:10px 0 0; text-align:center;}
	#content p{ font-size:14px; margin:0; padding:0 0 15px; line-height:130%; color:#770000;}
	#content img.align{ margin:-181px 0 0 -65px !important;}
	#content img.z-align{ margin:20px 0 0 100px;}
	
	/* subnavigation */
	#content div.subnavigation{ margin:0; padding:0; float:right;}
	#content div.subnavigation ul{ width:450px; font-size:20px; text-transform:uppercase; margin:50px -250px 0 0 !important; padding:0;}
	#content div.subnavigation ul li{ margin:0; padding:0 0 5px; list-style:none;}
	#content div.subnavigation ul li a{ width:auto; height:26px; margin:0; padding:0; display:block; color:#770000;}
	#content div.subnavigation ul li a span{ width:200px; height:26px; margin:0; padding:0; display:block; text-align:right;}
	#content div.subnavigation ul li a:hover, #content div.subnavigation ul li.active a{ background:url(../images/layout/sub_hover.png) repeat-y; font-weight:bold; color:#21426F;}
	
/**********
 Fancybox gallery 
**/
#content .gallery { width:auto; margin:30px auto 0;  padding:0; text-align:center; border-bottom:2px solid #21426F;}
	#content .gallery li { display:inline-block; border-bottom:none;}
	#content .gallery li a img { border:none;}
	#content .gallery li a { width:150px; height:105px; position:relative; margin:0 30px 20px 0; display:inline-block;}
		#content .gallery li a span { position:absolute; top:0; left:0; width:140px; height:95px; border:5px solid #EFF2F2;}
		#content .gallery li a:hover span { background:transparent url(../images/portfolio/image_hover.png) no-repeat center; border:5px solid #063159;}

#content .media { width:auto; margin:30px auto 0;  padding:0; text-align:center; border-bottom:2px solid #21426F;}
	#content .media li { display:inline-block; border-bottom:none;}
	#content .media li a img { border:none;}
	#content .media li a { width:200px; height:200px; position:relative; margin:0 30px 20px 0; display:inline-block;}
		#content .media li a span { position:absolute; top:0; left:0; width:190px; height:190px; border:5px solid #EFF2F2;}
		#content .media li a:hover span { background-color:#000; border:5px solid #063159;}
		
/* page navigation */	
	#content .page_navigation { width:350px; margin:10px auto; padding:0; clear:both; text-align:center; font:bold 12px Tahoma, Geneva, sans-serif;}
		#content .page_navigation a, .ellipse { color:#FFF; float:left; padding:5px 7px; margin:0 3px; display:inline; background-color:#21426F; text-decoration:none; border:1px solid #EFEFEF;}
		#content .page_navigation a:hover, 
		#content .page_navigation a.active_page { float:left; margin:0 3px; display:inline; border:1px solid #FFF; background-color:#760000;}


/** footer */
#footer-wrapper{ background:url(../images/layout/footer.jpg) repeat-x center top;}
#footer{ width:970px; height:110px; margin:0 auto; padding:0; text-align:center;}
	#footer ul{ font-size:20px; margin:0; padding:0; color:#FFF;}
	#footer ul li{ height:58px; margin:0 0 15px; padding:0 5px; line-height:75px; display:inline-block;}
	#footer cite{ font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#770000;}
	#footer #cvs{ display: block; margin: 0 auto; color: #FFF; font-size: 11px; text-align: center;}
	#footer #cvs a{	text-decoration: none; color: #000;}
	form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
    form .loading {display: none;}
    form .alert {padding: 15px !important;margin-bottom: 20px;border: 1px solid transparent !important;border-radius: 4px !important;}
    form .alert-success {color: #3c763d !important;background-color: #dff0d8 !important;border-color: #d6e9c6 !important;}
    form .alert-danger {color: #a94442 !important;background-color: #f2dede !important;border-color: #ebccd1 !important;}
    form [type="submit"] {margin:20px auto; padding: 10px 20px; font-family: inherit; background: transparent; color: #770000; border: 1px solid #ddd;}
    .g-recaptcha > div {margin: 0 auto} /*centers the captcha*/
    .ctc-form {margin: 0 auto;text-align: center; border: solid 1px #fff; max-width: 500px; padding: 0 0 20px;}
    .ctc-form input[type="text"],.ctc-form textarea {font-family:Arial;font-size: 16px;color:#000;height:45px;display: block;width: 90%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px}
    .ctc-form textarea {height: 120px;padding-top:10px;}
    .ctc-form .recap {display: inline-block; }
    #contactForm {font-size: 40px !important; padding-bottom: 20px;}
    #contactForm h2 { color: inherit !important; padding: 16px 0; font-size: 40px !important; text-align: center !important; float: none !important;}
    .messages p {text-align: center !important; }