@charset "utf-8";

/* Formatting hack */
.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */


/* header */
header img { border: none; }
header a { display: block; width: 368px; height: 52px; }
header h1 { font-size:14px; color:#898888; padding: 0; margin: 0; font-weight: normal; letter-spacing: 5px; }

/* animation box shadow */
.shadow { width: 950px; height: 40px; background: url(../images/shadow.png) no-repeat left top; }

/* form */
form, fieldset { padding: 0; margin: 0; }
.cform legend { padding-top: 0; margin-top: 0; color: #be2426; }

/* Form */
.content fieldset {
	background-color: #424242;
	width: 618px;
	border: 1px solid #1f1e1f;
	margin: 15px auto 45px auto;
	padding: 15px 0;
}
.content .fieldsetBottom {
	background: url(../images/form/bgFieldsetBtm.gif) no-repeat;
	width: 650px;
	height: 16px;
	padding: 0;
	margin: -5px auto 36px auto;
	position: relative;
	z-index: -1;
}
* html .content fieldset { padding: 0 15px 15px 15px; }
.content legend {
	background-color: #424242;
	padding: 5px;
	margin: -26px 0 0 -1px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #1f1e1f;
	border-bottom: none;
	position: relative;
	z-index: 100;
}
* html .content legend { margin: -30px 0 0 25px; }
.content label {
	padding: 0 5px 0 0;
	margin: 0;
	font-size: 12px;
	color: #ffffff;
}
.content label.opt {font-weight:normal;}
.content dl {clear:both; margin: 0; padding: 0; }
.content dt {float:left; text-align:right; width:90px; margin: 0 10px 10px 0; padding: 0; }
.content dt.opt {margin: 3px 10px 10px 0; padding: 0; }
.content dd {float:left; margin:0; padding: 0; }
.content dd.opt {margin: 0 0 10px 0; padding: 0; }
.content dd.opt label { padding: 0 15px 0 0; margin: 0; }
.content dd.opt img { padding: 0; margin: 0 0 0 5px; height: 22px; }
.content dd label { padding: 0; margin: 0 0 35px 0; }
.content input[type="text"] { padding: 2px; margin: 0; color:#1f1e1f; }
.content fieldset textarea { color: #1f1e1f; padding: 0; margin: 0 auto 0 5px; }
.content .formError {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	padding: 5px;
	margin: 0;
}
.content .submitBtn {
	background-color: #333333;
	padding: 5px 10px;
	margin: 0;
	color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.content .submitBtn:hover { background-color: #9e1d21; }

/* article */
article section p { font-size: 14px; line-height: 20px; padding: 0; margin: 0 0 25px 0; }
article section .quote {
	width: 250px;
	float: right;
	color: #ffffff;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	margin: -20px 30px 0 0;
	line-height: 35px;
	text-align: center;
	background-color: #0052a5;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
article section .quoteText { font-size: 48px; font-weight: bold; vertical-align: bottom; }
article section ul { list-style: none; padding: 0; margin: 0 0 5px 0; font-size: 14px; }
article section li {
	background: url(../images/bgList.png) 0 6px no-repeat;
	margin: 0;
	padding: 0 0 15px 25px;
	line-height: 20px;
}
article section .box { float: left; width: 250px; padding: 0 45px; margin: 0 0 25px 0; }
article section .last {  border-right: none; }
article section .box  h3 { font-size: 18px; padding: 15px 0; margin: 0; text-transform: uppercase; }
article section .box  h4 { font-size: 12px; padding: 15px 0 8px 0; margin: 0; font-weight: bold; }
article section .box  p { font-size: 12px; padding: 0; margin: 0 0 25px 0; }
article section .box img { padding: 0; margin: 0; border: 1px solid #ecebeb; }
article section .box ul { padding: 0; margin: 0; list-style-type: none; }
article section .box ul li { font-size: 12px; line-height: 10px; }



.content {
	padding: 15px;
	margin: 0 15px 25px 0;
	width: 683px;
	min-height: 1110px;
	height: auto !important;
	height: 1110px;
	float: left;
	background-color: #ffffff;
}

/* ~~ 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. */
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
.content h1 { font-size: 26px; color: #333333; padding: 0; margin: 0 0 15px 0; }
.content h2 { font-size: 20px; color: #9e1d21; padding: 0; margin: 0 0 15px 0; }
.content h3 { font-size: 18px; color: #9e1d21; padding: 0; margin: 0 0 15px 0; }
.content .alignright { float: right; margin-left: 25px; }
.content .alignleft { float: left; margin-right: 25px; }
.content a.button {
	float: right;
	width: 120px;
	background-color: #363535;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 5px 15px;
	margin: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.content a:hover.button { background-color: #9e1d21; }

.content table.extraPage { font-size: 14px; line-height: 18px; width: 600px; padding: 0; margin: 0 auto; border-style: solid; border-width: 1px; border-spacing: 1px; border-color: #dfdfdf; }
.content .extraPage th { color: #ffffff; padding: 5px; margin: 0; text-align: left; background: #0f93dc; }
.content .extraPage td { color: #0052a5; padding: 5px; margin: 0; text-align: left; background: #ededed; }

.content .standardPhotoGallery {
	background: url(../images/photos/35.jpg) bottom no-repeat #dfdfdf;
	width: 600px;
	height: 210px;
	margin: 0 auto;
	padding: 0;
}
.content .standardPhotoGallery p { padding: 10px; margin: 0; }

/* portfolio style */
.content .portfolio {
	float: left;
	width: 300px;
	background-color: #ededed;
	border: 1px solid #dfdfdf;
	padding: 0 0 5px 0;
	margin: 0 12px 15px 25px;
}
.content .portfolio img {
	width: 300px;
	height: 127px;
	padding: 0;
	margin: 0;
}
.content .portfolio p {
	font-size: 11px;
	padding: 0 15px;
	margin: 0;
	line-height: 12px;
}
.content .portfolio a { text-decoration: none; font-weight: normal; }

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* sidebar */
.sidebar1 {
	float: right;
	width: 230px;
	padding-bottom: 10px;
}
.sidebar1 aside { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ecebeb; }
.sidebar1 aside h3 { font-size: 20px; color: #9e1d21; padding: 0; margin: 0 0 15px 0; }
.sidebar1 aside p { line-height: 18px; }
.sidebar1 aside ul { float: right; padding: 0; margin: 0; list-style-type: none; }
.sidebar1 aside ul.small { width: 160px; }
.sidebar1 aside ul li { background: url(../images/bgList.png) 0 7px no-repeat; padding: 0 0 0 25px; margin: 0 0 5px 0; line-height: 18px; }
.sidebar1 aside ul li a { text-decoration: none; }
.sidebar1 aside ul li a:hover { text-decoration: underline; }
.sidebar1 aside a.button {
	float: right;
	width: 120px;
	background-color: #363535;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 5px 15px;
	margin: 10px 0 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sidebar1 aside a:hover.button { background-color: #9e1d21; }
.sidebar1 aside img { float: left; padding: 0; margin: 0 10px 0 0; }



/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
.sidebar1 nav { padding: 0; margin: 0 0 27px 0; }
.sidebar1 nav ul { list-style: none; border-bottom: 1px solid #ecebeb; }
.sidebar1 nav ul li { width:230px; height: 38px; padding: 0; }
.sidebar1 nav ul li a {
	color: #898888;
	text-decoration: none;
	padding: 0 0 0 56px;
	display: block;
	background: url(../images/bgNav.png) no-repeat left top;
	line-height: 38px;
	font-size: 14px;
}
.sidebar1 nav ul li a:hover { color:#fff; background: url(../images/bgNav.png) no-repeat left bottom; }
.sidebar1 nav .title1 { background: url(../images/bgTitle1.png) no-repeat; width: 210px; height: 37px; padding: 10px 0 0 20px; margin: 0; }
.sidebar1 nav .title1 h3 { color: #ffffff; font-size: 18px; font-weight: bold; padding: 0; margin: 0; }

/* ~~ Animated sidebar navigation ~~ */
#sidebarNav a {
	color: #898888;
	text-decoration: none;
	padding: 0 0 0 56px;
	display: block;
	background: url(../images/bgNav.png) no-repeat left top;
	line-height: 38px;
	font-size: 14px;
}
#sidebarNav a:hover { color: #ffffff; padding: 0 0 0 70px; }
#sidebarNav li span {
	color: #ffffff;
	text-decoration: none;
	padding: 0 0 0 70px;
	display: block;
	background: url(../images/bgNav.png) no-repeat 0 -38px;
	line-height: 38px;
	font-size: 14px;
}

/* footer */
footer .footerContent { width: 960px; padding: 0; margin: 0 auto; }
footer .footerContent form  { margin-left: 18px; }
footer .footerContent .box { float: left; padding: 0; margin: 0 25px 0 0; width: 215px; }
footer .footerContent .box ul { list-style-type: none; padding: 0; margin: 0; }
footer .footerContent .box ul li { border-bottom: 1px dotted #666666; padding: 15px 0; margin: 0; }
footer .footerContent .box ul li a { color: #666666; font-size: 14px; text-decoration: none; display: block; }
footer .footerContent .box ul li a:hover { color: #ffffff; }
footer .footerContent .box h3 { color: #ffffff; font-size: 22px; font-weight: normal; padding: 0; margin: 0 0 15px 0; }

/* copyright */
#copyright address { width: 960px; padding: 0; margin: 0 auto; text-align: center; }
#copyright address span { float: right; padding: 0; margin: -5px 0 0 0; }