@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, table {
	margin:0;
}
/*Slideshow homepage*/
TD {
text-align:center;
width:260px;
vertical-align:top;
}
element.style {
display:block;
height:200px;
left:0;
opacity:1;
position:absolute;
top:0;
width:200px;
z-index:4;
}
.pics img {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
height:200px;
left:0;
padding:5px;
top:0;
width:259px;
/*-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;*/
}
#slideshow {
background:transparent url(/images/home_teaser.png) no-repeat scroll 0 0;
height:286px;
padding-left:70px;
margin-top:3px;
padding-top:16px;
}
/*Slideshow homepage end*/

body {
background:#303123 url(../images/bg_web.gif) repeat-x scroll 0 0;
margin:0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
}
#main_content {
background:transparent url(../images/web_content.jpg) no-repeat scroll left top;
height:483px;
padding-top:29px;
}
#header #logo {
background:transparent url(/images/logo.gif) no-repeat scroll left top;
color:#FFFFFF;
display:block;
height:1px;
left:0;
overflow:hidden;
padding-top:60px;
margin-left:95px;
margin-top:30px;
width:218px;
float: left;
}
#header{
height:90px;
}
#top_content_home{
height:306px;
}
#top_content_a {
color:#FFFFFF;
display:block;
height:1px;
left:0;
overflow:hidden;
padding-top:299px;
margin-left:0px;
margin-top:15px;
background:transparent url(/images/design_teaser.png) no-repeat scroll 0 0;
width:960px;
margin-top:7px;
}
#top_content_b {
color:#FFFFFF;
display:block;
height:1px;
left:0;
overflow:hidden;
padding-top:298px;
margin-left:0px;
margin-top:3px;
background:transparent url(/images/web_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_c {
color:#FFFFFF;
display:block;
height:1px;
left:0;
overflow:hidden;
padding-top:298px;
margin-left:0px;
margin-top:3px;
background:transparent url(/images/graphic_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_d {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/about_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_e {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/sitemap_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_f {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/disclaimer_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_g {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/policy_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_h {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/contact_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_i {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/portfolio_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_j {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/blog_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#top_content_k {
color:#FFFFFF;
display:block;
height:1px;
left:0;
margin-left:0;
margin-top:3px;
overflow:hidden;
padding-top:298px;
background:transparent url(/images/links_teaser.png) no-repeat scroll 0 0;
width:960px;
}
#middle_content {
padding:10px 65px 10px 105px;
color:#616161;
}
#middle_content_2 {
color:#616161;
padding:0 40px 10px 100px;
}
#bellow_content {
background:transparent url(../images/bellow_content.gif) no-repeat scroll 0 0;
color:#616161;
height:316px;
padding-top:40px;
width:960px;
margin-top:25px;
}
#bellow_content_2 {
width: 960px;
color:#616161;
}
#main {
background:transparent url(../images/bg_content.gif) repeat-x scroll 0 0;
margin:0 auto;
padding:0;
width:960px;
}
#content {
margin:0 auto;
width:960px;
}
#navigation a {
background:transparent url(/images/navigation.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
height:1px;
overflow:hidden;
padding-top:41px;
}
#utils {
background:transparent url(/images/bg-utils.gif) no-repeat scroll 0 0;
height:38px;
left:775px;
padding-left:20px;
padding-top:0px;
top:0;
width:431px;
float: right;
margin-top:-5px;
}
#utils a:hover {
background:transparent url(/images/util-bullet-down.gif) no-repeat scroll left 10px;
color:#FFFFFF;
}
#utils a {
background:transparent url(/images/util-bullet.gif) no-repeat scroll left 10px;
color:#FFFFFF;
display:block;
font-size:11px;
line-height:normal;
padding:7px 8px 0 15px;
text-decoration:none;
}
#utils img {
border:none;
}
#utils, #utils li {
list-style-type:none;
}
#utils li {
float:left;
height:100%;
}
#navigation {
background:transparent url(/images/navigation.gif) no-repeat scroll 0 0;
height:54px;
left:412px;
top:29px;
width:445px;
float: left;
}
#navigation, #navigation li {
list-style-type:none;
margin:0;
padding:0;
}
#navigation li {
float:left;
height:100%;
}
#navigation a {
background:transparent url(/images/navigation.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
height:1px;
overflow:hidden;
padding-top:41px;
}
#navigation #nav-web {
background-position:0 0;
width:143px;
}
#navigation #nav-web:hover {
background-position:0 -54px;
height:2px;
}
#navigation #nav-web.active {
background-position:0 -108px;
height:2px;
}
#navigation #nav-graphic {
background-position:-143px 0;
width:153px;
}
#navigation #nav-graphic:hover {
background-position:-143px -54px;
height:2px;
}
#navigation #nav-graphic.active {
background-position:-143px -108px;
height:2px;
}
#navigation #nav-portfolio {
background-position:-296px 0;
width:138px;
}
#navigation #nav-portfolio:hover {
background-position:-296px -54px;
height:2px;
}
#navigation #nav-portfolio.active {
background-position:-296px -108px;
height:2px;
}
main.css 
#utils, #utils li {
list-style-type:none;
margin:0;
padding:0;
}
main.css 
ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}
main.css
ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}
main.css 
#utils, #utils li {
list-style-type:none;
margin:0;
padding:0;
}
main.css 
ol, ul {
margin-left:2em;
}
#footer_banner {
color:#ffffff;
background:transparent url(/images/footer.gif) no-repeat scroll 0 0;
width:980px;
height:142px;
margin-top:0px;
padding:10px;
font-size:11px;
} 
#consultation {
background-image:url(/images/consultation.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:1px;
overflow:hidden;
padding-top:66px;
width:350px;
}
#consultation:hover {
background-image:url(/images/consultation-over.gif);
}
#foot_left {
	float:left;
	width:342px;
}
#foot_center {
float:left;
margin-left:85px;
}
#foot_center a {
margin-left:20px;
display:block;
color:#ffffff;
line-height:normal;
text-decoration:none;
}
#foot_center a:hover {
color:#bb141a;
margin-left:20px;
display:block;
line-height:normal;
text-decoration:none;
}
#foot_right {
float:left;
margin-left:145px;
}
#foot_right a {
margin-left:20px;
display:block;
color:#ffffff;
line-height:normal;
text-decoration:none;
}
#foot_right a:hover {
color:#bb141a;
margin-left:20px;
display:block;
line-height:normal;
text-decoration:none;
}
#bottom_menu {
float:right;
margin-right:62px;
margin-top:13px;
}
#bottom_menu a {
color:#ffffff;
line-height:normal;
text-decoration:none;
}
#bottom_menu a:hover {
color:#bb141a;
line-height:normal;
text-decoration:none;
}
#mini_logo {
background:transparent url(/images/mini_logo.gif) no-repeat scroll 0 0;
float:left;
margin-top:43px;
color:#FFFFFF;
display:block;
height:1px;
overflow:hidden;
padding-top:20px;
width:77px;
}
#copyright {
float:right;
font-size:10px;
margin-right:25px;
margin-top:43px;
}
#copyright a {
color:#ffffff;
line-height:normal;
text-decoration:none;
}
#copyright a:hover {
color:#bb141a;
line-height:normal;
text-decoration:none;
}
#blog {
background:transparent url(/images/blog.gif) no-repeat scroll 0 0;
margin-top:43px;
color:#FFFFFF;
display:block;
height:1px;
overflow:hidden;
padding-top:74px;
width:77px;
margin-top:10px;
}
#main_content p.getintouch a:hover {
border-color:#bb141a;
color:#bb141a;
}
#main_content p.getintouch a:link {
border-color:#43698F;
color:#bb141a;
}
#main_content p.getintouch a {
background:transparent url(../images/bg.jpg) repeat-x scroll center center;
border:1px solid #90908e;
font-size:12px;
padding:2px 25px;
text-decoration:none;
color:#bb141a;
}
#main_content .servicedescs  {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#main_content p, #main_content ul, #main_content ol {
padding:0 0 18px;
}
#main_content .scol1 h2, #main_content .scol1 h3 {
color:#bb141a;
font-size:1.2em;
font-weight:bold;
padding-left:0;
}
#main_content .scol2 p {
color:#49494A;
margin:0 0 0 0px;
padding:26px 0 0;
width:205px;
}
#main_content .scol2 p.getintouch {
padding:13px 0 5px 0px;
}
.scol1 {
margin-left:75px;
width:175px;
}
.scol2 {
margin-left:23px;
width:250px;
}
#main_content .scol3 h2, #main_content .scol3 h3 {
color:#bb141a;
font-size:1.2em;
font-weight:bold;
padding-left:0;
}
#main_content .scol4 p {
color:#49494A;
margin:0 0 0 27px;
padding:10px 0 0;
width:205px;
}
#main_content .scol4 p.getintouch {
padding:30px 0px 5px 0px;
}
.scol3 {
margin-left:80px;
width:150px;
}
.scol4 {
margin-left:0;
width:215px;
}
#main_content .scol5 h2, #main_content .scol5 h3 {
color:#BB141A;
font-size:1.2em;
font-weight:bold;
padding-left:10px;
}
#main_content .scol6 p {
color:#49494A;
margin:0 0 0 0;
padding:24px 0 0;
width:200px;
}
#main_content .scol6 p.getintouch {
padding:14px 0px 5px 0px;
}
.scol5 {
margin-left:70px;;
width:175px;
}
.scol6 {
margin-left:35px;
width:215px;
}
#main_content .scol7 h2, #main_content .scol7 h3 {
color:#bb141a;
font-size:1.2em;
font-weight:bold;
padding-left:0;
}
.scol23 {
margin-left:115px;
width:175px;
}
#main_content .scol23 h2, #main_content .scol23 h3 {
color:#bb141a;
font-size:1.2em;
font-weight:bold;
padding-left:0;
}
#main_content .scol8 p {
color:#49494A;
margin:0 0 0 0;
padding:20px 0 0;
width:210px;
}
#main_content .scol8 p.getintouch {
padding:26px 0px 5px 0px;
}
.scol7 {
margin-left:80px;
width:175px;
}
.scol8 {
margin-left:32px;
width:215px;
}
#main_content .scol9 h2, #main_content .scol9 h3 {
color:#bb141a;
font-size:1.2em;
font-weight:bold;
padding-left:0;
}
#main_content .scol10 p.getintouch {
padding:28px 0px 5px 0px;
}
#main_content .scol10 p {
color:#49494A;
margin:0 0 0 65px;
padding:12px 0 0;
width:205px;
}
.scol9 {
margin-left:125px;
width:175px;
}
.scol10{
margin-left:0;
width:215px;
}
#custom-web-design {
margin-left:105px;
width:215px;
padding-top:20px;
float:left;
}
#website-usability-consulting {
float:left;
margin-left:50px;
padding-top:20px;
width:215px;
}
#website-maintenance{
float:right;
margin-right:112px;
padding-top:22px;
text-align:left;
width:215px;
}
#blog-implementation{
float:left;
margin-left:235px;
padding-top:30px;
text-align:left;
width:215px;
}
#web-analytics-implementation{
float:right;
margin-right:268px;
padding-top:28px;
text-align:left;
width:215px;
}
#middle_content_2 ul.sitemaplist, #content ul.sitemaplist ul {
margin-bottom:0;
padding-bottom:0;
padding-left:25px;
}
#middle_content_2 ul.sitemaplist li {
margin-bottom:15px;
}
#sitemap_left {
	float:left;
	width:200px;
}
#sitemap_left a:link {
color:#616161;
text-decoration:none;
}
#sitemap_left a:hover {
color:#bb141a;
}
#sitemap_right {
	float:left;
	width:200px;
	margin-left:80px;
}
#sitemap_right a:link {
color:#616161;
text-decoration:none;
}
#sitemap_right a:hover{
color:#bb141a;
}
#left_tab {
float:left;
margin-left:100px;
padding:15px 10px 10px;
width:225px;
}
#middle_tab {
float:left;
margin-left:45px;
padding:72px 10px 10px;
width:210px;
}
#right_tab {
float:right;
margin-right:60px;
margin-top:71px;
width:215px;
}
#left_tab_2 {
float:left;
margin-left:100px;
padding:0px 10px 10px;
width:221px;
}
#middle_tab_2 {
float:left;
margin-left:20px;
padding:85px 10px 10px;
width:200px;
}
#right_tab_2 {
float:right;
margin-right:90px;
margin-top:85px;
width:215px;
}
#bellow_content .scol12 h2, #main_content .scol12 h3 {
	color:#bb141a;
	font-size:1.2em;
	font-weight:bold;
	padding-left:0;
}
#bellow_content .scol13 h2, #main_content .scol13 h3 {
	color:#bb141a;
	font-size:1.2em;
	font-weight:bold;
	padding-left:0;
}
#bellow_content .scol14 h2, #main_content .scol14 h3 {
	color:#bb141a;
	font-size:1.2em;
	font-weight:bold;
	padding-left:0;
}
.scol12 {
margin-left:45px;
margin-top:-15px;
width:150px;
}
.scol13 {
margin-left:5px;
margin-top:-71px;
width:150px;
}
.scol14 {
margin-left:0;
margin-top:-70px;
width:150px;
}
.scol15 {
margin-left:0;
margin-top:10px;
width:215px;
}
.scol16 {
margin-left:0;
margin-top:20px;
width:215px;
}
.scol17 {
margin-left:0;
margin-top:13px;
width:200px;
}
#left_tab_2 .scol11 h2, #left_tab_2 .scol11 h3 {
color:#BB141A;
font-size:1.2em;
font-weight:bold;
padding-left:0;
padding-top:10px;
}
#middle_tab_2 .scol19 h2, #main_content .scol19 h3 {
color:#BB141A;
font-size:1.2em;
font-weight:bold;
padding-left:0;
padding-top:10px;
}
#right_tab_2 .scol21 h2, #main_content .scol21 h3 {
color:#BB141A;
font-size:1.2em;
font-weight:bold;
padding-left:0;
padding-top:10px;
}
.scol11 {
margin-left:48px;
margin-top:55px;
width:175px;
}
.scol19 {
margin-left:45px;
margin-top:-30px;
width:150px;
}
.scol21 {
margin-left:35px;
margin-top:-30px;
width:150px;
}
.scol18 {
margin-left:0;
margin-top:32px;
width:220px;
}
.scol20 {
margin-left:0;
margin-top:31px;
width:220px;
}
.scol22 {
margin-left:0;
margin-top:25px;
width:220px;
}
#flash_movie {
border:medium none;
margin-top:7px;
width:960px;
height:450px;
}
.test_author {
color:#808080;
font-size:11px;
line-height:15px;
}
#left_content {
	float:left;
	width: 250px;
}
#middle_content_2 h2 {
color:#bb141a;
font-size:1.2em;
font-weight:bold;
padding:0 0 10px;
}
#free_estimate { 
border:none;
position:fixed;
top:150px;
right:0;
}
#free_estimate img { 
border:none;
}
.phone {
color:#bb141a;
font-size:1.3em;
font-weight:bold;
}

