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

/* CSS Document for dspro */


/* --------------------------------------------------- Glabal Tags ----------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background-image: url(../images/body-bg.gif);
	font-family:Arial, Helvetica, sans-serif;
}

* {
outline: none;
}

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

a img {
border: none;
}

ul, ol {
margin: 0;
padding: 0;
list-style-type: none;
}
.left {
	float: left;
}
.right {
	float: right;
}


.astrik {
	color: #CC0000;
}


/* ----------------------------------- embeded fonts --------------------------------------------------*/

@font-face {
    font-family: AlternateGothicEF-NoTwo;
    font-style:  normal;
    font-weight: normal;
   
  }
  
  
  @font-face {
    font-family: Arcitectura;
    font-style:  normal;
    font-weight: normal;

  }

@font-face {
    font-family: VNI-Bandit;
    font-style:  normal;
    font-weight: normal;

  }
.highlight {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #214F81;
}
.points {
	font-size: 1em;
	font-weight: bold;
	display: block;
	clear: both;
	background-color: #70BCD1;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
#content a, #web a, #graphic a, #programming a, #hosting a, #marketing a{
	font-weight: bold;
	text-decoration: underline;
	color: #003366;
}

.note {
	font-size: 90%;
	line-height: 1.2em;
}






  
/* ------------------------------------------Layout Tags ---------------------------------------------------*/
#box {
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	height: auto;
}
#header {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#header #header-l {
	background-image: url(../images/header-left.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 16px;
	float: left;
}
#header #header-body {
	background-image: url(../images/header-bg.gif);
	background-repeat: repeat-x;
	height: 160px;
	width: 948px;
	float: left;
}
#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 15px;
	margin-left: 22px;
	height: 92px;
	width: 293px;
	display: inline;
}
#logo a {
	display: block;
	text-indent: -9999px;
	height: 92px;
}
#navigation {
	float: left;
	width: 570px;
	padding-left: 62px;
}
#navigation ul {
}
#navigation ul li {
	float: left;
}
#navigation ul li a {
	display: block;
	height: 108px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 4px;
}

#navigation ul li a.home {
	background-image: url(../images/home-n.png);
	width: 72px;
}
#navigation ul li a.home:hover, #navigation ul li a.homeactive {
	background-image: url(../images/home-over.png);
	width: 72px;
}

#navigation ul li a.portfolio {
	background-image: url(../images/portfolio-n.png);
	width: 84px;
}
#navigation ul li a.portfolio:hover, #navigation ul li a.portfolioactive {
	background-image: url(../images/portfolio-over.png);
	width: 84px;
}

#navigation ul li a.support {
	background-image: url(../images/support-n.png);
	width: 75px;
}
#navigation ul li a.support:hover, #navigation ul li a.supportactive {
	background-image: url(../images/support-over.png);
	width: 75px;
}

#navigation ul li a.special {
	background-image: url(../images/special-n.png);
	width: 147px;
}
#navigation ul li a.special:hover, #navigation ul li a.specialactive {
	background-image: url(../images/special-over.png);
		width: 147px;
}

#navigation ul li a.contact {
	background-image: url(../images/contact-n.png);
	width: 143px;
}
#navigation ul li a.contact:hover, #navigation ul li a.contactactive {
	background-image: url(../images/contact-over.png);
	width: 143px;
}


#header #header-r {
	float: left;
	height: 160px;
	width: 16px;
	background-image: url(../images/header-right.png);
	background-repeat: no-repeat;
}
#header #header-bottom {
	float: left;
	height: 32px;
	width: 100%;
	margin-top: 20px;
	clear: both;
}
#header-bottom #tagline {
	background-image: url(../images/tagline.gif);
	background-repeat: no-repeat;
	float: left;
	height: 21px;
	width: 460px;
	margin-top: 5px;
	margin-left: 250px;
	display: inline;
}
#header-bottom #language-bar {
	float: left;
	width: 80px;
	margin-left: 130px;
	margin-top: 5px;
}
#header-bottom #language-bar img {
	padding-right: 7px;
	float: left;
}
#container {
	float: left;
	height: auto;
	width: 960px;
	margin-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
}
#col1 {
	float: left;
	height: auto;
	width: 221px;
}
#mainlinks ul li {
	padding-bottom: 2px;
}
#leftnav {
	width: 100%;
	float: left;
	height: auto;
}
.web, .graphic, .programming, .marketing, .hosting {
	margin-bottom: 10px;
	clear: left;
}
.web h2, .graphic h2, .programming h2, .marketing h2, .hosting h2 {

	width: 221px;
	margin: 0px;
	padding: 0px;
}

.web h2 {
background: url(../images/web-h2.png) ;
	height: 47px;
}

.graphic h2 {
	background: url(../images/graphic-h2.png) no-repeat;
		height: 42px;
}

.programming h2 {
	background: url(../images/programming-h2.png) no-repeat;
		height: 44px;
}

.marketing h2 {
background: url(../images/marketing-h2.png) no-repeat;
		height: 49px;
}

.hosting h2 {
background: url(../images/hosting-h2.png) no-repeat;
		height: 44px;
}

.web ul, .graphic ul, .programming ul, .marketing ul, .hosting ul  {
	background-color: #efeeee;
	width: 209px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}
.web ul li a, .graphic ul li a, .programming ul li a, .marketing ul li a, .hosting ul li a {
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 12px;
	margin-top: 1px;
	margin-bottom: 1px;
	display: block;
	line-height: 20px;
}
.web ul li a {
	font-size: 1.2em;
	color: #5a5959;
}

.graphic ul li a {
font-size: 1.2em;
	color: #967067;
}
.programming ul li a {
font-size: 1.2em;
color: #1d4b5a;
}

.marketing ul li a {
	font-size: 1.2em;
	color: #b84f26;
}
.hosting ul li a {
	font-size: 1.2em;
	color: #406429;
}

.web ul li a{
	background-image: url(../images/web-li-bg.gif);
}
.web ul li a.active, .web ul li a:hover {
	background-image: url(../images/web-li-over.gif);
	font-weight: bold;
}

.graphic ul li a.active, .graphic ul li a:hover {
background-image: url(../images/graphic-li-over.gif);
	font-weight: bold;
}

.programming ul li a.active, .programming ul li a:hover {
background-image: url(../images/programming-li-over.gif);
	font-weight: bold;
}

.marketing ul li a.active, .marketing ul li a:hover {
background-image: url(../images/marketing-li-over.gif);
	font-weight: bold;
}

.hosting ul li a.active, .hosting ul li a:hover {
background-image: url(../images/hosting-li-over.gif);
	font-weight: bold;
}

.graphic ul li a{
background-image: url(../images/graphic-li-bg.gif);
}

.programming ul li a {
background-image: url(../images/programming-li-bg.gif);
}

.marketing ul li a {
background-image: url(../images/marketing-li-bg.gif);
}
.hosting ul li a {
background-image: url(../images/hosting-li-bg.gif);
}

#freequote {
	background-image: url(../images/boxes-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 3px;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	float: left;
	width: 100%;
}
#freequote-form {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #eceadf;
	border-bottom-color: #eceadf;
	border-left-color: #eceadf;
}

#freequote .textarea, #quickquote .textarea {
	height: 70px;
	width: 100%;
	background-color: #e5ddd9;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	font-size: 1.5em;
}
#freequote .input, #quickquote .input {
	width: 100%;
	color: #7a7d7d;
	font-size: 1.1em;
	background-color: #d3d8e1;
	height: 18px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}

#freequote .button {
	background-color: transparent;
	background-image: url(../images/submit-bt1.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 83px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
#col2 {
	float: left;
	height: auto;
	width: 483px;
	margin-right: 20px;
	margin-left: 20px;
}
#slideshow {
	height: 285px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#content, #web, #graphic, #programming, #marketing, #hosting {
	width: 417px;
	margin: 0px;
	height: auto;
	padding-right: 33px;
	padding-left: 33px;
	float: left;
	padding-bottom: 12px;
}
#content h1, #web h1, #graphic h1, #programming h1, #marketing h1, #hosting h1 {
	margin: 0px;
	background-repeat: no-repeat;
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#content h1 {
background-image: url(../images/h1-bg.gif);
color: #FFFFFF;
}

#web h1 {
background-image: url(../images/web-h1.png);
color: #5a5959;
}

#graphic h1 {
background-image: url(../images/graphic-h1.png);
color: #592a20;
}

#programming h1 {
background-image: url(../images/programming-h1.png);
color: #1c4b5a;
}

#marketing h1 {
background-image: url(../images/marketing-h1.png);
color: #b94f26;
}

#hosting h1 {
background-image: url(../images/hosting-h1.png);
color: #406429;
}

#content p, #web p, #graphic p, #programming p, #marketing p, #hosting p {
	padding-right: 3px;
	padding-left: 7px;
	font-size: 1.2em;
	color: #000000;
	font-weight: 400;
	line-height: 1.6em;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.bullet1 ul {
}
.bullet1 ul li {
	font-size: 1.2em;
	padding-bottom: 6px;
	padding-left: 16px;
	margin-left: 6px;
	background-position: left 1px;
	background-image: url(../images/bullet1.png);
	background-repeat: no-repeat;
}
.steps ul {
}
.steps ul li {
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 96px;
	background-position: 5px 5px;
	padding-top: 5px;
	height: 87px;
	margin-right: 3px;
	margin-left: 7px;
	margin-bottom: 2px;
	padding-right: 5px;
	font-size: 1.1em;
}
.steps li.step1 {
	background-image: url(../images/step1.gif);
}
.steps li.step2 {
	background-image: url(../images/step2.gif);
}
.steps li.step3 {
	background-image: url(../images/step3.gif);
}
.steps strong {
	display: block;
	font-size: 1.2em;
	color: #592A20;
	padding-bottom: 4px;
	padding-top: 4px;
}
.packages ul {
}
.packages ul li {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 93px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-right: 3px;
	margin-left: 7px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
	margin-bottom: 4px;
}
.packages li.box {
	background-image: url(../images/bronz2.jpg);
}
.packages li .content {
	background-color: #CCE6FF;
	padding: 2px;
	margin-bottom: 3px;
}
.packages li.ecom {
	background-image: url(../images/ecommerce2.jpg);
}

.packages ul li strong {
	font-size: 110%;
	display: block;
	color: #74592C;
}
.packages ul li strong span {
	font-size: 120%;
	color: #063248;
	line-height: 1.7em;
	font-weight: bold;
}
#content fieldset {
	margin-right: 3px;
	margin-left: 7px;
	padding: 5px;
	background-color: #FFFFFF;
}
#content legend {
	font-size: 1.4em;
	font-weight: bold;
	color: #C16643;
}
#content label {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2em;
}
#content fieldset textarea {
	width: 300px;
	height: 90px;
}
.thumbs {
}
.thumbs img {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 2px;
	margin-right: 37px;
	margin-left: 7px;
}








			
#web #start {
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	background-image: url(../images/web-start.png);
	text-align: center;
	font-size: 1.8em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	display:none;

}


#graphic #start {
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	background-image: url(../images/graphic-start.png);
	text-align: center;
	font-size: 1.8em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	display:none;
}

#programming #start {
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	background-image: url(../images/programming-start.png);
	text-align: center;
	font-size: 1.8em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	display:none;
}

#marketing #start {
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	background-image: url(../images/marketing-start.png);
	text-align: center;
	font-size: 1.8em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	display:none;
}

#hosting #start {
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	background-image: url(../images/hosting-start.png);
	text-align: center;
	font-size: 1.8em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	display:none;
}

#web .price {
	font-family: VNI-Bandit;
	color: #5a5959;
}

#graphic .price {
	font-family: VNI-Bandit;
	color: #592a20;
}

#programming .price {
	font-family: VNI-Bandit;
	color: #1c4b5a;
}

#marketing .price {
	font-family: VNI-Bandit;
	color: #b94f26;
}

#hosting .price {
	font-family: VNI-Bandit;
	color: #406429;
}
#quickquote {
	background-image: url(../images/quickquote-bg.png);
	background-repeat: no-repeat;
	height: 172px;
	width: 364px;
	float: left;
	margin-top: 15px;
	padding-top: 50px;
	padding-left: 57px;
}
#web #quickquote .button {
background-color: transparent;
background: url(../images/web-submit.jpg) no-repeat;
width: 103px;
height: 34px;
border: none;
cursor: pointer;
}

#graphic #quickquote .button {
background-color: transparent;
background: url(../images/graphic-submit.jpg) no-repeat;
width: 103px;
height: 34px;
border: none;
cursor: pointer;
}
#programming #quickquote .button {
background-color: transparent;
background: url(../images/programming-submit.jpg) no-repeat;
width: 103px;
height: 34px;
border: none;
cursor: pointer;
}
#marketing #quickquote .button {
background-color: transparent;
background: url(../images/marketing-submit.jpg) no-repeat;
width: 103px;
height: 34px;
border: none;
cursor: pointer;
}
#hosting #quickquote .button {
background-color: transparent;
background: url(../images/hosting-submit.jpg) no-repeat;
width: 103px;
height: 34px;
border: none;
cursor: pointer;
}



#col3 {
	float: left;
	width: 208px;
	margin: 0px;
	padding: 0px;
	height: auto;
}
.right-boxes {
	float: left;
	margin-bottom: 10px;
	height: auto;
	width: 208px;
	padding: 0px;
}
.right-boxes-content {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #eceadf;
	border-bottom-color: #eceadf;
	border-left-color: #eceadf;
	width: 201px;
	margin-right: 5px;
	margin-left: 2px;
	height: auto;
	background-image: url(../images/boxes-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	float: left;
}
.right-boxes .input {
	background-color: #e8e8e8;
	width: 100%;
	color: #333333;
	font-size: 1.1em;
	font-weight: normal;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cfcfcf;
	border-left-color: #cfcfcf;
	height: 22px;
}
.right-boxes .select {
	height: 22px;
	width: 100%;
	color: #333333;
	background-color: #e8e8e8;
	font-size: 1.1em;
	font-weight: normal;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cfcfcf;
	border-left-color: #cfcfcf;
}

.right-boxes .button {
	background-color: transparent;
	background-image: url(../images/send-bt1.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 63px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
.testi-pic {
	float: left;
	height: 120px;
	width: 76px;
	padding-top: 10px;
}
.testi {
	float: left;
	width: 115px;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	color: #8e8f8d;
	padding-top: 10px;
	padding-right: 5px;
}
.testi-name {
	float: left;
	width: 115px;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding-top: 8px;
	padding-right: 5px;
	visibility:hidden;

}




#footer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	float: left;
	height: 80px;
}
#footnav {
	float: left;
	margin-top: 17px;
	margin-left: 25px;
	width: 700px;
	padding: 0px;
	height: auto;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
}
#footnav ul li {
	display: inline;
}
#footnav ul li a {
	color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
}
#footnav ul li a:hover {
	color: #818181;
	background-color: #FFFFFF;
}
#copyright {
	float: left;
	width: 400px;
	height: 25px;
	margin-left: 25px;
	display: inline;
	font-size: 1.2em;
	color: #c2e6ef;
	padding-left: 2px;
	padding-top: 4px;
}
#footlogo {
	background-image: url(../images/footer-logo.png);
	background-repeat: no-repeat;
	float: right;
	height: 30px;
	width: 115px;
	margin-top: 19px;
	margin-right: 12px;
	display: inline;
}

#support
{
background-image:url(../images/support.gif);
background-repeat:no-repeat;
width:417px;
height:262px;
}