body {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: center;
}

span, div, a, h1, h2, h3, h4, form, input, dl, ul, li, dt, dd, img, p {
    margin: 0;
    border: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}

a {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #3B4DA0;
    }

a:hover {
    color: #3B4DA0;
    border-bottom: 1px solid #3B4DA0;
    }

div#top {
    height: 3px;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    top: 0px;
    background: url(/images/page_bg.jpg);
    background-repeat: repeat-x; 
}

div#upper {
    top: 16px;
    margin: 10px auto 0 auto;
    padding: 0;
    height: 130px;
    width: 777px;
    background: #FFFFFF;
    text-align: center;
    border-bottom: 3px double #CCC;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #888888;
}

div#lower {
    top: 120px;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 110px;
    width: 777px;
    background: #FFFFFF;
    text-align: center;
    border-bottom: 3px double #CCC;
}

div#contents {
    top: 0px;
    left: 0px;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 777px;
    background: #FFFFFF;
    text-align: center;
    /* border-left: 1px solid #CCC;
    border-right: 1px solid #CCC; */
    }
    
div#contents div.contentsLeft {
    float: left;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-right: 5px;
    width: 198px;
    background: #FFFFFF;
    text-align: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
    }
    
div#contents div.contentsRight {
    float: right;
    left: 201px;
    margin: 15px 0 40px 0;
    padding: 0;
    width: 570px;
    background: #FFFFFF;
    text-align: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
    /* border: 1px dashed #EFEFEF; */
    }

div#footer {
    position: relative;
    clear: both;
    margin: 0 auto 10px auto;
    padding: 0;
    width: 777px;
    background: #FFFFFF;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #888888;
    border-top: 3px double #CCC;
    height: 50px;
    }

div#home-bot {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 200px;
    background: url(/images/bot-bg.gif) 100% 0 repeat-x;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #888888;
    border-top: 3px double #CCC;
    }  /*IE6/*

/* Topside */

div#upper div.left {
    text-align: left;
    }
    
.upperLeft{
    padding-top: 80px;
    padding-right: 5px;
    }
    

div#upper div.right {
    text-align: right;
    }

.upperCrumb {
    padding-top: 80px;
    padding-right: 5px;
    margin:0;
    }
    
.upperCrumb a {
    color: #3B4DA0;
    }
    
.upperCrumb a:hover {
    color: #3B4DA0;
    border-bottom: #3B4DA0;
    }

    
.upperRight {
    padding-top: 110px;
    padding-right: 5px;
    }
    
.upperRight a {
    color: #888888;
    }
    
.upperRight a:hover {
    color: #3B4DA0;
    }

.upperRightC {
    padding-top: 17px;
    padding-right: 5px;
    }
    
.upperRightC a {
    color: #888888;
    }
    
.upperRightC a:hover {
    color: #3B4DA0;
    }

/*Menu divs */

.menu-left{
position: relative;
float:left;
margin: 4px 1px 2px 1px;
padding: 0;
background: url(/images/slices/topbar-left.jpg) no-repeat;
width: 51px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-devel{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-web-development-over.jpg) no-repeat;
width: 149px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-devel a {
width: 149px;
height: 102px;
float: left;
text-decoration: none;
}
    
.menu-devel img {width: 149px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.menu-devel a:hover img{visibility:hidden}
    
.menu-identity{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-identity-over.jpg) no-repeat;
width: 86px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-identity a {
width: 86px;
height: 102px;
float: left;
text-decoration: none;
}
    
.menu-identity img {width: 86px; height: 102px; border: 0; }
.menu-identity a:hover img{visibility:hidden}
    
.menu-seo{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-seo-over.jpg) no-repeat;
width: 69px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-seo a {
width: 69px;
height: 102px;
float: left;
text-decoration: none;
}

.menu-seo img {width: 69px; height: 102px; border: 0; }
.menu-seo a:hover img{visibility:hidden}
    
.menu-marketing{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-marketing-over.jpg) no-repeat;
width: 97px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-marketing a {
width: 97px;
height: 102px;
float: left;
text-decoration: none;
}

.menu-marketing img {width: 97px; height: 102px; border: 0; }
.menu-marketing a:hover img{visibility:hidden}

.menu-blogging{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-blogging-over.jpg) no-repeat;
width: 164px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-blogging a {
width: 164px;
height: 102px;
float: left;
text-decoration: none;
}

.menu-blogging img {width: 164px; height: 102px; border: 0; }
.menu-blogging a:hover img{visibility:hidden}

.menu-consulting{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-consulting-over.jpg) no-repeat;
width: 103px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-consulting a {
width: 103px;
height: 102px;
float: left;
text-decoration: none;
}
    
.menu-consulting img {width: 103px; height: 102px; border: 0; }
.menu-consulting a:hover img{visibility:hidden}
    
.menu-right{
position: relative;
float:left;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/slices/topbar-right.jpg) no-repeat;
width: 54px;
height: 102px;
overflow:hidden;/* for ie to hide extra height*/
    }

/* Sidebar */

.left-feature{
position: relative;
padding:0;
margin:20px 0 0 0 ;
border: 1px solid #ABABAB;
background: #FFFFFF url(/images/top-p-bg.jpg) repeat-x bottom;
    }

div#contents div.contentsLeft h1 {
    font-size: 13px;
    font-weight: strong;
    padding: 5px 0 0 5px;
    margin: 0;
    }
    
div#contents div.contentsLeft h2 {
    font-size: 11px;
    font-weight: strong;
    padding-left: 5px;
    }
    
div#contents div.contentsLeft a {
    text-decoration: none;
    color: #3B4DA0;
    }
    
div#contents div.contentsLeft a:hover {
    color: #3B4DA0;
    border-bottom: 1px solid #3B4DA0;
    }
    
div#contents div.contentsLeft .side {
    padding: 5px;
    }
    
.sidebar-icon{
float: left;
position: relative;
top: 6px;
left: 0px;
margin-right: 3px;
}

/* Main Area */

div#contents div.contentsRight h1 {
    font-size: 18px;
    font-weight: strong;
    margin-top: 0px;
    margin-left: 15px;
    color: #222222;
    }
    
div#contents div.contentsRight h2 {
    font-size: 12px;
    font-weight: strong;
    }
    
div#contents div.contentsRight h3 {
    font-size: 12px;
    font-weight: strong;
    color: #666666;
    margin-top: 5px;
    margin-left: 10px;
    }
    
div#contents div.contentsRight a {
    text-decoration: none;
    color: #3B4DA0;
    }
    
div#contents div.contentsRight a:hover {
    color: #3B4DA0;
    border-bottom: 1px solid #3B4DA0;
    }
    
div#contents div.contentsRight .main {
    padding: 5px;
    padding-left: 0px;
    }

div#contents div.contentsRight .top {
    margin: 10px;
    margin-top: 10px;
    margin-left: 15px;
    padding-right: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .5px;
    color: #333333;
    width: 550px;
    }

div#contents div.contentsRight .headerTop {
    margin: 10px;
    margin-top: 18px;
    margin-left: 15px;
    padding-right: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: strong;
    color: #333333;
    width: 550px;
    height: 110px;
    }

div#contents div.contentsRight .img {
    margin: 20px 20px 10px 15px;
    }
    
div#contents div.contentsRight .headerImg {
    float: left;
    margin-right: 10px;
    }
    
.features-1{
text-align: center;
padding:0;
margin: 0 0 0 10px;
    }

.feature-left{
position: relative;
float: left;
margin: 5px 0 8px 10px;
padding:0;
width: 269px;
height: 173px;
border: 1px dotted #CCCCCC;
background: #FFFFFF url(/images/top-p-bg.jpg) repeat-x bottom;
    }
    
    
.feature-left ul {
margin: 5px 0 0 0;
padding: 0 0 0 10px;
    }
    
.feature-right{
position: relative;
float: left;
margin: 5px 0 8px 12px;
padding:0;
width: 269px;
height: 173px;
border: 1px dotted #CCCCCC;
background: #FFFFFF url(/images/top-p-bg.jpg) repeat-x bottom;
    }
    
.feature-right ul {
margin: 5px 0 0 0;
padding: 0 0 0 10px;
    }
    
.feature-text{
margin:0;
padding: 46px 10px 5px 10px;
color: 666666;
font-size: 12px;
    }
    
.feature-text-bot{
margin: 12px 0 0 10px;
font-size: 12px;
}
    
.glass{
float:right;
position:absolute;
top:8px;
right:2px;
    }
    
.header-img{
float:left;
position:absolute;
top:4px;
left:10px;
border:0;
    }
    
.page-header-img{
margin: 0 0 3px 13px;
    }
    
/* Internal Pages */

.internalHeader{
margin: 15px 0 0 26px;
padding: 0px 0 4px 18px;
background: #FFFFFF url(/images/header-arrow.jpg) no-repeat left;
}

.internalHeader2{
margin: 15px 0 0 15px;
padding: 0px 0 4px 18px;
background: #FFFFFF url(/images/header-arrow.jpg) no-repeat left;
}

.internalBody{
margin: 0 0 0 15px;
padding:0;
background: #FFFFFF url(/images/body-p-bg.jpg) 0 no-repeat top;
    }
    
.internalBodyP{
font-size: 12px;
margin: 0 0 0 0;
padding: 10px 0 4px 14px;
    }
    
.bodyUl{
margin: 0 0 0 0;
padding: 0 0 0 35px;
    }
    
.bodyh1 {
    font-size: 18px;
    font-weight: strong;
    margin-top: 3px;
    margin-left: 15px;
    color: #222222;
    }
    
.quote{
text-align: left;
width: 470px;
border: 1px solid #CFCB66;
padding: 7px;
background: #EFEFEF url(/images/quote-bg.jpg) repeat-x top;
margin: 20px 0px 20px 40px;
    }
    
/* Footer */

div#footer div.footleft {
    float: left;
    text-align: left;
    }
    
.footerLeft {
    padding-top: 5px;
    padding-left: 0px;
    }
    
div#footer div.footright {
    float: right;
    text-align: right;
    }
    
.footerRight {
    padding-top: 5px;
    padding-right: 0px;
    }

.footerRight a {
    color: #888888;
    }
    
.footerRight a:hover {
    color: #3B4DA0;
    }
    
/* Home Bot */

.home-bot-container{
    position: relative;
    margin: 20px auto 10px auto;
    padding: 0;
    width: 777px;
    background: #EDEDED;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #666666;
    }

.feature-bot{
position: relative;
float: left;
text-align: left;
padding:0;
margin: 0 15px 0 0;
width: 242px;
height: 120px;
border-right: 1px dotted #999999;
    }
    
.feature-bot ul {
margin: 0;
padding: 5px 0 0 6px;
font-size: 10px;
    }

.feature-bot ul li{
margin-bottom: 5px;
}

.feature-bot ul li a {
    text-decoration: none;
    color: #3B4DA0;
    }
    
.feature-bot ul li a:hover {
    color: #3B4DA0;
    border-bottom: 1px solid #3B4DA0;
    }

.feature-bot-p{
margin:0;
padding: 0 10px 5px 5px;
    }
    
/* STYLES FOR FORMS */


.form{
border: 1px solid #ABABAB;
margin: 20px auto;
padding: 10px;
width: 450px;
    }

input, textarea, select{
	border:1px dotted #ABABAB;
	margin:3px;
	padding:0px 3px;
	font:95%/180% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
        color:#666666;
        background-color: #EFEFEF;
}



label{
	float:left;
	margin:5px;
	width:100px;
	display:block;
}



.clearAll{
	clear:both;
}