/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:url(img/bg.jpg) no-repeat #fff;background-position:center top;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.8em;line-height:1;margin-bottom:0.5em;letter-spacing: -0.05em;color:#388D90;}
.viewl h1 {color:#ccc;}
h2 {font-size:2.3em;margin-bottom:0.75em;letter-spacing: -0.05em;color:#4C4C4C;}
h2.packages {font-size:1.5em;color:#4C4C4C;}
h3 {font-size:2em;line-height:1;margin-bottom:1em;letter-spacing: -0.05em;color:#4C4C4C;}
h3 a {color:#4C4C4C;}
h4 {font-size:1.5em;line-height:1.25;margin-bottom:1.25em;letter-spacing: -0.05em;color:#4C4C4C;text-transform:uppercase}
h5 {font-size:1.3em;font-weight:bold;margin-bottom:1.5em;letter-spacing: -0.05em;color:#555}
.testform h5 {margin-top:1.5em;font-size:1.5em;margin-bottom:1.0em;}
h6 {font-size:1.2em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#639;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight,.hilite {background:#ff9;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.container {width:953px;margin:0 auto;}
#logo {width:182px;height:52px;float:left;margin:17px 0 0 10px;}
#logo a {background:url(img/logo.png) no-repeat; width:182px;height:52px;display:block;text-indent:-9000em;}
#top {width:757px;height:48px;float:left;}
#tagline {float:left;line-height:48px;margin-left:30px;font-size:.9em;}
#tagline a {color:#222; text-decoration:none}
* html #tagline, * html #logo { display:inline; }
#quote {float:right;}
#quote a {background:url(img/request-quote.png) no-repeat; width:179px;height:10px;display:block;text-indent:-9000em;margin:22px 27px 0 0;}
#menu {background:url(img/menu.png) no-repeat; width:748px;height:45px;float:right;}

#quote-form {padding:10px}
#quote-form label {}

ul.mainnav {padding: 0 20px;margin: 3px 0 0 90px;float:left;width:395px}
* html ul.mainnav { display:inline; }
ul.mainnav li, ul.othernav li {float: left;margin: 0;padding: 0;position: relative; }
ul.mainnav li a{padding: 0 15px;color: #B2B2B2;display: block;text-decoration: none;float: left;line-height:42px;font-size: 1.3em;}
ul.mainnav li a:hover{background: #2A2A2A; color:#ccc;}
ul.othernav {margin: 3px 0 0 0px;float: left;width:218px}
ul.othernav li a{padding: 0 15px;color: #B2B2B2;display: block;text-decoration: none;float: left;}
ul.othernav li a#website-menu, ul.othernav li a#more-menu {height:13px;padding:14px;text-indent:-9000em;}
ul.othernav li a#website-menu {background:url(img/websites.png) no-repeat;width:90px;background-position:24px 14px;border-right:1px solid #666}
ul.othernav li a#more-menu {background:url(img/more.png) no-repeat;width:50px;background-position:18px 14px;}
ul.mainnav li ul.subnav, ul.othernav li ul.subnav {font-size: 1em;list-style: none;position: absolute;left: 0; top: 41px;background: #2A2A2A;margin: 0; padding: 0;display: none;float: left;width: 170px;}
ul.mainnav li ul.subnav li, ul.othernav li ul.subnav li{margin: 0; padding: 0;border-bottom: 1px solid #191919;clear: both;width: 170px;}
html ul.mainnav li ul.subnav li a, html ul.othernav li ul.subnav li a {float: left;background: #2A2A2A;line-height:32px !important;font-size:1em !important;width: 139px;}
html ul.mainnav li ul.subnav li a:hover, html ul.othernav li ul.subnav li a:hover {background: #191919; }

.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em;z-index:99;}
.sf-menu li#mlast:hover ul,.sf-menu li#mlast.sfHover ul {left:-69px;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;	top:0;}
.sf-menu a.sf-with-ul {padding-right:1.75em;min-width:1px;}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#2A2A2A;outline:0;color:#ccc;}
.sf-sub-indicator {position:absolute;display:block;right:.85em;top:1.55em;width:7px;height:7px;text-indent:-999em;overflow:hidden;background:url(img/arrows-ffffff.png) no-repeat -3px -69px;}
a > .sf-sub-indicator {top:.8em;background-position: 0px -69px;}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position: -8px -69px;}
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}

#undermenu {background:url(img/content.png) no-repeat;width:950px;height:13px;clear:both}
* html #undermenu {margin-bottom:-5px;}
#content{background:#fff;overflow:hidden;clear:both;width:950px}
#teaser {background:url(img/teaser.jpg) no-repeat #fff;width:950px;background-position:0 10px;height:210px;padding-top:10px;border-bottom:6px solid #9BEAEB;}
.see-logos {width:473px;float:left;}
.see-logos a {width:85px;height:68px;float:right;display:block;background:url(img/see.gif) no-repeat;margin-top:65px;}
.see-logos a:hover {background-position:bottom left;}
#tdiv {float:right;width:476px;height:209px;}
#uteaser {background:url(img/uteaser.png) no-repeat;width:950px;height:33px;}
#uteaser #compare {padding-left:24px;}
#uteaser #teasernav {list-style: none;padding-left:30px}
#uteaser #compare a, #uteaser #see-works a,#uteaser #start a {padding:8px 30px 7px 30px;float:left;margin-right:3px;}
#uteaser a:hover, #uteaser #start a,ul#teasernav li.activeLI {background:url(img/utbg.png) repeat-x;}
#uteaser #teasernav li:hover {background:#9BEAEB;}
#uteaser #teasernav li {float:left;cursor:pointer; cursor: hand;color:#fff;line-height:33px;padding:0 5px 0 5px; margin:0 2px 0 2px; }
#uteaser #enter-gallery a {padding:8px 10px 7px 10px;float:left;color:#fff;font-weight:bold;text-decoration:none;}
#uteaser div, #uteaser ul {float:left;}

#hcont {margin-top:33px;width:950px;clear:both}
#hcont-left,#hcont-center,#hcont-right{float:left}
#hcont-left {width:245px;border-right:1px solid #ddd;padding:0 20px 0 20px;}
#hcont-center {width:340px;border-right:1px solid #ddd;padding:0 20px 0 20px;}
#hcont-right {width:260px;padding:0 0 0 20px;}

#logo-will-be {list-style:none;padding-left:0;margin:0 0 1.5em 0;}
#logo-will-be li {height:68px;padding-left:55px;padding-top:7px}
#logo-will-be #affordable {background:url(img/icns/tag.png) no-repeat}
#logo-will-be #turnaround {background:url(img/icns/turnaround.png) no-repeat}
#logo-will-be #guaranteed {background:url(img/icns/guaranteed.png) no-repeat}
#logo-will-be #unique {background:url(img/icns/blackboard.png) no-repeat}
#logo-will-be #any-purpose {background:url(img/icns/briefcase.png) no-repeat}

ul.tabs {list-style: none;height: 32px;border-bottom: 1px solid #9BEAEB;border-left: 1px solid #9BEAEB;width: 100%;float:left;margin: 0;	padding: 0;}
ul.tabs li {float: left;height: 31px;line-height: 31px;border: 1px solid #9BEAEB;border-left: none;margin-bottom: -1px;background: #9BEAEB;overflow: hidden;position: relative;margin: 0;	padding: 0;}
ul.tabs li a {text-decoration: none;color: #000;display: block;padding: 0 20px;border: 1px solid #fff;outline: none;}
ul.tabs li a:hover {background: #83D4D5}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}
.tab_container {border: 1px solid #9BEAEB;border-top: none;clear: both;float: left; width: 100%;background: #fff;margin-bottom:20px;}
.tab_content {padding: 20px;font-size: .9em;}

#icont-center {float:left; width:690px;padding:25px 14px 20px 25px;background: #fff;}
#icont-left {float:left; width:200px; padding:20px 10px 10px 10px;}
#icont-left a {margin-bottom:5px;display:block;}
#icont-left a#start-logo, #bot a#start-logo {width:198px;height:33px;display:block;background:url(img/start3.png) no-repeat;text-indent:-9000em;margin-top:5px;margin-bottom:25px}
#bot a#start-logo {margin:20px 30px;}
#icont-left a#start-logo:hover, #bot a#start-logo:hover {background-position:bottom left;}
.pkg {list-style:none;clear:both;margin-bottom:30px;min-height:100px;padding-top:20px;border-top:2px dashed #9BEAEB}
.pkg li {float:left;width:124px;height:170px;position:relative;}
.pkg li a {display:block;width:98px;height:170px;}
.pkg li a#pk1 {background:url(img/pkg/1.jpg) no-repeat;}
.pkg li a#pk2 {background:url(img/pkg/2.jpg) no-repeat;}
.pkg li a#pk3 {background:url(img/pkg/3.jpg) no-repeat;}
.pkg li a#pk4 {background:url(img/pkg/4.jpg) no-repeat;}
.pkg li a#pk5 {background:url(img/pkg/5.jpg) no-repeat;}
.pkg li img.shadow {position:absolute;bottom:-15px;left:0;}
.pkg h6 {margin: 0 0 10px 35px; color:#999; font-size:20px}
.pkg div {float:left}
a.select {width:92px;height:30px;margin-right:15px;display:block;background:url(img/pkg/select.png) no-repeat;text-indent:-9000em;}
a.select:hover {background-position:bottom left;}
.pkg .desc {width:230px;float:right}
.pkg .desc .small {color:#555;}
.pkg:hover p.light {color:#444;}

table.packages {margin-bottom:70px}
table.packages, table.packages tr, table.packages td, table.packages th {border-style:solid;border-width:1px;border-color:#fff;border-collapse:collapse;font-size:99%;}
table.packages td, table.packages th {padding:5px 5px;text-align:center}
table.packages td.aleft {text-align:left}
table.packages h3 {color:#3082FF;text-align:left}
td.aleft i {color:#444;font-style:normal;}
td.aleft i.ttip {cursor:pointer;padding-right:18px;background:url(img/icns/help.png) no-repeat;background-position:center right;}
table.packages th {font-size:1.3em;}
table.packages th a {color:#333;}
table.packages th span {font-weight:normal;}
table.packages a.select {width:61px;height:20px;margin-right:15px;display:block;background:url(img/pkg/select2.png) no-repeat;text-indent:-9000em;margin:0 auto;}
table.packages a.select:hover {background-position:bottom left;}
.aToolTip {background:#777;border:1px solid #fff;padding:15px 15px 0 15px;display:none;color:#fff;text-align:left;}
.processtext {padding: 15px; float: left; width: 520px; margin-bottom: 20px;}
.processimg {float: left; width: 100px; padding-top: 15px;}
.abullet {list-style-image: url(img/icns/bullet.png);list-style-position:outside;list-style-type:none;}
.abullet li {padding-bottom:10px;}
.oform h3 {color:#388D90;margin-top:30px}
#footer {clear:both;width:910px;padding:20px;font-size:11px;}
#footer a {padding-left:4px; padding-right:4px; color:#7f7f7f; text-decoration: none; border-right: 1px solid #d7d7d7; }
#footer a:hover {background:#777; color:#fff;}

/* forms.css */
label {font-weight:bold;}
.oform label {width:200px;display:block;float:left;text-align:right;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
textarea.smaller {height:50px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.jontra {display:none}
#preview{position:absolute;border:1px solid #9BEAEB;background:#fff;padding:20px;display:none;color:#fff;}

div.wrap2 {width : 690px;margin : 0 auto;text-align : left;height : 389px;}
div#top2 div#nav2 {float : left;clear : both;width : 690px;height : 52px;margin : 22px 0 0;}
div#top2 div#nav2 ul {float : left;width : 470px;height : 52px;list-style-type : none;}
div#nav2 ul li {float : left;height : 52px;}
div#nav2 ul li a {border : 0;height : 52px;display : block;line-height : 52px;text-indent : -9999px;}
div#header2 {margin : -1px 0 0;}
div#header2 div#slide-holder {z-index : 40;width : 690px;height : 389px;position : absolute;}
div#header2 div#slide-holder div#slide-runner {top : 9px;left : 9px;width : 670px;height : 368px;overflow : hidden;position : absolute;}
div#header2 div#slide-holder img {margin-top : 52px;display : none;position : absolute;}
div#header2 div#slide-holder div#slide-controls {left : 0;bottom : 318px;width : 670px;height : 46px;display : none;position : absolute;}
div#header2 div#slide-holder div#slide-controls p.text {float : left;display : inline;font-size : 10px;line-height : 16px;margin : 15px 0 0 20px;text-transform : uppercase;}
div#header2 div#slide-holder div#slide-controls p#slide-nav {float : right;height : 24px;display : inline;margin : 11px 15px 0 0;}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {float : left;width : 24px;height : 24px;display : inline;font-size : 11px;margin : 0 5px 0 0;line-height : 24px;font-weight : bold;text-align : center;text-decoration : none;background-position : 0 0;background-repeat : no-repeat;}
div#header2 div#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -24px;}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {background-image : url(img/icns/silde-nav.png);color : #fff;text-decoration : none;}

#lqform {background:url(img/quote.png) no-repeat;display:block;width:198;height:269px;padding-top:120px;font-size:.9em;color:#fff}
#lqform input[type=text] {width:120px;float:left;margin-top:1px}
#lqform td {padding:2px}
#lqform label {font-weight:normal;display:block;float:left;width:60px;margin-top:2px}
#lqform div {clear:both;margin-left:5px}

.slide-out-div {padding: 15px 20px 0 20px;width: 250px;background: url(img/uteaser.png) no-repeat #5DB2B3;background-position:-40px top;z-index:99999;color:#fff}
.slide-out-div h4 {color:#444;margin-bottom:.5em}
.slide-out-div h5 {color:#555} 
.handle {background:url(img/need.png) no-repeat;width:34px;height:150px;margin-top:50px}
.freeconsult .handle {background:url(img/need3.png) no-repeat;width:34px;height:211px;margin-top:50px}
.handle:hover, .freeconsult .handle:hover {background-position:bottom left;}
#quote-form label {display:block;float:left;width:70px;margin-top:8px}
#quote-form {margin-bottom:0}

#gallery {clear:both; margin-top:20px;margin-bottom:30px}
#gallery img {padding:27px 42px 27px 42px; border:1px solid #fff}
#gallery img:hover {border:1px solid #4c4c4c}
#pagination a {padding:7px; color:#4c4c4c;border: 1px solid #E0E7EC;text-decoration:none}
#pagination a:hover {padding:7px; border: 1px solid #E61000;text-decoration:none; background:#E61000; color:#fff;}
#pagination span {padding:7px; font-weight:bold;border: 1px solid #ccc;text-decoration:none; background:#ccc; color:#fff;}

#vertmenu {width: 188px;padding: 0px;margin-bottom: 20px;margin-top: 10px; clear:both}
#vertmenu ul {list-style: none;margin: 0px;padding: 0px;border: none;}
#vertmenu ul li {margin: 0px;padding: 0px;}
#vertmenu ul li a {display: block;border-bottom: 1px solid #C3DFFA;padding: 5px 0px 2px 4px;text-decoration: none;color: #666666;width:188px;}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {color: #000000;background-color: #E0E7EC;}

.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
a.btn {float: left;text-decoration: none;color: #fff;padding: 8px 14px 0 0;margin-right: 8px;background: url(img/icns/btn2.png) no-repeat top right;}
a.btn span {float: left;padding-right: 14px;display: block;margin-top: -8px;height: 34px;background: url(img/icns/btn2.png) no-repeat top left;}
a.btn:hover {background: url(img/icns/btn2.png) no-repeat bottom right;}
a.btn:hover span {background: url(img/icns/btn2.png) no-repeat bottom left;}