table td {font-family: arial; font-size:8pt;}

div#div_web_design {margin:-25px 0 0 0; padding:0;}

#content_container #left_column p {margin: 5px 10px 5px 5px;}

div.client_testimonial {margin:15px auto 30px auto; width:220px;}
div.client_testimonial p {line-height:normal; text-align:left;}


ul.floatleft_offers {margin:0; padding:0;width:620px;}
#div_our_clients ul.floatleft_offers li , #div_seo ul.floatleft_offers li, #div_content ul.floatleft_offers li {background-position: 0 3px;}
#div_our_clients ul.floatleft_offers li a, #div_seo ul.floatleft_offers li a, #div_content ul.floatleft_offers li a {font-size:8pt; color:#0078BF; font-weight: bold;}

#div_seo ul.floatleft_offers li ul {margin-left:5px; margin-bottom:20px; list-style-type:none;}
#div_seo ul.floatleft_offers li ul li {background-image:none; height:auto; line-height:normal;}

hr.divider {height:1px; width:620px; margin:10pt auto; color:#FAFAFA;}

div#content_column div#div_web_services div.floatleft_service h4 {font-weight:bold; color:#666;}

img.client_logos {float:right; margin-right:15px;}

#usability_icons {display:none;}

#div_contact_us {margin:0; padding:0;}
#contact_left {margin:10px 0 0 0; padding:10px; width:400px; height:400px; float:left; background-color:#FDFDFD;}
#contact_right {margin:0; padding:0; width:200px;float:right;}
#content_container #contact_right h4 {margin:0; padding:0; height:20px; line-height:20px; text-transform:uppercase; color: #000; font-weight: bold; font-size:8pt;}
#content_container #contact_right p {margin:0;}
#content_container #contact_right p a {color:#0078BF ;}


#content_container #content_column #div_web_development h4 {margin: 5px 20px; font-size: 8pt; font-weight: bold; color:#333;}
#content_container #content_column #div_web_development p.content {margin:10px 0;}
#content_container #content_column #div_seo p.content {color:#222; margin:10px 0px; line-height: normal;}
p {color:#222;}
.hide {
    display: none;
}
* html .hide {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

#content_col a,
#content_col a:visited {
    color: #2999D5;
    text-decoration: underline;
}
#content_col a:hover {
    color: #000000;
    text-decoration: none;
}
#content_col a img {
    border: 3px solid #F8F8F8;
    padding: 3px;
}


#main_navigation ul li.last {border:none;}

hr {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    height: 1px;
    margin: 1em 0 1em 0;
}
* html hr {
    margin: 0.8em 0 0 0;
}

i,
em {
    color: #333333;
}
.center {
    text-align: center;
}

.margin_both {margin-left: 1em; margin-right: 1em;}
.margin_left {margin-left: 1em;}
.margin_right {margin-right: 1em;}
.margin_top {margin-top: 1em;}
.margin_bottom {margin-bottom: 1em;}
.padding_top {padding-top:1em}
.padding_bottom {padding-bottom:1em}
.padding_all {padding: 1em;}
.float_right {float: right;}
.float_left {float: left;}

.margin_left_thumb {margin-left: 115px; position:relative;}

/* ------------------------ Heading Tags for inside pages ------------------*/


#content_col h3 {
    color: #00A6E5;
    font-size: 2.3em;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}

#content_col h4 {
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;
}
#content_col h4 a, #content_col h4 a:visited {color: #000000;}

#content_col h5 {
    color: #00A6E5;
    font-size: 1.1em;
    font-weight: bold;
}
#content_col h5 a {color: #00A6E5;}

#content_col h6 {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}
#content_col h7 {
    color: #666666;
    font-size: 0.8em;
    font-weight: bold;
}
#content_col h8 {
    color: #666666;
    font-size: 0.6em;
    font-weight: bold;
}
#content_col h3 a, #content_col h3 a:visited,
#content_col h4 a, #content_col h4 a:visited,
#content_col h5 a, #content_col h5 a:visited,
#content_col h6 a, #content_col h6 a:visited {
    text-decoration: none;
}
#content_col .blue,
#content_col .blue a,
#content_col .blue a:visited {
    color: #00A6E5;
}

/* ----- general size adjust for the content column ----*/

#content_col_padder { /*this style effects the size of EVERYTHING in the content column */
    font-size: 8pt;
	float:left;
	width:auto;
}

/* ----- list styles ---------------------------------- */
#content_col ul, #left_column ul {
    padding: 0;
    margin: 1.6em 0 2em 25px;
    list-style: none;
}
#content_col ul li,  #left_column ul li {
    background-image: url(../images/arrow_right_grey.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    padding-left: 18px;
    margin: 0.2em;
    color: #333333;
}

#left_column ul {margin:40px 0 0 5px;}
#left_column ul li {text-transform: uppercase; font-family: arial; font-size: 8pt;}
#left_column ul li a {color:#0078BF ;}

/* ----- link styles ---------------------------------- */

/* ----- table styles --------------------------------- */

#content_col table {
    width: 100%;
}
#content_col td,
#content_col th {
    border: 1px solid #EEEEEE;
    padding: 0.5em;
    text-align: left;
}
#content_col th {
    color:#00A6EE;
    text-transform: uppercase;
}

/* ---------- Common Asset Listing Styles -------------------------------- */

.major_list_item {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 7px;
}

/* ------ box styles -----------------------------------*/

pre { /* the pre style is used by default for the content type 'code' */
    overflow: auto;
    padding: 1em;
    margin: 1.8em 0 2.2em 0;
    border: 1px dashed #BBCFD1;
    color: #0078BF ;
}
* html pre { /* IE only style to fix a width issue associated with padding out the pre tag */
    width: 575px; /*in px to fix increase font size feature*/
    font-size: 1em;
    height: 5em;
}
* html li pre { /* IE only style to fix a width issue */
    width: 82%;
}

.intro p,
.tip p,
.info p 
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.intro {
    background-color: #F1F1F1;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 1.5em;
}
* html .intro {
    height: 1%;
}
.intro h4 {
    margin-top: 0.1em;
    font-size: 1.1em !important;
}

.bg_grey {
    background-color: #F8F8F8;
}
.bg_white {
    background-color: #FFF;
}

#howto_list div.howto_list_folder h4 {
    background-image: url(../images/arrow_right_grey.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
}
div.howto_list_folder h4 a {
    color: #000000 !important;
    text-decoration: none !important;
}
div.howto_list_folder h4 a:hover {
    text-decoration: underline !important;
}

#howto_list .howto_list_item {
    margin-bottom: 2.2em;
}
#howto_list .howto_title {
    background-color: #F8F8F8;
    text-align: right;
    overflow: hidden;
    padding: 0.4em;
    margin-bottom: 0.5em;
}
* html #howto_list .howto_title {
    height: 1%;
}
#howto_list .howto_title h4 {
    float: left;
    display: inline;
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
}

#howto_list .howto_author {
    color: #8EC742;
}
/* ----- end HowTo styles -------- */

/* --------- Code colouring styles --------------------- */
.line_numbers {
    color: #666666;
}

/* ---- HTML -------------------- */

.html_attribute {
    color: #0078BF ;
}
.html_attribute_values {
    color: #2E2F32;
}
.html_tag_brackets {
    color: #6AAEC5;
}
.html_tag_names {
    color: #89CCE2;
}
.html_comment {
    color: #989898;
}

/* ---- PHP --------------------- */

.php_background {
}
.php_default {
    color: #0078BF ;
}
.php_html {
}
.php_comment {
    color: #989898;
}
.php_keyword {
    color: #066294;
}
.php_string {
    color: #2E2F32;
}
/* ------ Contact Us styles ---------- */

.contact_us h5 {
    text-transform: uppercase;
    font-weight: normal !important;
}
/* ------ sitemap styles ---------- */

#content_col .stalks {
    position: relative;
    width: 400px;
    font-size: 1.1em;
}
#content_col .stalks ul {
    position: relative;
    top: 0.7em;
    margin: 0 0 0.9em 1.2em;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    list-style: none;
}
#content_col .stalks ul li ul {
    border-left: 1px solid #cacaca;
}
#content_col .stalks ul li {
    position: relative;
    top: 1.4em;
    margin: 0 0 1.4em 0;
    padding: 0;
    border-top: 1px solid #cacaca;
    background: none;
}
#content_col .stalks ul li a,
#content_col .stalks ul li a:visited {
    display: block;
    position: relative;
    top: -0.8em;
    margin: 0 0 -1.4em 0.7em;
    padding: 0.1em 0.2em;
    background: #fff;
    text-decoration: none !important;
}
#content_col .stalks ul li a,
#content_col .stalks ul li a:visited {
    color: #00A6E5; !important;
    text-transform: uppercase;
}
#content_col .stalks ul li ul li a,
#content_col .stalks ul li ul li a:visited {
    color: #000000; !important;
    text-transform: none;
}
#content_col .stalks ul li ul li ul li a,
#content_col .stalks ul li ul li ul li a:visited {
    color: #666666; !important;
}
#content_col .stalks ul li a:hover {
    text-decoration: underline !important;
}
/* Fix IE. Hide from IE Mac \*/
* html #content_col .stalks  ul li { float: left; }
* html #content_col .stalks  ul li a { height: 1%; }

#content_col .stalks ul {
    top: -1px;
    padding-top: 0.3em;
    margin-bottom: 0;
}
#content_col .stalks ul ul {
    border-top: 1px solid #fff;
}
#content_col .stalks ul li a {
    z-index: 1;
}
/* Ende */

body {
	background-color: #F8F8F8;
    margin: 0;
    padding: 0;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
}

#page_banner {margin:15px 0 0 0; width:640px; position:relative; height:210px; overflow:hidden;}
#page_banner .page_banner_content {position:absolute; bottom:0; width:640px; height:50px; background:transparent url(../images/transpBlack.png) repeat scroll 0%;}
#page_banner .page_banner_content p {padding: 5px 10px; margin:0; color:#FFF;}

.about_floatleft {background-image: url(../images/about-floatleft.jpg);}
.floatleft_web_design {background-image: url(../images/floatleft-web-design.jpg);}
.floatleft_web_development {background-image: url(../images/floatleft-web-development.jpg);}
.floatleft_seo {background-image: url(../images/floatleft-seo.jpg);}
.floatleft_web_hosting {background-image: url(../images/floatleft-web-hosting.jpg);}
.floatleft_approach {background-image: url(../images/floatleft-approach-to-web-design-and-development.jpg);}



#wrapper {
    background-image: url(../images/body_bg.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

* html #wrapper {
    background-image: url(../images/body_bg_ie.gif);
}

.hide {
    display: none;
}
* html .hide {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

form {
    padding: 0;
    margin: 0;
}

textarea {
    font-family: arial, verdana;
    font-size: 1.2em;
}

a, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.clear {
    height: 1px;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}

/* ----------- Page Containing Elements ------------------*/

/* envelope */
#envelope {background-color:#FFFFFF; width: 950px; margin: 0 auto 0 auto;   border-bottom: 1px solid #DCDCDC;}
#envelope { padding: 20px 10px 15px 10px;}
/* envelope concludes */


/* Section Homepage specific styles */

.margin_both {margin-left: 1em; margin-right: 1em;}
.margin_left {margin-left: 1em;}
.margin_right {margin-right: 1em;}
.margin_top {margin-top: 1em;}
.margin_bottom {margin-bottom: 1em;}
.padding_top {padding-top:1em}
.padding_bottom {padding-bottom:1em}
.padding_all {padding: 1em;}
.float_right {float: right;}
.float_left {float: left;}

.margin_left_thumb {margin-left: 115px; position:relative;}

/* ---- Heading Tags for Homepage and Section Home pages --------*/
#content_container h1 {}

#content_container h2 {}

#content_container h2, #content_container h3,
#content_container h3 a,
#content_container h3 a:visited,
#section_search h2 {
    color: #0078BF;
    font-size: 9pt;
    font-weight: bold;
	margin-left:4px;
	font-family: arial;
}

#content_home_column .photo-meta-data-left p {margin-right:10px;}

#content_container h4,
#content_container h4 a,
#content_container h4 a:visited {
    color: #0078BF;
    font-size: 8pt;
    font-weight: bold;
}
/* ------------------ end heading tags ------------------ */

#outer_envelope {
    padding-left: 53px;
	background-color:#FFF;
}

#content_left_col {
margin:0;
padding:0;
width:570px;
float:left;
}
#content_left_col h1, #content_right_col #tabs h1 {
    margin-top: 0;
	color: #0078BF;
}

#content_left_col h2 {width:400px;margin:15px 5px 5px 5px;padding:0; text-transform:none; font-size:10pt;color:#0078BF;}
#content_left_col p {margin: 5px 30px 15px 5px; font-family: arial; font-size:8pt;line-height:15px;}

#content_right_col {
    float: right;
    width: 270px;
    margin: 20px 20px 5px 0;
}

#content_right_col ul.more_links {margin:10px 0;padding:0;list-style-type:none;}
#content_right_col ul.more_links li {margin:0 0 0 10px; padding:0 0 0 15px; text-transform: uppercase; font-family: arial; font-size: 8pt;height:20px;line-height:20px; background-image:url(../images/arrow_right_grey.gif); background-position:left center; background-repeat:no-repeat;}
#content_right_col ul.more_links li a {text-decoration:none; color: #006699;}
#content_right_col ul.more_links li a:hover {text-decoration:underline;}
/* ------ section search styles ----- */

div.light_background a {text-transform:uppercase;}

#section_search {
    margin-top: 60px;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 15px 10px 10px 15px;
}
#section_search form {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 0em;
}
#section_search label {
    display: block;
    margin: 4px 0 4px 0;
}
#section_search div {
    overflow: hidden;
}
* html #section_search div {
    height: 1%;
}
#section_search div select,
#section_search div input {
    float: left;
}
#section_search div select {
    margin-right: 1.5em;
    width: 16em;
    font-size: 1em;
}

#feature_box_outer {
    float: left;
    /*margin-right: 2.2em;*/
    padding: 9px;
    background-color: #F1F1F1;
}
* html #feature_box_outer {
    /*margin-right: 1.4em;
    height: auto;*/
}

#floatleft_promotion {background-color:#FFF; border:9px solid #F1F1F1; width:540px; padding:5px; height:830px;}
#floatleft_promotion #home_content {position: absolute; top: 345px; width:530px;}

#feature_box_inner {
    padding: 8px;
    background-color: #FFFFFF;
}

#content_left_col p.zero_bottom {margin-bottom:0;}

#feature_box_inner div ul {
    margin: 0 0 0 22px;
    padding: 83px 0 0 0;
    width: 39em;
    list-style: none;
}
#feature_box_inner div ul li {
    float: left;
    width: 12.8em;
    margin-bottom: 0.2em;
}
#feature_box_inner div ul li a,
#feature_box_inner div ul li a:visited {
    background-image: url(../images/feature_box_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    font-size: 1.1em;
    color: #FFFFFF;
    display: block;
    height: 1%;
    padding: 1px 0 1px 18px;
}
#feature_box_inner div ul li a:hover {
    text-decoration: underline;
}
/* ------- end Feature Box Styles ----------------*/



h1.heading_one {display:none;}

a.silent {color:#666666;}
a.silent:hover {color:#0078BF;}

#bottom_content_left_padder {
    margin: 10px;
    padding: 15px;
    padding-top: 5px;
}

#bottom_content_right_padder {
    background-color: #FFFFFF;
    margin: 10px;
    padding: 15px;
    padding-top: 5px;
}
#bottom_content_right_padder2 {
    margin: 10px;
    padding: 5px 15px 5px 15px;
    font-size: 1.1em;
}
#bottom_content_right_padder2 h2 {
    margin-top: 0;
    padding-top: 0;
	color:#0078BF;
}
#bottom_content_right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ----- link styles -----------------------------------*/

#section_search a,
#bottom_content_left a {
    background-image: url(../images/icon_page.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    color: #333333;
    padding: 2px 0 1em 20px;
}

/* floatleft_logo */
#floatleft_logo {position: relative; width:240px; height:60px; float:left; margin:0 0 0 10px; padding:0;}
#floatleft_logo p {background-image:url(../images/floatleft-logo.jpg); background-repeat:no-repeat; background-position:center; position: absolute;width:240px; height:60px; margin:0; padding:0;}
#floatleft_logo p a {height:60px; width:240px; display: block; text-indent:-5000px;}
/* floatleft_logo concludes */

span.heading_four {color:#222; font-size:9pt; font-weight: bold;}
p.heading_five {font-size:8pt; color:#222; font-weight: bold; margin:5px 0 7px 0;}
p.testimonial {line-height:normal; padding: 15px 5px;margin:6px 0 0 0;}

/* sitemap_navigation */
#sitemap_navigation {width:220px; float: right;}
#sitemap_navigation ul {padding: 0; margin:0; list-style: none; float: left;}
#sitemap_navigation ul li {display: inline; height:25px; line-height:25px;}
#sitemap_navigation ul li a, #sitemap_navigation ul li a:visited {display: block; float: left;  padding: 0 10px;  background-color:#FCFCFC;   border: 1px solid #F1F1F1; color: #666666; }
#sitemap_navigation ul li a:hover, #sitemap_navigation ul li.active a {color: #000000;  border: 1px solid #CCCCCC; text-decoration: none;}

/* sitemap_navigation concludes */

img.showcase {border:1px solid #1BB7E7; padding:2px;}

/* ------------------------ Header ------------------*/

#header {
    background-image: url(../images/header_bg.gif);
    background-position: 0 0;
    clear: both;
}

/* breadcrumb */
#breadcrumb {background-image: url(../images/breadcrumb_arrow.gif);background-repeat: no-repeat;background-position: 2px 0.9em;padding: 0px 0 10px 24px;color: #949393;font-size: 1.1em;clear:both;margin-top: 0px;}
#breadcrumb a, #breadcrumb a:visited {color: #222;}
#breadcrumb a:hover {text-decoration: none;color: #000000;}
#breadcrumb {background-position-y: 2px;}
/* breadcrumb concludes */

/* main_navigation */
#main_navigation {margin-bottom:15px; clear: both;background-image: url(../images/menu_bg.gif); background-repeat: repeat-x;background-position: left bottom;padding-left: 10px;}
#main_navigation ul {float:left; padding: 0;margin: 0;list-style: none;}
#main_navigation ul li {text-transform: uppercase;float: left;border-right: 2px solid white;}
#main_navigation ul li a, #main_navigation ul li a:visited {display: block;float: left;margin-right: 0.2em;padding: 0 15px; height:25px; line-height:25px; background-color: #FFFFFF;border: 1px solid #C9C9C9;border-bottom: none;color: #605E5E;margin-right: 0em;}
#main_navigation ul li.selected a,
#main_navigation ul li.selected a:visited,
#main_navigation ul li a:hover {background-color: #222;border: 1px solid #C9C9C9;border-bottom: none;color: #FFFFFF;text-decoration: none;}
/* main_navigation concludes */

/* stripe_grey */
.light_background {background-image: url(../images/bg_grey-strokes.gif);background-position: 0 0;overflow: hidden;margin: 15px 0 30px 0;}
.light_background a {height:25px; line-height:25px; color:#0078BF; text-decoration:none; font-size:8pt; font-family: arial; padding-left:8px;}
.light_background a:hover {text-decoration:underline; color:#0078BF;}
/* stripe_grey concludes */

/* -------------------- Content Container ------------------*/

#content_container {
    clear: both;
	margin-top:30px;
	float:left;
	position: relative;
	width:100%;
    border-bottom: 1px solid #FFFFFF;
	background-color:#F8F8F8;
}

#content_sheet {margin: 0; padding:0; background-color: #FAFAFA; width:100%; float:left;}

#inner_envelope {
    margin: 0px 20px 0px 20px;
    overflow: hidden;
    height: auto;
	padding-bottom:20px;
}

#footer {clear:both;}

#footer_line { 
    height: 2px;
    overflow: hidden;
    /*background-color is defined in the colours.css */
    width: 64em;
}

#footer_date {
    float: right;
    padding-top: 8px;
    font-size: 1.1em;
    color: #666666;
}
#footer_date span {
    color: #CCCCCC;
    display: none;
}
#footer_links {
    padding: 8px 0 0 10px;
    color: #AAAAAA;
    font-size: 1.1em;
}
#footer_links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#footer_links ul li {
    float: left;
    margin-right: 1.5em;
}
#footer_links ul li a {
    color: #AAAAAA;
}
#footer_links ul li a:hover, #footer_links ul li.active a {
    color: #000000;
    text-decoration: none;
}




body li,
body ul {
    position: relative;    
}

/* ---------------------------- start purple header styles */

.purple_header {
    position:relative;
    overflow: hidden;
    color: #ffffff;
    background-color: #3a385d !important;
    padding: 1.2em 0 0 0;
    font-size: 1em;
    margin-bottom: 1em;
    margin-top: 13px !important;

}
* html .purple_header {
    height: 1%;
}

.purple_header h3 {
    font-size: 2.2em !important;
    color: #FFF !important;
    margin: 0 0 0.6em 0.5em !important;
    padding: 0 !important;
}

.purple_header p {
    margin: 0.5em 1.2em 1.5em 1.2em !important;    
}

.purple_header ul {
    position: relative !important;
    background-color: #282649 !important;
    padding: 0.5em !important;
    overflow: hidden !important;
    margin: 1em 0 0 0 !important;
}
* html .purple_header ul {
    height: 1%;    
}

.purple_header ul li {
    float: left;
    background: none !important;
    margin: 0 0 0 1em !important;
    padding: 0 !important;
    padding-right: 1em !important;
    border-right: 1px solid #FFF;
}

.purple_header ul li a,
.purple_header ul li a:visited {
    color: #FFF !important;
    text-decoration: none !important;
}

.purple_header a,
.purple_header a:visited {
    
}

.purple_header a:hover {
    text-decoration: none !important;
    color: #718cc7 !important;   
}
/* ---------------------------- end purple header styles */

#content_right_col_padder {
    font-size: 1.1em !important;
}

.no_bullets ul li {
    background: none !important;
    padding-left: 1em !important;
}

/* 2 Column Styles */

.col_1 {
    float: left;
    margin: 0.2em 1em 1em 0;
    width: 24.5em;
}

.col_2 {
    float: left;
    width: 24.5em;
    margin: 0.2em 1em 1em 1.5em;
}

.spacer {
    clear: both;
    overflow: hidden;   
}

/* End 2 column styles */




/* old purple styles */

.purple {
    position:relative;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    color: #ffffff;
    background-color: #3a385d !important;
    display: block;
    padding-top: 16px;
    padding-bottom: 2px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: regular;
}

.purplemed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #ffffff;
    background-color: #3a385d !important;
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: bold;
}

.purplesm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffffff;
    background-color: #888;
    display: block;
    padding-top: 6px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-weight: regular;
    padding-right: 16px;
}

.purplelinks {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #555;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    font-weight: regular;
    padding-right: 16px;
}

div#content_col_padder div.purplelinks a {color:#FFF;}

a.purplelink:hover {
    text-decoration: underlined !important;
    color: #718cc7 !important;
}
a.purplelink {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* end old purple styles */


div.case_study {margin:0 0 5px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCC; float:left;}
div.case_screen {width:204px; float:left; margin: 4px 25px 0 0; padding:0; overflow:hidden;}
div.case_screen  img {width:200px; }
div.case_study p {line-height:normal; margin:5px 0 15px 0;}
#content_container div.case_study h4 {margin-bottom:5px; font-size:8pt; text-transform:uppercase;}

#content_col_padder div#div_portfolios p {margin-left:25px; margin-top: 20px; text-align:justify;}
#content_col_padder div#div_organic_seo p {margin-left:25px; margin-top: 20px; text-align:justify; color:#333;}
#content_col_padder div#div_web_development p {margin-left:25px; margin-top: 20px; text-align:justify;}
#content_column div#div_web_design p {margin-left:25px; margin-top: 10px; margin-right: 10px; text-align:justify;}
#content_column div#div_web_design p, #content_column div#div_web_design h5 {width:380px; float:right; margin: 0 30px 10px 0;}
#content_column div#div_web_design h5 {padding-left:10px; margin-right:70px; width:335px; font-family: arial; font-size:8pt; font-weight: bold;}


div#div_web_services {margin:0; padding:0;}
div.row_web_services {margin:10px; padding:0; height:230px; width: 635px; position: relative;}
div.floatleft_service {width:260px; float:left; margin: 0 20px;}
div.floatleft_service p {line-height:normal; text-align:justify;}
div.floatleft_service p  a {color:#1BB7E7;}




.right1 {
    float: right;
    width: 45%;
    margin-right: 14px;
    margin-left: 14px;
    margin-top: 0px;
    margin-bottom: 5px;
    display: block; 
}

.left1 {
    margin-right: 30px;
    width: 45%;
    height: 1%;
    margin-top: 0px;
    margin-bottom: 5px;
    float: left;
    display: block;
}

.section1 {
    display: block;
    clear: both;
}

/* Maps Styles */

.sq_map_popup {
width: 215px;
}
.sq_map_popup h4 {
padding: 0 !important;
margin: 0 0 5px 0 !important;
}
.sq_map_popup h5 {
padding: 0 !important;
margin: 0 !important;
}
.sq_map_popup ul {
padding: 0 !important;
margin: 0 0 1em 0 !important;
}
.sq_map_popup ul li {
padding-left: 18px !important;
}

.right1 {
	float: right;
	width: 45%;
	margin-right: 14px;
         margin-left: 14px;
         margin-top: 0px;
         margin-bottom: 5px;
         display: block; 
}

.left1 {
	margin-right: 0px;
         width: 45%;
         height: 1%;
         margin-top: 0px;
         margin-bottom: 5px;
         float: left;
         display: block;
}

.section1 {
         display: block;
         clear: both;
}
a.bluelink:hover {
	text-decoration: underline !important;
	color: #0078bf !important;
}
a.bluelink {
	color: #0078bf !important;
	text-decoration: none !important;
}

img.float_right {float:right;}

p {font-family: arial; font-size:8pt;}

hr {
	border:1px solid #dedede !important;
	}

div.case_study img {border:1px solid #1BB7E7; padding:1px;}


#content_container_padder1 {
    padding-right: 4em;
    border-top: 1px solid #FFFFFF;
}
#content_container_padder2 {
    margin: 10px 20px 20px 8px; /*overides main.css */
    height: auto;
}

#main_navigation ul li.active, #main_navigation ul li.active a {background-color:#222; color:#FFF; font-weight: bold;}

#nav_col {
    float: left;
    width: 235px;
    margin-top: 0px;
}
#nav_col #nav {
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-size: 1.1em;
}
#nav_col #nav div {
    padding: 10px;
}

#content_col_padder p.content {line-height:normal; margin: 15px 25px 10px 15px; color:#333;}

div.purplelinks p {margin:0;}

/* start left nav styles ------------------------------ */



/* left-hand navigation */
#div_our_clients ul, #div_seo ul  {margin:10px 15px 10px 10px;padding: 0;list-style-type: none;}
#div_our_clients ul li, #div_seo ul li {font-family: arial; font-size:8pt; background-image: url(../images/navigation_arrow.gif);background-repeat: no-repeat;background-position: 0 3px; padding-left: 20px;margin: 0 0 5px 0;}
#div_our_clients ul li.blank, #div_seo ul li.blank {background-image: none;}
#div_our_clients ul li.selected {background-image: url(../images/navigation_arrow.gif);}
#div_our_clients ul li.selected a, li.selected a:visited, #nav li a:hover {color: #2999D5; text-decoration: underline;}
/* ---- second level ---- */
#nav li ul {
    margin-top: 0.4em;
}

p.clients {margin:0 0 2px 0;padding:0 0 0 8px;width:232px;height:28px;line-height:28px; color:#222;background-color:#CCC; text-transform:uppercase;}

#nav li li {
    background-image: url(../images/nav_box.gif);
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    padding-left: 15px;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
    border-bottom: 1px solid #F1F1F1;
}
#nav li.selected li a,
#nav li.selected li a:visited {
    color: #666666;
    padding: 2px;
    text-decoration: none;
}

#nav li li.selected {
    background-image: url(../images/nav_box_selected.gif);
}
#nav li.selected li.selected a,
#nav li.selected li.selected a:visited,
#nav li.selected li a:hover {
     color: #2999D5;
    text-decoration: underline;
}
#nav li.selected li a:hover {
    text-decoration: underline;
}
/* ---- third level ---- */
#nav li li ul {
    margin-top: 0.4em;
}
#nav li li li {
    background-image: url(../images/nav_bar.gif);
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    padding-left: 7px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
#nav li.selected li.selected li a,
#nav li.selected li.selected li a:visited {
    background: none;
    color: #828282;
    padding: 0px;
    text-decoration: none;
}

#nav li li li.selected {
    background-image: url(../images/nav_bar.gif);
}
#nav li.selected li.selected li.selected a,
#nav li.selected li.selected li.selected a:visited {
    color: #2999D5;
    text-decoration: underline;
}
#nav li.selected li.selected li a:hover {
    color: #56AAE9;
    background-color: #FFFFFF;
    text-decoration: underline;
}

/* end left nav styles ------------------------------ */

#content_col {
	margin:0;
	padding:0;
	width:600px;
	position: relative;
	float:right;
}



* html #content_col {
    height: 1%;
    overflow: visible;
    left: -3px;
    margin-right: -3px;
    margin-left: 24em;
}
#content_col_padder {
    background-color: #FFFFFF;
    border: 9px solid #F1F1F1;
    padding: 0 15px;
	position:absolute;
	top: -20px;
	width:630px;
}
#content_left_col h1, #content_right_col #tabs h1 {
    margin-top: 0;
}

#back_to_top {
    margin: 50px 20px 15px 0;
    text-align: right;
	font-size:8pt;
}

#content_col_padder p.heavy {font-weight:bold;}

#back_to_top a,
#back_to_top a:visited {
    padding: 0.3em 0.6em 0.3em 2em;
    border: 1px solid #EFEFEF;
    border-bottom: none;
    color: #AAAAAA !important;
    text-decoration: none !important;
    background-image: url(../images/back_to_top_arrow.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
#back_to_top a:hover {
    border: 1px solid #CCCCCC;
    color: #000000 !important;
}


form#third {margin:20px 0; padding:0;}
form#third fieldset {margin:0; padding:0; border:none;}
form#third fieldset span {display:block;margin:2px 0 6px 0;}
form#third fieldset span label {font-size:8pt; width:90px; height:25px; line-height:25px; float:left; clear:both;}
form#third fieldset span input {width:200px; font-size:8pt; font-family: arial;}
form#third fieldset span input#submit {width:100px; height:22px;}
form#third fieldset span textarea {width:300px; height:100px;}


#content_left_col p {margin:10px 10px 15px 5px; text-align:justify;}
#content_home_column #bottom_content_left p	 {text-align:left; margin:15px 10px 10px 0;}
#bottom_content_right {float:right;margin:20px 5px 0 0;}
p.testimonial {margin-top:1px;}

#left_column {width:240px; float:left;}
#right_column {width:670px; margin-left:240px; position:relative;}
#content_column {width:640px; padding:0 15px; background-color:#000; margin-top: -25px; margin-bottom: 25px; background-color:#FFF; border: 9px solid #F1F1F1;}
#content_home_column {width:550px; float:left; padding:0 15px; margin-top: -25px; margin-bottom: 25px; margin-left:50px;}

#content_col {margin:0; margin-right:20px; display:none;}

#left_column_content {margin:50px auto; width:180px; padding:10px 10px 40px 10px; border:1px solid #EEE; background-color:#FFF;}
#left_column_content p {margin:0; padding:0; line-height:normal; padding:0;}
#left_column_content a {color:#000;}
#left_column_content a img {border:none;}
#left_column_content h5 {font-family: arial; font-size:8pt;margin:0 0 3px 0;padding:0;color:#222;}


#left_column_content p.left_seo {padding-bottom:20px; margin-bottom: 30px; border-bottom: 1px solid #000;}
#content_container #content_column h2, #content_container #content_column h3 {font-family:"arial";font-size:9pt;margin:20px 0;color:#222; margin-bottom:20px;}
#content_container #content_column p.content {margin: 10px 0;}
#content_container #content_column p.content a {color:#0078BF ;}

#content_column p.transparent a , #content_column  #contact_right p.transparent a {color:#000; text-decoration:none;}
#content_column p.transparent a:hover, #content_column  #contact_right p.transparent a:hover {color:#333;}

.tipsbox_inner p {margin:5px 0;}

#content_header {width:640px; height:120px; margin:20px 0 10px 0; background-color:#666666;}

.case_study h5 {padding:8px 0;}

img.our_approach {border:1px solid #EAEAEA;}

#content_home_column p {margin:10px 0 10px 5px; text-align:justify;}

#bottom_content_left, #bottom_content_right {float: left; width: 250px;height:150px;margin:  20px 0 0 5px;padding:2px;border:1px solid #CCC;}
#bottom_content_left {border:none; height:auto; width:300px;}
#bottom_content_left p {margin: 20px 0 15px 0;}
#bottom_content_left p span {display:block; font-weight: bold;}
#bottom_content_right {width:200px; margin-top: 52px; margin-bottom: 40px; padding:3px; height:auto; border:none; float:right; margin-right:0;}
#bottom_content_right a {background-image:none;}
#bottom_content_right a img {border:none; padding-bottom:3px; border:1px solid #CCC;}
#bottom_content_right p {margin:5px 0; color:#222; line-height:normal; text-align:left;}
#bottom_content_right p a {color:#0078BF; text-decoration:none;}
#bottom_content_right p a:hover {text-decoration:underline;}

div#diverrorname, div#diverroremail, div#diverrormessage {width:290px; margin-left:90px; padding-left:10px; border:1px solid #CCC; color:#c12c34; opacity: 1; position: absolute; top:710px; }

#content_column #div_seo table {margin:10px 0; padding:0; width:640px; font-family: arial; font-size:8pt; border:1px solid #EAEAEA;}
#content_column  #div_seo table tr.heading {text-transform:uppercase; font-weight: bold; background-color:#222; color:#FFF;}
#content_column  #div_seo table tr.heading td {height:30px; line-height:30px;}
#content_column  #div_seo table td {padding:10px;} 
#content_column  #div_seo table td.client {text-transform:uppercase;} 
#content_column  table tr.light {background-color:#FAFAFA;}
#content_column  table tr.dark {background-color:#EAEAEA;}
#content_column  table td ul {margin:10px 0 20px 20px; padding:0;}


#content_container #div_content h3 {font-size:8pt;}
#content_container #content_column td h3 {font-weight:bold; font-size:8pt;}

#content_container #bottom_content_left h3 {margin-left:0;}

/* main.css */
/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }
body 										{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 540px; margin: 25px auto; position: relative; min-height: 232px;}


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #0078BF; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/

.slider-wrap								{ overflow: hidden; width: 540px; height:344px; position: absolute; background-color:#222; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 550px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 550px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid #1BB7E7; margin-right: 5px; }
#movers-row									{ margin: -57px 0 0 62px; }
#movers-row div								{ width: 92px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
#movers-row div a.cross-link img 				{ width:75px; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding:0px;  
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{font-size: 8pt; padding:7px 0 5px 10px; margin:0; height:70px; width:100%; display:block; }
.photo-meta-data span.balidance				{}
.cross-link									{ display: block; width: 62px; margin-top: -10px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }

img.float_right {float:right;}

.photo-meta-data-left {width:235px; height:285px; float:left; margin:0; padding:0; background-color:#FFF;}
.photo-meta-data-complete {width:540px; height:285px; margin:0; padding:0; background-color:#FFF;}
#content_home_column .photo-meta-data-complete p {margin-right:10px;}

#content_left_col .photo-meta-data-left p, #content_left_col .photo-meta-data-complete p {margin:10px 15px; float:left;}
#content_left_col .photo-meta-data-complete p {float:none; margin:10px 30px;}
div.mandm {background-color:#FFF;}
div.mandm img {float:right;}
.photo-meta-data-complete h5 {margin: 10px 30px; height:50px; line-height:50px; font-family:arial; font-size:12pt; font-weight:bold;}