﻿body { margin:0; padding:0; font-family:Arial, Sans-Serif; font-size:12px; color:#333; background-color:#6D6E71; }
form { margin:0; padding:0; }
.clear { float:none; clear:both; }
.sIFR-alternate { display:none; }

a { color:#256387; text-decoration:none; }
a:hover { color:#256387; text-decoration:underline; }
a:visited { color:#256387;}

h1 { margin:0; padding:0; font-size:20px; }
h2 { margin:0; padding:0; font-size:18px; }
h3 { margin:0; padding:0; font-size:16px; }
h4 { margin:0; padding:0; font-size:14px; }
h5 { margin:0; padding:0; font-size:12px; }
h6 { margin:0; padding:0; font-size:11px; }
p { margin:0; padding:0 0 10px 0; font-size:12px; }

.mainContainer { width:1000px; margin:0 auto; }
/*.mainContainerTop { background:url(../images/layout/maincontainer-top.png) no-repeat; width:1051px; height:12px; }*/
.mainContainerContent { background:url(../images/layout/maincontainer-repeat.png) repeat-y; width:1028px; padding:5px 14px 0 9px; }
.mainContainerBottom { background:url(../images/layout/maincontainer-bottom.png) no-repeat; width:1051px; height:26px; }

.masthead { background:url(../images/layout/masthead-bg.png) no-repeat center top; padding-top:50px; margin:0 0 0 4px; }
.masthead .logo { background:url(../images/layout/logo.png) no-repeat; margin:0 0 0 17px; padding:0; float:left; }
.masthead .logo, .masthead .logo a { display:block; width:210px; height:43px; }
.masthead .logo a span { display:none; }
.masthead .contactinfo { float:right; margin:0 25px 0 0; }
.masthead .contactinfo dt { margin:0; padding:0 0 5px 0; float:left; clear:left; }
.masthead .contactinfo dd { margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #256387; float:left; }
.masthead .contactinfo .phonetitle { display:block; background:url(../images/layout/phone-title.png) no-repeat right center; width:30px; height:19px; text-indent:-10000px; }
.masthead .contactinfo .phonenumber { display:block; background:url(../images/layout/phone-number.png) no-repeat right center; width:88px; height:19px; text-indent:-10000px; }
.masthead .contactinfo .emailtitle { display:block; background:url(../images/layout/email-title.png) no-repeat right center; width:30px; height:19px; text-indent:-10000px; }
.masthead .contactinfo .emailus { display:block; background:url(../images/layout/email-us.png) no-repeat right center; width:51px; height:19px; text-indent:-10000px; }

.masthead .nav-container { background:url(../images/layout/content-top.png) no-repeat; width:1010px; height:78px; margin:20px 0 0 0; padding:5px 8px 0 4px; }
.masthead .nav-content { background-color:#fff; padding:0 13px 0 12px; height:78px; }
.masthead .nav { list-style:none; margin:0; padding:0; background:url(../images/layout/nav-repeat.png) repeat-x; height:36px; }
.masthead .nav li { float:left; height:36px; }
.masthead .nav .pipe { background:url(../images/layout/nav-pipe.png) no-repeat left center; }
.masthead .nav li h3 { margin:0; padding:0; font-size:11px; }
.masthead .nav li h3 a { display:block; height:36px; padding:0 20px; background-position:center 12px !important; }
.masthead .nav li h3 a span { display:none; }
.masthead .nav .hover { background:url(../images/layout/nav-on-repeat.png) repeat-x; }
.masthead .nav .hover h3 { background:url(../images/layout/nav-arrow.png) no-repeat center bottom; }
.masthead .nav .hover h3 a { background-position:center -25px !important; }

.masthead .nav li .home a { background:url(../images/layout/nav-home.png) no-repeat; width:33px; }
.masthead .nav li .about a { background:url(../images/layout/nav-about.png) no-repeat; width:54px; }
.masthead .nav li .contact a { background:url(../images/layout/nav-contact.png) no-repeat; width:63px; }
.masthead .nav li .news a { background:url(../images/layout/nav-news.png) no-repeat; width:97px; }
.masthead .nav li .services a { background:url(../images/layout/nav-services.png) no-repeat; width:49px; }
.masthead .nav li .practices a { background:url(../images/layout/nav-practices.png) no-repeat; width:83px; }
.masthead .nav li .clients a { background:url(../images/layout/nav-clients.png) no-repeat; width:40px; }
.masthead .nav li .gallery a { background:url(../images/layout/nav-gallery.png) no-repeat; width:42px; }

.content { background:url(../images/layout/content-bottom.png) no-repeat center bottom; padding:0 20px 20px 20px; min-height:581px; margin-top:-25px; }

.content .pagetitle { margin:0 200px 20px 10px; padding:0; color:#256387; font-size:22px; border-bottom:1px solid #256387; }
.content .contentheader { margin:0 100px 20px 0; padding:0; color:#256387; font-size:16px; border-bottom:1px solid #256387; }
.content .sidebartitle { margin:0 20px 20px 10px; padding:0; color:#256387; font-size:22px; border-bottom:1px solid #256387; }
.content .sidebarheader { margin:0 20px 20px 10px; padding:0; color:#256387; font-size:16px; }

.content .tsb { background:url(../images/layout/tsb.png) no-repeat left top; width:644px; padding:5px 9px 0 6px; }
.content .tsb .tsbcontent { background-color:#fff; padding:10px 20px 10px 10px; }

.contact-form { margin:20px 10px 0px 10px; position:relative; }
.contact-form h3 { color:#256387; font-size:14px; margin:2px 0px }
.contact-form input[type="text"] { padding:4px; width:350px; border:1px solid #999; margin-bottom:5px; }
.contact-form textarea { padding:4px; width:350px; border:1px solid #999; margin-bottom:5px; }
.contact-form input[type="button"] { display:block; clear:both; }

.contact-form .validationfail { border:1px solid red !important; margin:0; }
.contact-form .validationpass { border:1px solid #99CC66 !important; margin:0; }
.contact-form .validationexplination { display:inline-block; font-size:11px; color:#666; line-height:24px; vertical-align:middle; margin-left:10px; height:24px; }
.contact-form .good { background:url(../images/valid.png) no-repeat; padding-left:30px; }
.contact-form .error { background:url(../images/invalid.png) no-repeat; padding-left:30px; }

.contact-form .error-box { display:none; font-weight:bold; border: #FF0000 1px solid; background-color:#ffb3b3; padding: 10px; margin-bottom:2px; font-size: 120%; }
.contact-form .success-box { display:none; font-weight:bold; border: #99CC66 1px solid; background-color:#CCFFCC; padding: 10px; margin-bottom:2px; font-size: 120%; }

.loader { position:absolute; right:90px; top:40px; text-align:center; font-weight:bold; margin:auto; display:none; }
.loader img { display:block; padding-bottom:4px; margin:auto; }

.content .maincontent { width:659px; float:left; }
.content .sidebar { width:326px; float:right; }
.content .sidebar .tsb { background:url(../images/layout/sidebar-tsb.png) no-repeat; width:312px; padding:5px 8px 0 6px; }
.content .sidebar .tsb .tsbcontent { padding:10px; min-height:127px; }

.footer { background-color:#256387; color:#fff; padding:5px; margin:0 10px 0 8px; text-align:center; }
.footer dl { margin:0; padding:0; display:inline; }
.footer dt { margin:0; padding:0; display:inline; }
.footer dd { margin:0; padding:0; display:inline; }
.footer .np { display:none; }


.npOverlay { background:#000; }
.npContainer { display:none; position:absolute; left:50%; top:15%; background:#FFF; color:#333; border:1px dotted solid; padding:10px; }

.npTitle { background:#346c9e; padding:3px; }
.npTitle h1 { color:White; font-weight:bold; font-size:14px; padding:5px; margin:0; }

.npClose .modalClose span { display:none; }
.npClose .modalClose:hover { background-position:0 -20px; }
.npClose .modalClose { border:1px dotted #DDDDDD; cursor:pointer; width:20px; height:20px; display:block; float:right; background:transparent url(../images/close_icon_double_2.png) 0 0 no-repeat; }
