@charset "UTF-8";
#content #introbox.based { background-image: url(../img/contact/based-bg.jpg); width: 874px; height: 606px; padding: 32px 33px 22px; margin-bottom: 35px; }
header .wrap.questions { background-image: url(../img/questions/header.png); width: 331px; height: 152px; padding: 136px 0px 0px 629px; }
header .wrap.resources { background-image: url(../img/resources/header.png); width: 391px; height: 145px; padding: 143px 0px 0px 569px; }

.prices { padding: 0px; margin: 20px 0px; }
th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #108aad; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA; }
th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; }
th.spec { border-left: 1px solid #C1DAD7; border-top: 0; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #108aad; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #6D929B; font-size: 13px; }
td.alt { background: #F5FAFA; color: #B4AA9D; }
.pricing { font-size: 1.1em; margin-bottom: 35px; }
.left-col { width:581px; float:left; }
.right-col { width:350px; float:right }
.left-col ul { list-style-type:none; float:left; }
.left-col ul.right-ul { list-style-type:none; margin-left:50px; }
.left-col ul.resource { list-style-type:none; width:400px; }
.left-col li { margin-bottom:10px; border-bottom:1px solid #c0c0c0; padding-bottom:10px; }
.left-col li p { font-size:1.2em!important; margin:0px; padding:0px; }
.left-col li a { color:#0e7ca3; text-decoration:none; font-size:1.4em; }
.left-col .area { margin-left:40px; }
.terms{ font-size: 12px; line-height: 1.5em; }
h2.works { background-image:url(../img/resources/works.png); background-repeat: no-repeat; padding-left:40px; }
h2.sitemap { background-image:url(../img/resources/sitemap-icn.png); background-repeat: no-repeat; padding-left:40px; padding-bottom:5px; }
h2.privacy { background-image:url(../img/resources/privacy.png); background-repeat: no-repeat; padding-left:30px; background-position:0px 5px; }
h2.info { background-image:url(../img/resources/info.png); background-repeat: no-repeat; padding-left:40px; background-position:10px 5px; }
h2.changes { background-image:url(../img/resources/changes.png); background-repeat: no-repeat; padding-left:45px; background-position:10px 5px; }
h2.links { background-image:url(../img/resources/links.png); background-repeat: no-repeat; padding-left:40px; background-position:10px 5px; }
.three-col { width:280px; float:left; margin-left:px; padding-right:30px; }
.three-col .middle { width:280px; float:left; margin-left:px; padding-right:30px; border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0; }
.three-col p { font-size:1.2em; margin-left:40px; }
p.areas { font-size:1.2em; }

h2.trigger { padding: 0 0 0 16px; margin: 0 0 5px 0; background: url(../img/resources/faq-toggle.jpg) no-repeat; background-position:left 0px; background-repeat: no-repeat; height: 41px; line-height: 40px; width: 555px; font-size: 1.4em; font-weight: normal; float: left; }
h2.trigger a { color: #666; text-decoration: none; display: block; outline: none; }
h2.trigger a:hover { color: #258093; }
h2.active { background-position: left -40px; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { margin: 0 0; padding: 0; background: #FFF left top; overflow: hidden; font-size: 1.2em; width: 560px; clear: both; float:left; border:none; }
.toggle_container .block { padding: 5px 20px; /*--Padding of Container--*/ background: no-repeat left bottom #FFF; /*--Bottom rounded corners--*/ }
.toggle_container .block p { }
.toggle_container .block span { font-size:1em!important; }

.left h2.trigger { padding: 0 0 0 16px; margin: 0 0 5px 0; background: url(../img/resources/small-faq-toggle.jpg) no-repeat; background-position:left 0px; background-repeat: no-repeat; height: 41px; line-height: 40px; width: 555px; font-size: 1.4em; font-weight: normal; float: left; }
.left h2.trigger a { color: #666; text-decoration: none; display: block; outline: none; }
.left h2.trigger a:hover { color: #258093; }
.left h2.active { background-position: left -40px; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.left .toggle_container { margin: 0 0; padding: 0; background: #FFF left top; overflow: hidden; font-size: 1.2em; width: 420px; clear: both; float:left; border:none; }
.left .toggle_container .block { padding: 5px 15px 15px; /*--Padding of Container--*/ background: no-repeat left bottom #FFF; /*--Bottom rounded corners--*/ }
.left .toggle_container .block p { }
.left .toggle_container .block span { font-size:1em!important; }

.right h2.trigger { padding: 0 0 0 16px; margin: 0 0 5px 0; background: url(../img/resources/small-faq-toggle.jpg) no-repeat; background-position:left 0px; background-repeat: no-repeat; height: 41px; line-height: 40px; width: 555px; font-size: 1.4em; font-weight: normal; float: left; }
.right h2.triggertop { padding: 0 0 0 16px; margin:70px 0 5px 0; background: url(../img/resources/small-faq-toggle.jpg) no-repeat; background-position:left 0px; background-repeat: no-repeat; height: 41px; line-height: 40px; width: 555px; font-size: 1.4em; font-weight: normal; float: left; } 
.right h2.triggertop a {  color: #666; text-decoration: none; display: block; outline: none; }
.right h2.triggertop a:hover { color: #258093; }
.right h2.trigger a { color: #666; text-decoration: none; display: block; outline: none; }
.right h2.trigger a:hover { color: #258093; }
.right h2.active { background-position: left -40px; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.right .toggle_container { margin: 0 0; padding: 0; background: #FFF left top; overflow: hidden; font-size: 1.2em; width: 420px; clear: both; float:left; border:none; }
.right .toggle_container .block { padding: 5px 15px 15px; /*--Padding of Container--*/ background: no-repeat left bottom #FFF; /*--Bottom rounded corners--*/ }
.right .toggle_container .block p { }
.right .toggle_container .block span { font-size:1em!important; }