html, body {
border:0 none;
margin:0;
padding:0;
}
body {
background:#005367 url(../images/bg.gif) repeat-x scroll 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
a:link, a:visited {
color:#005367;
text-decoration:underline;
}
a:hover, a:active {
color:#005367;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0;
padding:0;
color:#02A5CD;
font-size:14px;
}
p, ul, ol {
margin:0;
padding:0;
}
ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
img {
border:0 none;
}
sup {
bottom:0.3em;
position:relative;
vertical-align:baseline;
}
sub {
bottom:-0.2em;
position:relative;
vertical-align:baseline;
}
acronym, abbr {
border-bottom:1px dashed;
cursor:help;
letter-spacing:1px;
}
* html a {
position:relative;
}
* html form {
position:relative;
}
* html iframe {
position:relative;
}
a span, h1 span, h2 span {
display:none;
}
form {
display:inline;
margin:0;
padding:0;
}
input, select, textarea {
-x-system-font:none;
font-family:arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
textarea {
line-height:1.25;
}
label {
cursor:pointer;
}
table {
border:0 none;
margin:0 0 4px;
padding:0;
}
table tr td {
padding:2px;
}
.clear {
clear:both;
font-size:1px;
}
.clear-5 {
clear:both;
font-size:1px;
height:5px;
}
.clear-10 {
clear:both;
font-size:1px;
height:10px;
}
.clear-15 {
clear:both;
font-size:1px;
height:15px;
}
.clear-20 {
clear:both;
font-size:1px;
height:20px;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.text-left {
text-align:left;
}
.text-right {
text-align:right;
}
.text-center {
text-align:center;
}
.text-justify {
text-align:justify;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.img-left {
float:left;
margin:4px 10px 4px 0;
}
.img-right {
float:right;
margin:4px 0 4px 10px;
}
.no {
margin:0 !important;
padding:0 !important;
}
a#star {
background:transparent url(../images/about.png) no-repeat scroll 0 0;
display:block;
height:200px;
left:0;
position:absolute;
top:0;
width:150px;
z-index:1000;
}
#master {
background:transparent url(../images/burst.gif) no-repeat scroll center top;
height:1260px;
margin:0 auto;
text-align:center;
width:1024px;
}
#content-container {
margin:0 auto;
text-align:center;
width:885px;
}
#table-border {
	border-bottom:thin  #03C groove;
}
#content-top {
float:left;
margin:30px 35px 0;
text-align:left;
width:815px;
}
#content-body-container {
clear:both;
float:left;
width:885px;
}
#arrow-left {
background:transparent url(../images/body-left.png) no-repeat scroll 0 0;
float:left;
height:379px;
padding:291px 0 0 15px;
width:20px;
}
#arrow-left a {
background:transparent url(../images/arrow-left.gif) no-repeat scroll 0 0;
display:block;
height:31px;
width:16px;
}
#arrow-left a:hover {
background-position:100% 100%;
}
* html #arrow-left {
}
#arrow-right {
background:transparent url(../images/body-right.png) no-repeat scroll 0 0;
float:left;
height:379px;
padding:291px 15px 0 0;
width:20px;
}
#arrow-right a {
background:transparent url(../images/arrow-right.gif) no-repeat scroll 0 0;
display:block;
height:31px;
width:16px;
}
#arrow-right a:hover {
background-position:100% 100%;
}
* html #arrow-right {
}
#content-body {
background-color:#FFFFFF;
float:left;
height:1400px;
overflow:hidden !important;
padding:35px 0 0 75px;
position:relative;
text-align:left;
width:740px;
}
#content-body-contact {
background-color:#FFFFFF;
float:left;
height:1400px;
overflow:hidden !important;
padding:35px 0 0 75px;
position:relative;
text-align:left;
width:740px;
}
#content-spinner {
height:650px;
width:3700px;
}
#company, #services, #packages, #projects, #contact {
float:left;
height:653px;
margin:0 75px 0 0;
padding:0;
position:relative;
width:665px;
}
* html #content-spinner div.end {
margin:0 !important;
}
#fourohfour {
float:left;
height:653px;
margin:0 75px 0 0;
padding:0;
position:relative;
width:665px;
}
#fourohfour h1 {
font-size:24px;
font-weight:bold;
margin:0 0 3px;
}
#phone-number {
background:transparent url(../images/about-us.gif) no-repeat scroll 0 0;
height:135px;
display: block;
position:absolute;
right:0;
top:0;
width:123px;
z-index:1000;
}
a#logo {
background:transparent url(/images/logo.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:64px;
width:175px;
}
a#blog-link {
background:transparent url(/images/blog-link.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:48px;
width:263px;
}
ul#main-nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul#main-nav li {
display:inline;
float:left;
height:29px;
margin:0;
padding:0;
}
ul#main-nav li.company a {
background:transparent url(../images/home.gif) no-repeat scroll 100% 100%;
display:block;
height:29px;
width:170px;
}
ul#main-nav li.services a {
background:transparent url(../images/chapel-nav.gif) no-repeat scroll 0 0;
display:block;
height:29px;
width:151px;
}
ul#main-nav li.packages a {
background:transparent url(../images/duff-nav.gif) no-repeat scroll 0 0;
display:block;
height:29px;
width:151px;
}
ul#main-nav li.projects a {
background:transparent url(../images/port-nav.gif) no-repeat scroll 0 0;
display:block;
height:29px;
width:151px;
}
ul#main-nav li.contact a {
background:transparent url(../images/contact.gif) no-repeat scroll 0 0;
display:block;
height:29px;
width:159px;
}
ul#main-nav li.spacer-gb {
background:transparent url(../images/spacer-gb.gif) no-repeat scroll 0 0;
font-size:1px;
height:29px;
width:8px;
}
ul#main-nav li.spacer-bb {
background:transparent url(../images/spacer-bb.gif) no-repeat scroll 0 0;
font-size:1px;
height:29px;
width:8px;
}
ul#main-nav li.spacer-gg {
background:transparent url(../images/spacer-gg.gif) no-repeat scroll 0 0;
font-size:1px;
height:29px;
width:8px;
}
ul#main-nav li.spacer-bg {
background:transparent url(../images/spacer-bg.gif) no-repeat scroll 0 0;
font-size:1px;
height:29px;
width:8px;
}
#content-body h1 span, #content-body h2 span {
display:none;
}
#icon-chair {
background:transparent url(/images/icons/chair.gif) no-repeat scroll 0 0;
height:245px;
width:227px;
}
#flash-monitor {
height:199px;
width:200px;
}
#icon-monitor {
background:transparent url(/images/icons/monitor.jpg) no-repeat scroll 0 0;
height:190px;
width:183px;
}
#icon-proposal {
background:transparent url(/images/icons/proposal.gif) no-repeat scroll 0 0;
height:190px;
width:183px;
}
#icon-consult {
background:transparent url(/images/icons/services/consult.gif) no-repeat scroll 0 0;
height:174px;
width:207px;
}
#icon-webdev {
background:transparent url(/images/icons/services/webdev.gif) no-repeat scroll 0 0;
height:197px;
width:207px;
}
#icon-mail {
background:transparent url(/images/icons/services/mail.gif) no-repeat scroll 0 0;
height:197px;
width:207px;
}
#icon-seo {
background:transparent url(/images/icons/services/seo.gif) no-repeat scroll 0 0;
height:197px;
width:207px;
}
#icon-ppc {
background:transparent url(/images/icons/services/ppc.gif) no-repeat scroll 0 0;
height:197px;
width:207px;
}
#icon-other {
background:transparent url(/images/icons/services/other.gif) no-repeat scroll 0 0;
height:197px;
width:207px;
}
#icon-projects {
background:transparent url(/images/icons/pen.gif) no-repeat scroll 0 0;
height:111px;
width:119px;
}
#icon-contact {
background:transparent url(/images/icons/contact.gif) no-repeat scroll 0 0;
height:131px;
width:130px;
}
#company h1 {
background:transparent url(/images/page-titles/company.gif) no-repeat scroll 0 0;
height:43px;
margin:0 0 5px;
width:415px;
}
#company h2 {
background:transparent url(/images/subtitles/estimate.gif) no-repeat scroll 0 0;
float:left;
height:26px;
margin:0;
width:450px;
}
#company p {
line-height:18px;
margin:0 0 20px;
padding:0;
}

#services ul#service-list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#services ul#service-list li {
display:inline;
float:left;
font-size:10px;
margin:0 5px 0 0;
padding:0;
text-align:center;
width:105px;
}
#services ul#service-list li a {
margin:0 auto;
text-align:center;
text-decoration:none;
}
#services ul#service-list li a.consult {
background:transparent url(/images/icons/services/consult-sm.gif) no-repeat scroll 0 0;
display:block;
height:44px;
width:55px;
}
#services ul#service-list li a.webdev {
background:transparent url(/images/icons/services/webdev-sm.gif) no-repeat scroll 100% 100%;
display:block;
height:44px;
width:55px;
}
#services ul#service-list li a.mail {
background:transparent url(/images/icons/services/mail-sm.gif) no-repeat scroll 100% 100%;
display:block;
height:44px;
width:55px;
}
#services ul#service-list li a.seo {
background:transparent url(/images/icons/services/seo-sm.gif) no-repeat scroll 100% 100%;
display:block;
height:44px;
width:55px;
}
#services ul#service-list li a.ppc {
background:transparent url(/images/icons/services/ppc-sm.gif) no-repeat scroll 100% 100%;
display:block;
height:44px;
width:55px;
}
#services ul#service-list li a.other {
background:transparent url(/images/icons/services/other-sm.gif) no-repeat scroll 100% 100%;
display:block;
height:44px;
width:55px;
}
#services p {
line-height:18px;
margin:0;
padding:0;
}
#services div.details {
background:transparent url(/images/servicedetails-bg.gif) no-repeat scroll 0 0;
color:#005367;
height:162px;
padding:25px 0 0 15px;
width:650px;
}
#services div.details ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:500px;
}
#services div.details ul li {
background:transparent url(/images/list-logo.gif) no-repeat scroll 0 0;
height:25px;
margin:0 0 7px;
padding:2px 0 0 30px;
}
#services div.details div.price {
height:105px;
padding:5px 0 0 510px;
position:absolute;
width:109px;
}
#services #dvSheet {
background-color:#FFFFFF;
height:375px;
opacity:0;
position:absolute;
width:668px;
z-index:1000 !important;
}
#packages h1 {
background:transparent url(/images/page-titles/packages.gif) no-repeat scroll 0 0;
height:43px;
margin:0 0 5px;
width:415px;
}
#packages p {
line-height:18px;
margin:0 0 10px;
padding:0;
}
#packages div.package-listings {
float:left;
margin-top:5px;
padding:0;
}
#packages div.package-listings div.left {
float:left;
margin-right:1px;
width:332px;
}
#packages div.package-listings div.left div.one {
background:transparent url(/images/packageone-bg.gif) no-repeat scroll 0 0;
height:211px;
margin-bottom:12px;
width:332px;
}
#packages div.package-listings div.left div.two {
background:transparent url(/images/packagetwo-bg.gif) no-repeat scroll 0 0;
height:286px;
width:332px;
}
#packages div.package-listings div.right {
float:left;
width:332px;
}
#packages div.package-listings div.right div.three {
background:transparent url(/images/packagethree-bg.gif) no-repeat scroll 0 0;
height:286px;
margin-bottom:12px;
width:332px;
}
#packages div.package-listings div.right div.xml {
background:transparent url(/images/packagexml-bg.gif) no-repeat scroll 0 0;
height:211px;
width:332px;
}
#packages div.package-listings ul.includes {
color:#005367;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:45px 0 0 23px;
}
#packages div.package-listings ul.includes li {
background:transparent url(/images/bluedot.gif) no-repeat scroll 0 5px;
margin:0 0 9px;
padding:0 0 0 10px;
}
#packages div.package-listings h3.samples {
background:transparent url(/images/subtitles/sample-sites.gif) no-repeat scroll 0 0;
height:17px;
margin:9px 0 0 20px;
padding:0;
width:92px;
}
* html #packages div.package-listings h3.samples {
margin:4px 0 0 20px;
}
#packages div.package-listings ul.samples {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 20px;
padding:0;
}
#packages div.package-listings ul.samples li {
display:inline;
float:left;
margin:0 10px 0 0;
padding:0;
}
#packages div.package-listings ul.samples img {
border:1px solid #94CCD5;
}
#projects h1 {
background:transparent url(/images/page-titles/projects.gif) no-repeat scroll 0 0;
height:43px;
margin:0 0 5px;
width:415px;
}
#projects p {
line-height:18px;
margin:0 0 20px;
padding:0;
}
#projects div.project-listings {
background:transparent url(/images/projects-bg.gif) no-repeat scroll 0 0;
height:319px;
margin-bottom:10px;
padding:60px 25px 0;
position:relative;
width:615px;
}
#projects div.project-listings #travel-sets ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#projects div.project-listings #travel-sets ul li {
background:transparent url(/images/project-matte.gif) no-repeat scroll 0 0;
display:inline;
float:left;
height:150px;
width:153px;
}
ul#set-tabs {
position:absolute;
right:15px;
top:28px;
}
#contact h1 {
background:transparent url(/images/page-titles/contact.gif) no-repeat scroll 0 0;
height:43px;
margin:0 0 5px;
width:415px;
}
#contact p {
line-height:18px;
margin:0 0 20px;
padding:0;
}
#contact div.contact-form {
background:transparent url(/images/contactform-bg.gif) no-repeat scroll 0 0;
color:#005367;
height:319px;
margin-bottom:10px;
padding:60px 95px 0;
width:475px;
}
#contact div.contact-form input.textbox {
border:1px solid #9ADEE9;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:15px;
padding:3px;
width:215px;
}
#contact div.contact-form input.textboxERR {
border:1px solid #A6DF48;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:15px;
padding:3px;
width:215px;
}
#contact div.contact-form textarea.textbox {
border:1px solid #9ADEE9;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:43px;
padding:3px;
width:215px;
}
#contact div.contact-form textarea.textboxERR {
border:1px solid #A6DF48;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:43px;
padding:3px;
width:215px;
}
#contact div.contact-form ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:215px;
}
#contact div.contact-form ul li {
margin:0 0 6px;
padding:0;
}
#contact div.contact-form ul li p {
margin:0 0 3px;
padding:0;
}
#contact div.contact-form div.left {
float:left;
margin-right:45px;
width:215px;
}
#contact div.contact-form div.right {
float:left;
width:215px;
}
#contact h2#delivered {
background:transparent url(/images/page-titles/delivered.gif) no-repeat scroll 0 0;
height:43px;
margin:10px 0 5px;
width:415px;
}
#contact div.contact-form-sent {
background:transparent url(/images/contactformsent-bg.gif) no-repeat scroll 0 0;
color:#005367;
height:149px;
margin-bottom:10px;
padding:60px 50px 0;
width:565px;
}
a.next-button {
display:block;
float:right;
height:44px;
margin:20px 1px 0 0;
}
a#next-services {
background:transparent url(/images/arrow-buttons/services.gif) no-repeat scroll 0 0;
width:210px;
}
a#next-services:hover {
background:transparent url(/images/arrow-buttons/services.gif) no-repeat scroll 100% 100%;
}
a#next-packages {
background:transparent url(/images/arrow-buttons/packages.gif) no-repeat scroll 0 0;
width:262px;
}
a#next-packages:hover {
background:transparent url(/images/arrow-buttons/packages.gif) no-repeat scroll 100% 100%;
}
a#next-projects {
background:transparent url(/images/arrow-buttons/projects.gif) no-repeat scroll 0 0;
width:262px;
}
* html a#next-projects {
margin-top:10px !important;
}
a#next-projects:hover {
background:transparent url(/images/arrow-buttons/projects.gif) no-repeat scroll 100% 100%;
}
a#next-contact {
background:transparent url(/images/arrow-buttons/contact.gif) no-repeat scroll 0 0;
width:262px;
}
a#next-contact:hover {
background:transparent url(/images/arrow-buttons/contact.gif) no-repeat scroll 100% 100%;
}
a#next-submit {
background:transparent url(/images/arrow-buttons/submit.gif) no-repeat scroll 0 0;
height:40px !important;
width:133px;
}
a#next-submit:hover {
background:transparent url(/images/arrow-buttons/submit.gif) no-repeat scroll 100% 100%;
}
a#next-overview {
background:transparent url(/images/arrow-buttons/overview.gif) no-repeat scroll 0 0;
width:262px;
}
a#next-overview:hover {
background:transparent url(/images/arrow-buttons/overview.gif) no-repeat scroll 100% 100%;
}
#footer {
margin-top:50px;
width:885px;

}
#footer ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
text-align:center;
width:203px;
}
#footer ul li {
display:inline;
float:left;
margin:0 20px 0 0;
padding:0;
}
#footer a {
display:block;
height:140px;
width:203px;
}
#footer p {
color:#fff;
text-align:center;
}

.blue {
color:#02A5CD;
font-size:14px;

}

/* from facebook */
.generic_dialog { height:0; left:0; overflow:visible; position: absolute; /*dw*/ top:0; width:100%; z-index:101; }
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }
.generic_dialog .generic_dialog_popup { height:0; overflow:visible; position:relative; }


.generic_dialog div.dialog_loading 		{ background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }
.dialog_body .dialog_content_img { float:left; margin-right:15px; }
.dialog_body .dialog_content_txt { float:left; padding-bottom:5px; width:300px; }
.dialog_body .dialog_content_body { padding-bottom:13px; } 
.dialog_body .form_label { padding-right:5px; }
.dark_dialog_overlay { background-image:url(facebook-overlay.png); background-repeat:repeat; }
* html .dark_dialog_overlay { background-color:transparent; background-image:url(blank.gif); }
.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; } 
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }




td.pop_topleft { background:transparent url(../images/facebook-pop-dialog-sprite.png) no-repeat scroll 0 0; }
td.pop_topright { background:transparent url(../images/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -10px; }
td.pop_bottomleft { background:transparent url(../images/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -20px; }
td.pop_bottomright { background:transparent url(../images/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -30px; }
td.pop_top, td.pop_bottom { background:transparent url(../images/facebook-pop-dialog-sprite.png) repeat-x scroll 0 -40px; }
td.pop_side { background:transparent url(../images/facebook-pop-dialog-sprite.png) repeat-y scroll -10px 0; }
td.pop_content { background-color:white; direction:ltr; padding:0; }
.pop_dialog_rtl td.pop_content { direction:rtl; }
td.pop_content h2.dialog_title { background:#A59261 none repeat scroll 0 0; font-family:Arial, Helvetica, sans-serif; border:1px solid #3B5998; color:white; font-size:14px; font-weight:bold; margin:0; }
td.pop_content h2.dialog_loading { background:#6D84B4 url(../images/facebook-indicator_white_small.gif) no-repeat scroll 400px 10px; padding-right:40px; }
td.pop_content h2 span { display:block; padding:4px 10px 5px; }
td.pop_content .dialog_content { background:#FFFFFF none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }
td.pop_content .dialog_summary { background:#00A5CC none repeat scroll 0 0; color:#fff; border-bottom:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; padding:8px 10px; }
td.pop_content .dialog_buttons { background:#F2F2F2 none repeat scroll 0 0; padding:8px; text-align:right; }
td.pop_content .dialog_buttons input { margin-left:5px; }
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }

/* david walsh custom */
#fb-modal	{ display:none; }
#fb-close	{ cursor:pointer; }
.info		{ width:280px;  font-size:11px; color:#666; }
.info b	{ color:#000; }
.image	{ width:400px; float:left; margin-right:10px; }

#contactPop {
	 -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("../images/contactImg.png");
    background-position: 600px 0;
    background-repeat: no-repeat;
    float: left;
    height: 35px;
    width: 815px;
}