/* Document Settings _______________________________________________________________*/

#HeaderContainer {
	width:100%;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	margin:0;
	padding:0;
	line-height: 200%;
	background-image:url(../images/main-bg.jpg);
	background-color: #000000;
	background-repeat: repeat;

}

iframe {
	background-color:#2B2B2B;
}

hr {
border: 0;
color: #BC2A13;
background-color: #AE0000;
height: 1px;
width: 100%;
text-align: left;
}

h1 {
	font-size: 22px;
	color: #2B2B2B;
	line-height: 120%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 18px;
	color: #2B2B2B;
	line-height: 80%;
	font-weight: normal;
}

h3 {
	font-size: 24px;
	color: #FFFFFF;
	line-height: 80%;
	font-weight: normal;
	text-align:left;

}
h4 {
	font-size: 18px;
	line-height: 80%;
	font-weight: normal;
}

h5 {
	font-size: 20px;
	color: #FF7902;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	line-height:120%;
	padding-left:15px;
	padding-top:15px;
	margin:0;

}

.orange{
	color:#FF7902;
}

.white{
	color:#FFF;
}

.black{
color:#000000;
}



.orange-bg{
background-color:#F67C17;
}

.bigtext{
	font-size:20px;
	line-height:120%;
}


#slideshow-container {width:955px;}

/* Right Section _______________________________________________________________*/

#right-ads-container{
	float:right;
	width:180px;
	display:block;
	margin-top:0.2em;
	line-height: 160%;
	height:215px;
	overflow: hidden;
}

.right-ads-title{
	width:180px;
	height:32px;
	float:left;
	color: #FFFFFF;
	margin-top: 5px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}

.right-ads-holder{
	width:180px;
	height:150px;
	float:left;
}

.right-ads-pic{
	width:60px;
	height:100px;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
}

.right-ads-text{
	width:180px;
	height:20px;
	float:left;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 130%;
	text-align: center;
}

.right-sep{
	float:right;
	width:180px;
	height:20px;
	background-image: url(../images/right-sep.gif);
	background-repeat: no-repeat;
	line-height: 100%;
	margin-top: 1em;
}

/* Header Section _______________________________________________________________*/



#Header {
	width:955px;
	height:396px;
	margin-right: auto;
	margin-left: auto;

}

#Header-Short {
	width:955px;
	height:122px;
	margin-right: auto;
	margin-left: auto;

}


#Logo{
	float:left;
	display:block;
	width:330px;
	height:105px;
	margin-top: 10px;

}

#menu{
	float:right;
	display:block;
	width:608px;
	height: 40px;
}

#header-contact{
	float:right;
	display:block;
	width:610px;
	height:78px;
	overflow: hidden;
	line-height: 150%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}

#header-contact a{
text-decoration:none;
color:#FFFFFF;

}

#search{
	float:right;
	display:block;
	width:300px;
	height:65px;
}

#h-contact{
	float:left;
	display:block;
	width:250px;
	height:65px;
}

.Date {
	width:260px;
	height:27px;
	top: 0px;
	text-align:right;
	float: right;
	position: relative;
	color: #FFFFFF;
	padding-top: 3px;
	font-weight: normal;
	font-size: 12px;
	padding-right: 3px;
}


/* Main Content _______________________________________________________________*/

#flash{
	float:left;
	width:920px;
	height: 220px;
}

#flashbg{
	width:955px;
	height: 274px;
	z-index:20;
	margin-right: auto;
	margin-left: auto;
}

#main-content-container {
	width:100%;
	background-repeat: repeat-x;
}

#main-content {
	width:955px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

*html #ServicesText{
	margin-left: 1em;
	padding-top:15px;
}

*:first-child+html #ServicesText{
	padding-top:15px;
}

#ServicesText{
	float:left;
	display:block;
	width:470px;
	text-align: justify;
	margin-left: 2em;

}

*html #MainText{
	margin-left: 1em;
	padding-top:15px;
}

*:first-child+html #MainText{
	padding-top:15px;
}

#MainText{
	float:left;
	display:block;
	width:415px;
	text-align: justify;
	margin-left: 2em;

}

* html #MainText2{
	margin-left: 0.75em;
	padding-top:15px;
}

*:first-child+html #MainText2{
	padding-top:15px;
}


#MainText2{
	float:left;
	display:block;
	width:660px;
	text-align: justify;
	margin-left: 1.5em;
}

#MainText3{
	float:left;
	display:block;
	width:935px;
	text-align: justify;
}

* html #MainText4{
	margin-left: 0.75em;
	padding-top:15px;
}

*:first-child+html #MainText4{
	padding-top:15px;
}


#MainText4{
	float:left;
	display:block;
	width:890px;
	text-align: justify;
	margin-left: 1.5em;
	color: #FFF;
}



#sidenav {
	width: 170px;
	float: left;
	font-size:12px;
	line-height:160%;
}

#advantages {
	width: 170px;
	float: left;
	font-size:12px;
	margin-top:2em;
	line-height:140%;
	text-align: left;
}


.leftcontainer{
	float:left;
	width: 170px;
	float: left;
	font-size:11px;
	margin-left: 1.5em;
	line-height:160%;
	margin-top: 1em;
}

.sidenavlist{
	margin:0px;
	padding:0px;
}

ul.sidenavlist {
	list-style: none;
}

ul.sidenavlist li {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}

ul.sidenavlist li a {
	display: block;
	float: left;
	width: 160px;
	color: #000;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 6px;
	text-decoration:none;
}

ul.sidenavlist li a:hover {
	color: #FF7902;
}


ul.sidenavlist li a.active {
	color: #FF7902;
	text-decoration: none;
	
}

ul.sidenavlist li a.subsub {
	width: 160px;
	font-weight: normal;
}


body.websitedesign a.websitedesignnav,
body.ecommerce a.ecommercenav,
body.content-management a.content-managementnav,
body.seo a.seonav,
body.hosting a.hostingnav
{
	color: #f68b20;
	text-decoration: none;
	padding-left: 4px;
}





*html #HomeText{
	margin-left: 1em;
}


#HomeText{
	float:left;
	display:block;
	width:430px;
	text-align: justify;
	margin-left: 2em;
}

.HomeTextContent{
	float:left;
	display:block;
	width:200px;
	text-align: justify;
	margin-right: 1.1em;
}

.HomeTextContent a{
color:#FF7902;
}

.HomeTextContentLast{
	float:left;
	display:block;
	width:200px;
	text-align: justify;
}

.HomeTextContentLast a{
color:#FF7902;
}

#body-content{
	float:right;
	display:block;
	width:690px;
	margin-bottom: 10px;
	text-align: justify;
	background-color:#FFFFFF;
	background-image: url(../images/main-content-footer.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center bottom;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2em;
	padding-left: 10px;
}

#body-content2{
	display:block;
	width:935px;
	margin-bottom: 10px;
	text-align: justify;
	background-color:#FFFFFF;
	background-image: url(../images/body-header2.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
}

#body-content3{
	display:block;
	width:935px;
	margin-bottom: 20px;
	text-align: justify;
	background-color:#2B2B2B;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	color: #FFF;
}

.case-ad-titles{
	float:right;
	display:block;
	width:220px;
	font-size: 20px;
	font-weight: bold;
	color: #FF7902;
	line-height: 110%;
	text-align: left;
	margin-left: 0.7em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.case-ad-text{
	float:right;
	display:block;
	width:210px;
	font-size: 15px;
	font-weight: bold;
	color: #2B2B2B;
	line-height: 120%;
	text-align: left;
	margin-left: 1em;
	padding-right: 10px;
}

.case-ad-text a{
	color:#2B2B2B;
	text-decoration:none;
}

.case-ad-text a:hover{

}



#home-services{
	float:right;
	display:block;
	width:710px;
	margin-bottom: 10px;
	text-align: justify;
}

.services-list{
	float:left;
	display:block;
	width:230px;
	height:147px;
	margin-bottom: 0.5em;
	background-image: url(../images/home-services-bg.jpg);
	background-repeat: no-repeat;
	margin-right: 0.8em;
}

.services-list-end{
	float:left;
	display:block;
	width:230px;
	height:147px;
	margin-bottom: 10px;
	text-align: justify;
	background-image: url(../images/home-services-bg.jpg);
	background-repeat: no-repeat;
}


.services-title{
	float:left;
	display:block;
	width:210px;
	height:30px;
	margin-left: 0.6em;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	line-height: 170%;
}

.services-text{
	float:left;
	display:block;
	width:210px;
	margin-left: 0.8em;
	line-height: 150%;
	text-align: left;
}
.services-text a{
color:#000000;
}

.services-text a:hover{
padding-left:2px;
}

.services-text ul{
list-style-type: none;
padding: 0;
margin: 0;
}

.services-text ul li{
list-style-type: none;
padding-left:15px;
background-image:url(../images/services-nav.gif);
background-repeat:no-repeat;

}
 
a{
	color:#FF7902;
	text-decoration:none;
}
a:hover{
	color:#FF7902;
	text-decoration:none;
}

#navbar{
	width:955px;
	height: 34px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
}

#nav{
	width:710px;
	height: 30px;
	float:right;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

#nav2{
	width:925px;
	height: 30px;
	float:right;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

* html #printbut{
	margin-right: 15px;
}

#printbut{
	float:right;
	width:20px;
	height:20px;
	margin-top: 2px;
	margin-right: 30px;
}

#emailbut{
	float:right;
	width:30px;
	height:20px;
	margin-top: 5px;
	margin-right: 0.5em;
}

/* Right Content _______________________________________________________________*/

#right-container{
	float:right;
	width:220px;
	margin-top: 0.5em;
}

* html .right-ad-titles{
	margin-left: 1em;
}

.right-ad-titles{
	float:left;
	display:block;
	width:145px;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
	color: #2B2B2B;
	line-height: 110%;
	text-align: left;
	margin-left: 2em;
	margin-bottom: 0.5em;
	height: 25px;
	padding-top: 2px;
}

.right-ad-text{
	float:left;
	display:block;
	width:165px;
	font-family: Calibri;
	color: #000000;
	line-height: 150%;
	text-align: left;
	margin-left: 1em;
	margin-top: 1em;
}

.right-ad-text ul{
list-style-type: none;
padding: 0;
margin: 0;
}

.right-ad-text ul li{
	list-style-type: none;
	padding-left:15px;
	background-image:url(../images/services-nav.gif);
	background-repeat:no-repeat;
	padding-bottom: 10px;
	background-position: left top;

}


.right-ad-text a{
	color: #000000;
}

#right-ads1{
	float:left;
	display:block;
	width:200px;
	margin-bottom: 2em;
	text-align: justify;
	background-image: url(../images/right-contact.jpg);
	background-repeat: no-repeat;
}

#right-ads2{
	float:left;
	display:220;
	width:200px;
	margin-bottom: 1em;
	text-align: justify;
	background-image: url(../images/right-case-studies.jpg);
	background-repeat: no-repeat;
}

#right-ads3{
	float:left;
	width:200px;
	text-align: justify;
	background-image: url(../images/ongoing.jpg);
	background-repeat: no-repeat;
}

.slideshow {
	height: 220px;
	width: 210px;
	overflow:hidden;
	float: left;
	z-index: 1;
}
.ad-container{
	float:left;
	width:185px;
	height:195px;
	margin-left: 0.6em;
	z-index: 1;
}

.ad-title{
	float:left;
	width:180px;
	height:30px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}

.ad-des{
	float:left;
	width:210px;
	height:220px;
	margin-top: 5px;
}

.a-comment{
	float:left;
	width:210px;
	height:50px;
	line-height: 130%;
}

.ad-des img{
	border:none;
}


/* Left Content _______________________________________________________________*/

#left-container{
	float:left;
	width:235px;
	min-height:860px;
}

#left-container a{
text-decoration:none;
}

#left-container a:hover{
text-decoration:underline;
}

.left-ad-titles{
	float:left;
	display:block;
	width:145px;
	font-family: Calibri;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110%;
	text-align: left;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.left-ad-text{
	float:left;
	display:block;
	width:165px;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
	color: #CBCBCB;
	line-height: 120%;
	text-align: left;
}

.left-ad-text a{
	color: #CBCBCB;
}

#left-ad1{
	float:left;
	display:block;
	width:225px;
	height:140px;
	margin-bottom: 1em;
	text-align: justify;
	background-image: url(../images/side-ad1.jpg);
	background-repeat: no-repeat;
	padding-left:10px;
}

#left-ad1:hover{
	background-position:left -140px;
	background-image: url(../images/side-ad1.jpg);
	background-repeat: no-repeat;
}

#twitter{
	float:left;
	display:block;
	width:180px;
	height:70px;
	text-align: justify;
}


#left-ad2{
	float:left;
	display:block;
	width:225px;
	height:105px;
	margin-bottom: 1em;
	text-align: justify;
	background-image: url(../images/side-ad2.jpg);
	background-repeat: no-repeat;
	padding-left:10px;
}

#left-ad2:hover{
background-position:left -105px;
	background-image: url(../images/side-ad2.jpg);
	background-repeat: no-repeat;
}

#left-ad3{
	float:left;
	display:block;
	width:225px;
	height:307px;
	margin-bottom: 1em;
	text-align: justify;
	background-image: url(../images/side-ad3.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
}

.left-comments{
	float:left;
	display:block;
	width:180px;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110%;
	text-align: left;
	margin-left: 1em;
	height: 110px;
	margin-top: 1.5em;
}

#twitter-ad{
	float:left;
	display:block;
	width:235px;
	height:180px;
	margin-bottom: 1em;
	text-align: justify;
}

/* Footer Content _______________________________________________________________*/

#Footer-Container {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/footer-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#copyright {
	width:100%;
	height: 31px;
	color: #FFFFFF;
	line-height: 120%;
	float:left;
	padding-top: 10px;
}

#tag-cloud {
	width:415px;
	height: 70px;
	color: #FFFFFF;
	line-height: 120%;
	float:left;
	display: inline;

 	 padding: 0;
 	 margin: 0;
}

#Footer {
	width:955px;
	height: 240px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
}

#Footer img {
border:none;
}

*html .Footer-Menu {
	padding-top:25px;
	height:105px;
}

*:first-child+html .Footer-Menu {
	padding-top:25px;
	height:105px;
}

.Footer-Menu {
	float:left;
	width:310px;
	color: #FFFFFF;
	line-height: 120%;
	height: 240px;
	text-align: right;
	height: 230px;
}

.Footer-Menu ul {
	margin: 0;
	padding-left: 10px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	background-repeat: no-repeat;
}

.Footer-Menu li {
	display: inline;

}

.Footer-Menu-last{
	border-right-style: none;	
}

.Footer-Menu-items{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF7902;	
}

.Footer-Menu li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 30px;
	text-align:left;
	width: 260px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	font-size:14px;	
	background-image: url(../images/right-arrow.gif);
	background-repeat: no-repeat;
}
.Footer-Menu li a:hover {
	color: #FF7902;
	background-image: url(../images/right-arrow-hover.gif);
	background-repeat: no-repeat;
	background-color: #333333;

}

*html .Footer-contact {
	padding-top:25px;
	height:205px;

}

*:first-child+html .Footer-contact {
	padding-top:25px;
	height:205px;

}

.Footer-contact {
	float:left;
	width:320px;
	color: #FFFFFF;
	height: 230px;
	text-align: left;
	margin-right: 2em;

}

.Footer-contact-last a {
	color: #FFFFFF;
}

*html .Footer-contact-last {
	padding-top:25px;
	height:205px;
}

*:first-child+html .Footer-contact-last {
	padding-top:25px;
	height:205px;
}



.Footer-contact-last {
	float:right;
	width:280px;
	color: #FFFFFF;
	height: 230px;
	text-align: left;

}

.Footer-contact a {
	color: #FFFFFF;
}

.Footer-address-all {
	float:left;
	width:100%;
	color: #FFFFFF;
	text-align: justify;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 2em;
	background-color: #333333;
	height: 30px;
	padding-top: 5px;
}

.Footer-address {
	width:955px;
	color: #FFFFFF;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
}

.Footer-address a {
	color: #FFFFFF;
	text-decoration:none;
}
.Footer-address a:hover {
	text-decoration:underline;
}

#comments{
	float:left;
	width:200px;
	margin-top:1em;
	color: #FFFFFF;
	line-height:180%;
	text-align:left;
}

#featured-projects{
	float:left;
	width:200px;
	color: #000000;
}

#footer-div{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
}

#footer-div a{
text-decoration:none;
}
#footer-div a:hover{
text-decoration:underline;
}

#footerSlideContainer {
	position:fixed;
	bottom:0;
	width: 100%;
	z-index: 500;
}
#footerSlideButton {
	width:100px;
	text-align:center;
	cursor: pointer;
	color:#FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	background-color: #232324;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: -1px;
	margin-left: auto;
}

#footerSlideContent {
	width:100%;
	color: #FFFFFF;
	text-align: justify;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	background-image:url(../images/trans-bg.png);
	height: 30px;
	padding-top: 5px;
	display:none;
}
#contactus-container{
	display:block;
	width:955px;
	margin-bottom: 20px;
	text-align: justify;
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#contactus{
	display:block;
	width:450px;
	margin-bottom: 10px;
	text-align: justify;
	background-color:#2B2B2B;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	float: left;
}

#contactus2{
	display:block;
	width:450px;
	margin-bottom: 10px;
	text-align: justify;
	background-color:#2B2B2B;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	float: left;
}

* html .contactText2{
	margin-left: 0.75em;
}

.contactText2{
	float:left;
	display:block;
	width:410px;
	text-align: justify;
	margin-left: 1.5em;
	color: #FFF;
}

#map{
	display:block;
	width:450px;
	margin-bottom: 10px;
	text-align: justify;
	background-color:#2B2B2B;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	float: right;
	color: #FFF;
	font-size: 16px;
}


.services{
	display:block;
	width:450px;
	text-align: justify;
	background-color:#2B2B2B;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	float: left;
}

.services-r{
	display:block;
	width:450px;
	text-align: justify;
	background-color:#2B2B2B;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF7902;
	float: right;
}


.button{
	float:left;
	width:60px;
	height:17px;
	text-align: center;
	margin-left:1em;
	font-size:11px;
	font-weight:bold;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	padding-top:3px;
}

.button:hover {
	background-position: left -20px;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
}


.button a{
	color:#2B2B2B;
	line-height: 160%;
}

.button a:hover{
	color:#FFF;
}

#chat{
	float:left;
	display:block;
	width:225px;
	height:200px;
	margin-bottom: 1em;
	text-align: justify;
	padding-left:10px;
}