/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#FFFFFF; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

h1 { color: #328abe; font-size: 28pt; padding: 0 0 10px 0; text-transform: uppercase }
h2 { color: #328abe; font-size: 18pt; padding: 0 0 0 0; text-transform: uppercase }
h3 { color: #328abe; font-size: 14pt; padding: 0 0 0 0; text-transform: uppercase }

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.385em; color:#5b6c7d;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#328abe;}
a:hover{text-decoration:none;}
p {padding-top:17px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 44px 0 0; float:left;}
.phone{ float:right; padding-right:80px;}
.space1{ margin-left:70px;}
.space2{ margin-left:76px;}
.space3{ margin-left:33px;}
.padding1{ padding-top:20px;}
.padding2{ padding:20px 45px 0 0;}
.padding3{ padding-top:12px;}
.margin1{ margin-top:17px;}
.margin2{ margin-top:30px;}

/* ============================= header ====================== */
#header{ }
#header .top{ width:100%; height: 100px; padding: 10px 0; position: relative; }
#header .top .contact { top: 20px; right: 20px; position: absolute; }
#header .top .contact a { font-size: 10px; }
#header .feature { width: 100%; height: 268px; background: url(images/building-bridges2.jpg); }

#header .link{ padding-right:37px; text-align:right;}
#header .link a{ display:inline-block; background:url(images/header-link-tail.gif) top repeat-x; color:#ffffff; text-decoration:none; margin:11px 0 0 0; font-size:1.077em;}
#header .link a span{ display:block; background:url(images/header-link-left-bg.gif) left top no-repeat;}
#header .link a span span{ background:url(images/header-link-right-bg.gif) right top no-repeat; padding:5px 25px 6px 24px;}
#header .link a:hover{ background:url(images/header-link-tail-act.gif) top repeat-x;}
#header .link a:hover span{ background:url(images/header-link-left-bg-act.gif) left top no-repeat;}
#header .link a:hover span span{ background:url(images/header-link-right-bg-act.gif) right top no-repeat;}

#header .menu{ width:100%; height: 28px; background:url(images/menu-tail.gif) top repeat-x; padding:16px 0 14px 0;}
#header .menu ul{ padding-left:8px;}
#header .menu li{ float:left; font-size:1.077em; padding:0 15px;}
#header .menu a{ color:#47535f; text-decoration:none; display:inline-block; }
#header .menu a span{ display:block;}
#header .menu a span span{ padding:4px 21px 6px 21px;}
#header .menu a:hover, #header .menu .active{background:url(images/menu-item-tail.gif) repeat-x; color:#FFFFFF; text-decoration:none; color:#ffffff;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-left-bg.gif) no-repeat;}
#header .menu a:hover span span, #header .menu .active span span{ background:url(images/menu-item-right-bg.gif) top right no-repeat;}

/* ============================= content ====================== */
#content{ padding:70px 19px 59px 11px;}
.extra{ padding-bottom:35px !important;}

.row-1{ font-size:1.154em; line-height:1.467em;}
.row-1 strong{ color:#328abe; font-weight:bold; }
.title{ padding-bottom:32px;}

.row-2{ width:100%; padding-top:30px; overflow:hidden;}
.row-2 .title{ border-bottom:solid 1px #b0bec7; padding-bottom:9px; margin-bottom:30px;}
.row-2 strong{ color:#328abe; text-decoration:underline; display:block; padding-bottom:6px;}
.row-2 .strong1{ text-decoration:none; padding-bottom:0;}

.list li{ line-height:1.846em; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:28px;}
.list a{ text-decoration:none; color:#5b6c7d;}
.list a:hover{ color:#328abe; text-decoration:underline;}

.list2 li{ line-height:1.846em; background:url(images/list2-marker.gif) no-repeat 0 5px; padding-left:28px;}
.list2 a{ text-decoration:none; color:#5b6c7d;}
.list2 a:hover{ color:#328abe; text-decoration:underline;}

#content .link{ background:url(images/link-bg.gif) no-repeat 0 5px; padding-left:13px; display:inline-block; margin-top:19px;}
.link2{ background:url(images/link2-bg.gif) no-repeat 0 2px; padding-left:23px; font-size:1.154em; display:inline-block; margin-bottom:8px;}
.link3{ text-decoration:none; display:inline-block; margin-top:13px;}
.link3:hover{ text-decoration:underline;}

.block1{ background:url(images/block1-bg.gif) no-repeat 0 0; padding:3px 0 0 53px;}
.block2{ background:url(images/block2-bg.gif) no-repeat 0 0; padding:3px 0 0 53px;}
.block3{ background:url(images/block3-bg.gif) no-repeat 0 0; padding:3px 0 0 53px;}
.block4{ background:url(images/block4-bg.gif) no-repeat 0 0; padding:3px 0 0 53px;}
.block5{ background:url(images/block5-bg.gif) no-repeat 0 0; padding:3px 0 0 53px;}
.block6{ background:url(images/block6-bg.gif) no-repeat 0 0; padding:3px 0 0 53px;}

.box{ background:url(images/box-tail.gif) bottom repeat-x #338bbe; width:100%; margin:27px 0 0 0;}
.box .left-top{ background:url(images/box-corner-left-top.gif) left top no-repeat;}
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box .indent{ padding:15px 20px 25px 22px;}
.box .title{ border:none; margin:0;}

.contacts{ line-height:1.2em;}
.mail{ color:#328abe;}

/* ============================= footer ====================== */
#footer{ border-top:solid 2px #b0bec7; text-align:center; font-size:0.923em;}
#footer .text{ padding:23px 5px 0 0;}
#footer a{ color:#5b6c7d;}

/* ============================= forms ============================= */
#SignupForm input{ border:solid 0px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 2px 2px 5px; width:145px;}
#SignupForm a{ display:inline-block; background:url(images/form-link-tail.gif) top repeat-x; color:#276baa; text-decoration:none; font-size:0.923em; font-weight:bold; vertical-align:middle; margin-left:9px; cursor:pointer;}
#SignupForm a span{ display:inline-block; background:url(images/form-link-left-bg.gif) left top no-repeat;}
#SignupForm a span span{ background:url(images/form-link-right-bg.gif) right top no-repeat; padding:1px 11px 2px 12px;}
#SignupForm a:hover{ background:url(images/form-link-tail-act.gif) top repeat-x; color:#ffffff;}
#SignupForm a:hover span{ background:url(images/form-link-left-bg-act.gif) left top no-repeat;}
#SignupForm a:hover span span{ background:url(images/form-link-right-bg-act.gif) right top no-repeat;}

#ContactForm{ }
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #b0bec7; font-family:Arial, Helvetica, sans-serif; font-size:0.867em; color:#5b6c7d; padding:1px 0 1px 3px; width:240px;}
#ContactForm textarea{ border:solid 1px #b0bec7; font-family:Arial, Helvetica, sans-serif; font-size:0.867em; color:#5b6c7d; padding:1px 0 1px 3px; width:240px; margin-top:3px; height:78px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 28px; font-size:0.867em; line-height:1.385em;}

div.post { margin: 0 0 25px 0; }
.column-3 p { padding-top: 0px; }
div.sidebar-item { margin-bottom: 40px;  }
div.sidebar div.title { padding-bottom: 9px; border-bottom: 1px solid #B0BEC7; margin-bottom: 10px; }

#contact_form { margin: 0 auto; width: 50%; padding: 10px; }
#contact_form ul { list-style-type: none; margin: 0; padding: 0; }
#contact_form ul li { display: block; padding: 10px 0; clear: both; }
#contact_form ul li h1 { padding: 0; margin: 0; }
#contact_form ul li input.txt { width: 100%; padding: 3px; display: block; }
#contact_form ul li select { width: 100%; padding: 3px; display: block; }
#contact_form textarea { width: 100%; height: 75px; }
#contact_form ul li label { display: block; color: #666; font-size: 11px; font-style: italic; }
#contact_form ul li label.question { color: black; font-size: 12px; font-style: normal; font-weight: bold; }
span.form_e { font-size: 12pt; color: red; position: absolute; }

/* WP Style */
#contact_form input.txt, #contact_form textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C6D9E9;
}
#contact_form input.txt, #contact_form textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000;
font-size:14px;
margin-right:2px;
padding:6px;
vertical-align:top;
}
.submit input:hover, .button:hover, .button-secondary:hover, input[type="button"]:hover, input[type="submit"]:hover {
border-color:#666666;
color:#000000;
}
.submit input, .button, .button-secondary, input[type="button"], input[type="submit"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 url(images/white-grad.png) repeat-x scroll left top;
}
.submit input, .button, .button-primary, .button-secondary, input[type="button"], input[type="submit"] {
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
-moz-box-sizing:content-box;
-x-system-font:none;
border:1px solid #BBBBBB;
color:#464646;
cursor:pointer;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
padding:2px 8px !important;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;
}
