/* Global CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}
a:link, a:visited {
text-decoration:none;
}
a:focus {
text-decoration:underline;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
img {
vertical-align:bottom;
}
legend {
-x-system-font:none;
font-family:serif;
font-size:0;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:0;
line-height:0;
overflow:hidden;
text-indent:-100em;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
html, body {
height:100%;
}
body {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-family:"Trebuchet MS",helvetica,sans-serif;
font-size:75%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
min-width:891px;
text-align:center;
}
#page {
background:transparent url(/images/homebg.gif) repeat scroll 0 0;
margin:0 auto -66px;
min-height:100%;
width:100%;
}
.about #page, .contact #page, .services #page, .portfolio #page {
background:transparent url(/images/insidebg.gif) repeat scroll 0 0;
}
* html #page {
height:100%;
}
#header {
width:100%;
}
#header .main {
margin:0 auto;
overflow:hidden;
text-align:left;
width:891px;
}
#wrap {
background:#FFFFFF none repeat scroll 0 0;
padding:25px 0 100px;
width:100%;
}
.about #wrap, .contact #wrap, .services #wrap, .portfolio #wrap {
padding-bottom:70px;
}
#wrap .main {
margin:0 auto;
overflow:hidden;
text-align:left;
width:891px;
}
#content {
overflow:hidden;
width:100%;
}
.services #content, .about #content, .contact #content {
float:left;
margin:0 310px 0 0;
width:581px;
}
#features
{
	float: left;
	margin: 0 0 30px 0;
	width: 800px;
}
#featuresColOne { float: left; margin-right: 5%; width: 47%; }
#featuresColTwo { float: right; width: 47%; }
div.tableholder { border: 2px solid #333; padding: 5px; }
table.signup td { border: 1px solid #333; padding: 5px; }
table.signup th { border: 1px solid #333; padding: 5px; }
table.signup { border-collapse: collapse; } 
.sidebars {
display:inline;
float:left;
}
#sidebarOne {
margin:0 0 0 -280px;
width:280px;
}
#footer {
clear:both;
color:#5D5D5D;
font-size:0.92em;
margin:0 auto;
text-align:left;
width:891px;
}
h1 {
background:transparent url(/images/logo.png) no-repeat scroll 0 0;
display:inline;
float:left;
height:60px;
margin: 30px 0 55px;
overflow:hidden;
width:308px;
}
h1 a {
float:left;
height:60px;
overflow:hidden;
text-indent:-100em;
width:308px;
}
h1 em {
-x-system-font:none;
clear:both;
display:block;
font-family:serif;
font-size:0;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:0;
line-height:0;
overflow:hidden;
text-indent:-100em;
}
#menu {
-x-system-font:none;
float:right;
font-family:"Trebuchet MS",sans-serif;
font-size:0.92em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:2.64;
margin:40px 0 0;
}
#menu li {
background:transparent url(/images/menu.png) no-repeat scroll center center;
float:left;
}
#menu li.first {
background:transparent url(/images/menu.png) no-repeat scroll left center;
padding:0 0 0 10px;
}
#menu li.last {
background:transparent url(/images/menu.png) no-repeat scroll right center;
padding:0 10px 0 0;
}
#menu li a {
color:#BFBFBF;
float:left;
padding:0 15px;
}
#menu li.current a, #menu li a:hover, #menu li a:focus {
color:#FFFFFF;
}
#header .tagFirst {
background:transparent url(/images/tagline-top.png) no-repeat scroll 0 0;
height:16px;
}
#header .tagSecond {
background:transparent url(/images/tagline-bottom.png) no-repeat scroll 0 0;
height:14px;
}
.extra {
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}
#tagline {
-x-system-font:none;
background:transparent url(/images/tagline.png) repeat scroll 0 0;
clear:both;
color:#FFFFFF;
font-family:georgia,serif;
font-size:2.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:1%;
line-height:1.2;
padding:0 25px 12px;
}
.about .tagSecond, .contact .tagSecond, .services .tagSecond, .portfolio .tagSecond {
margin:0 0 60px;
}
#tagline .tag-22 {
font-size:0.73em;
}
#tagline .tag-45 {
font-size:1.5em;
}
#header .box {
color:#FFFFFF;
float:left;
margin:0 24px 0 0;
padding:55px 0 23px;
width:280px;
}
#header .box h2 {
color:#FFFFFF;
font-size:1.5em;
line-height:1.1;
margin:0 0 6px;
padding:5px 0 6px 8px;
}
#header .box p {
font-size:0.92em;
padding:0 10px 15px;
}
#header .box .continue {
background:transparent url(/images/button-light.png) no-repeat scroll left top;
color:#000000;
float:left;
font-size:0.92em;
line-height:2.1;
margin:0 0 0 10px;
padding:0 0 0 13px;
}
#header .box .continue span {
background:transparent url(/images/button-light.png) no-repeat scroll right top;
cursor:pointer;
float:left;
margin:0 -13px 0 0;
padding:0 13px 0 0;
position:relative;
}
#header .box .continue:hover, #header .box .continue:focus {
background-position:left bottom;
color:#000000;
}
#header .box .continue:hover span, #header .box .continue:focus span {
background-position:right bottom;
}
#header #outsource {
margin:0;
}
#header #quote {
float:right;
margin:0;
width:276px;
}
#header #quote ul {
background:transparent url(/images/quote.png) no-repeat scroll 0 0;
height:105px;
width:276px;
}
#header #quote ul:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#header #quote div {
background:transparent url(/images/quote.png) no-repeat scroll left bottom;
height:37px;
width:276px;
}
#header #quote li {
clear:both;
display:inline;
float:left;
width:276px;
}
#header #quote li blockquote {
color:#525252;
padding:12px 0 10px;
position:relative;
width:100%;
}
#header #quote li cite {
color:#D6F0F2;
display:block;
font-size:11px;
font-style:italic;
margin:0 0 -38px;
padding:10px 70px 0px 0px;
position:relative;
text-align:right;
}
#header #quote li p {
padding:5px 16px;
}
#header #quote li a {
color:#FFFFFF;
text-decoration:underline;
}
#header #quote li a:visited {
color:#EEEEEE;
}
#header #quote li a:hover, #header #quote li a:focus {
text-decoration:none;
}
#projects {
border-bottom:1px solid #DADADA;
clear:both;
overflow:hidden;
width:100%;
}
#projects h2 {
-x-system-font:none;
color:#B4FDFF;
font-family:georgia,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0 0 25px;
}
#projects ul li {
float:left;
margin:0 0 18px;
width:280px;
}
#projects ul li.second {
margin:0 25px 18px;
}
#projects ul li .thumb {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
display:block;
margin:0 0 25px;
padding:1px;
}
#projects ul li .thumb:hover, #projects ul li .thumb:focus {
border-color:#DDDDDD;
}
#projects ul li .thumbhome {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
display:block;
margin:0 0 25px;
padding:1px;
}
#projects ul li .thumbhome:hover, #projects ul li .thumbhome:focus {
border-color:#DDDDDD;
}
#projects ul li .thumbinside {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
display:block;
margin:0 0 0;
padding:1px;
}
#projects ul li .thumbinside:hover, #projects ul li .thumbinside:focus {
border-color:#DDDDDD;
}
#projects ul li h3 {
font-size:1.17em;
margin:0 2px 15px;
}
#projects ul li p {
font-size:0.92em;
padding:0 0 10px;
}
#projects ul li a {
color:#00AAB5;
text-decoration:underline;
}
#projects ul li a:visited {
color:#6FD9DC;
}
#projects ul li a:hover, #projects ul li a:focus {
text-decoration:none;
}
#about {
clear:both;
padding:25px 0 0;
width:100%;
}
#about h2 {
-x-system-font:none;
color:#000000;
font-family:georgia,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 25px;
}
#about p {
padding:0 0 25px;
}
#about a {
color:#00AAB5;
text-decoration:underline;
}
#about a:visited {
color:#00AAB5;
}
#about a:hover, #about a:focus {
text-decoration:none;
}
.sidebars .contact, #about #contact {
background:#E8E8E8 url(/images/contact-bg.png) no-repeat scroll 0 0;
float:right;
margin:0 0 0 25px;
padding:10px 15px 0;
width:246px;
}
* html #about #contact {
margin:0 0 0 22px;
}
.sidebars .contact {
margin:0;
}
.sidebars .contact h2, #about #contact h2 {
-x-system-font:none;
color:#232323;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.25em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 5px;
}
.sidebars .contact p, #about #contact p {
color:#3F3F3F;
font-size:0.92em;
padding:0 0 10px;
}
.sidebars .contact a, #about #contact a {
color:#9D9D9D;
font-size:0.82em;
}
.sidebars .contact a:visited, #about #contact a:visited {
color:#007A88;
}
.sidebars .contact .generalForm, #about #contact .generalForm {
background:transparent url(/images/contact-bg.png) no-repeat scroll right bottom;
margin:0 -15px;
padding:0 15px 12px;
width:246px;
}
.sidebars .contact .generalForm .formInput, #about #contact .generalForm .formInput {
background:#FFFFFF url(/images/contact-input.gif) repeat-x scroll 0 0;
border-color:#7C7C7C #C3C3C3 #C3C3C3;
border-style:solid;
border-width:1px;
color:#747474;
font-size:0.92em;
height:15px;
margin:0 0 8px;
padding:3px 5px 0;
width:234px;
}
.sidebars .contact .generalForm #formName, #about #contact .generalForm #formName {
float:left;
width:106px;
}
.sidebars .contact .generalForm #formEmail, #about #contact .generalForm #formEmail {
float:right;
width:106px;
}
.sidebars .contact .generalForm .formSubmit, #about #contact .generalForm .formSubmit {
background:transparent url(/images/contact-submit.png) no-repeat scroll 0 0;
border:medium none;
clear:both;
color:#FFFFFF;
cursor:pointer;
float:right;
font-size:0.92em;
height:21px;
padding:0;
text-align:center;
width:98px;
}
.about #content h2, .contact #content h2, .services #content h2, .portfolio #content h2 {
-x-system-font:none;
font-family:georgia,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0 0 25px;
}
.services #content #services li {
margin:0 0 22px;
}
.services #content #services li em {
-x-system-font:none;
background:transparent url(/images/arrow.gif) no-repeat scroll 6px 6px;
color:#CC0033;
font-family:"Trebuchet MS",arial;
font-size:1.33em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:0 0 0 27px;
}
.portfolio #content #portfolio li {
clear:both;
float:left;
overflow:hidden;
padding:0 0 18px;
width:100%;
}
.portfolio #content #portfolio li .thumb {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
float:left;
padding:1px;
}
.portfolio #content #portfolio li .thumb:hover, .portfolio #content #portfolio li .thumb:focus {
border-color:#DDDDDD;
}
.portfolio #content #portfolio li .thumbhome {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
float:left;
padding:1px;
}
.portfolio #content #portfolio li .thumbhome:hover, .portfolio #content #portfolio li .thumbhome:focus {
border-color:#DDDDDD;
}
.portfolio #content #portfolio li .thumbinside {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
float:left;
padding:1px;
}
.portfolio #content #portfolio li .thumbinside:hover, .portfolio #content #portfolio li .thumbinside:focus {
border-color:#DDDDDD;
}
.portfolio #content #portfolio li div {
background:#E8E8E8 none repeat scroll 0 0;
float:right;
height:150px;
padding:8px 15px 10px;
width:275px;
}
.portfolio #content #portfolio li h3 {
font-size:1.17em;
margin:0 0 10px;
}
.portfolio #content #portfolio li h4 {
font-size:0.92em;
font-weight:normal;
margin:0 0 5px;
}
.portfolio #content #portfolio li p {
font-size:0.92em;
line-height:1.3;
padding:0 0 5px;
}
.portfolio #content #portfolio li ul {
font-size:0.92em;
}
.portfolio #content #portfolio li ul li {
clear:none;
display:inline;
float:none;
padding:0 5px 0 0;
width:auto;
}
.about #content a, .portfolio #content #portfolio li a {
color:#00AAB5;
padding:0 5px 0 0;
text-decoration:underline;
}
.about #content a:visited, .portfolio #content #portfolio li a:visited {
color:#00AAB5;
}
.about #content a:hover, .about #content a:focus, .portfolio #content #portfolio li a:hover, .portfolio #content #portfolio li a:focus {
text-decoration:none;
}
.about #content p, .contact #content p {
padding:0 0 20px;
}
.contact #content .generalForm {
background:#E7E7E7 none repeat scroll 0 0;
padding:18px;
}
.contact #content .generalForm .formSelect, .contact #content .generalForm .formInput {
background:#FFFFFF url(/images/contact-input.gif) repeat-x scroll 0 0;
border-color:#7C7C7C #C3C3C3 #C3C3C3;
border-style:solid;
border-width:1px;
color:#2E2E2E;
font-size:0.92em;
height:15px;
margin:0 0 14px;
padding:3px 5px 0;
width:254px;
}
.contact #content .generalForm #formName, .contact #content .generalForm #formEmail {
float:left;
}
.contact #content .generalForm #formCompany {
float:right;
}
.contact #content .generalForm .formSelect {
float:right;
font-size:1.1em;
height:auto;
padding:0;
width:266px;
}
.contact #content .generalForm .formText {
-x-system-font:none;
background:#FFFFFF url(/images/contact-input.gif) repeat-x scroll 0 0;
border-color:#7C7C7C #C3C3C3 #C3C3C3;
border-style:solid;
border-width:1px;
clear:both;
color:#2E2E2E;
display:block;
font-family:arial,sans-serif;
font-size:0.92em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:95px;
line-height:normal;
margin:0 0 12px;
padding:3px 5px 0;
width:533px;
}
.contact #content .generalForm .formSubmit {
background:transparent url(/images/contact-submit-2.png) no-repeat scroll 0 0;
border:medium none;
clear:both;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:0.92em;
height:21px;
padding:0;
text-align:center;
width:98px;
}
.sidebars a {
color:#774525;
}
.sidebars a:visited {
color:#999999;
}
.sidebars a:hover, .sidebars a:focus {
text-decoration:underline;
}
.columns {
width:100%;
}
.columns h2 {
-x-system-font:none;
clear:both;
font-family:"Trebuchet MS",arial;
font-size:1.33em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 20px;
}
.projects {
padding:0 0 15px;
}
.projects ul {
overflow:hidden;
}
.projects ul li {
display:inline;
float:left;
margin:0 0 8px;
width:100%;
}
.projects ul li a {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DADADA;
display:block;
padding:1px;
}
.projects ul li a:hover, .projects ul li a:focus {
border-color:#DDDDDD;
}
.quote:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.quote h2 {
-x-system-font:none;
background:transparent url(/images/icon-star-dark.png) no-repeat scroll 0 50%;
font-family:georgia,serif;
font-size:2.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:1%;
line-height:2;
margin:0 0 0 -8px;
padding:0 0 0 50px;
position:relative;
}
.contact .quote h2 {
color:#FFFCAF;
}
.quote p {
padding:0 0 15px 2px;
}
.quote .continue {
background:transparent url(/images/button-dark.png) no-repeat scroll left top;
color:#000000;
float:left;
font-size:0.92em;
line-height:2.1;
margin:0 0 0 2px;
padding:0 0 0 13px;
}
.quote .continue span {
background:transparent url(/images/button-dark.png) no-repeat scroll right top;
cursor:pointer;
float:left;
margin:0 -13px 0 0;
padding:0 13px 0 0;
position:relative;
}
.quote .continue:hover, .quote .continue:focus {
background-position:left bottom;
color:#000000;
text-decoration:none;
}
.quote .continue:hover span, .quote .continue:focus span {
background-position:right bottom;
}
.testimonials {
float:right;
font-size:0.92em;
margin:0 0 30px;
width:274px;
}
.testimonials ul {
background:#FFCEDB url(/images/about-quote.png) no-repeat scroll right top;
height:105px;
width:274px;
}
.testimonials ul:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.testimonials div {
background:transparent url(/images/about-quote.png) no-repeat scroll left bottom;
height:36px;
width:274px;
}
.testimonials li {
clear:both;
display:inline;
float:left;
width:274px;
}
.testimonials li blockquote {
color:#393939;
padding:5px 0 15px;
position:relative;
width:100%;
}
.testimonials li cite {
color:#A8A8A8;
display:block;
font-size:11px;
font-style:italic;
margin:0 0 -38px;
padding:0 75px 0 0;
position:relative;
text-align:right;
}
.testimonials li p {
padding:5px 16px;
}
.sidebars .testimonials li a {
color:#FFFFFF;
text-decoration:underline;
}
.sidebars .testimonials li a:visited {
color:#EEEEEE;
}
.sidebars .testimonials li a:hover, .sidebars .testimonials li a:focus {
text-decoration:none;
}
.sidebars .info {
clear:both;
margin:0 0 0;
padding:0 0 0;
}
.sidebars .info h2 {
font-size:1.3em;
}
.sidebars .info ul {
font-size:1em;
}
.sidebars .info ul li {
margin:0 0 10px;
}
.sidebars .info a {
color:#000000;
}
.sidebars .info a:hover, a:focus {
color:#00AAB5;
}
#footer a {
color:#8F8F8F;
}
#footer a:visited {
color:#777777;
}
#footer a:hover, #footer a:focus {
color:#00AAB5;
}
#footer ul {
border-top:1px solid #DADADA;
overflow:hidden;
padding:18px 0 30px;
}
#footer ul li.copyright {
float:left;
}
#footer ul li.info {
float:right;
}