body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
  margin:0;
  padding:0;
}
body, a {
  font-family: "Trebuchet MS", sans-serif, Tahoma, Arial, Helvetica;
  font-size: 14px;
  color: #333333;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
li {
  list-style: none outside none;
}
p {
clear: both;
text-align:justify;
}
p a {
  color:#004868;
  text-decoration:underline;
}

p, fieldset, table {
margin-bottom: 1em;
}
span.logo, span.logo a {
  font-family: "Century gothic", "Trebuchet MS", sans-serif, Tahoma, Arial, Helvetica;
  font-weight:normal;
  letter-spacing:0em;
  text-decoration:none;
  color: #333333;
}
span.logo a:hover {
  text-decoration:underline;
}


#headerContainer {
  background-image:url('images/bg_top.png');
  background-repeat: repeat-x;
  width:100%;
  height:453px;
  position:relative;
}
#topBar {
  position:relative;
  margin:auto;
  width:1000px;
  line-height:30px;
  clear:both;
}
#topSmallMenu, #topSmallMenu a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #efefef;
  font-size:11px;
  letter-spacing:0.1em;
  text-decoration:none;
}
#topSmallMenu a:hover {
  text-decoration:underline;
}
#topSmallContact, #topSmallContact a {
  font-family: Arial, Helvetica, sans-serif;
  color: #efefef;
  font-size:14px;
  font-weight:bold;
  letter-spacing:0.1em;
  text-decoration:none;
  float:right;
}
#topSmallContact ul li {
  background: url(images/sprite.png) no-repeat transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #efefef;
  font-size:14px;
  font-weight:bold;
  letter-spacing:0.1em;
  text-decoration:none;
  float:left;
  list-style: none;
  width: 145px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0 0px 23px;
  border:0px solid white;
}

#topSmallContact ul li.phoneImage {
  background-position: 0px 8px;
}
#topSmallContact ul li.contactImage {
  background-position: -200px 8px;
}
#topSmallContact ul li a {
  margin: 0px 20px 0px 0px;
}
#topSmallContact ul li a:hover {
  text-decoration:underline;
}
#headerContentsContainer {
  background: url(images/bg_top_light.png) no-repeat transparent;
  width:1000px;
  height:403px;
  margin:auto;
}

#topLogoPlusMenu {
  width:100%;
  margin:auto;
  padding-top:10px;
  height:110px;
  border:0px solid white;
}
#topLogoPlusMenu span.title{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size:14px;
  font-weight:normal;
  letter-spacing:0em;
  text-decoration:none;
  border-bottom:1px solid white;
}
#topLogoPlusMenu li.submenu a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size:12px;
  font-weight:normal;
  line-height:22px;
  text-decoration:none;
}
#topLogoPlusMenu li.submenu a:hover {
  text-decoration:underline;
}
.image_carousels {
	padding: 15px 0px 15px 8px; /*top (-) (-) left */
	position: relative;
	margin:0;
	paddign:0;
}
.image_carousels div.page {
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
	width: 1000px;
	text-align: center;
	height:215px;
}

.image_carousels div.page h1, .image_carousels div.page h1 a{
  font-family: "Century Gothic", sans-serif, Verdana, Arial, Helvetica;
  color: #ffffff;
  font-size:48px;
  font-weight:bold;
  text-align:left;
  clear:both;
  text-decoration:none;
}
.image_carousels div.page h1 span.yellow {
  color:yellow;
}
.image_carousels div.page h2, .image_carousels div.page h2 a {
  font-family: "Century Gothic", sans-serif, Verdana, Arial, Helvetica;
  color: #efefef;
  font-size:26px;
  font-weight:bold;
  text-align:left;
  clear:both;
  text-decoration:none;
}
.image_carousels div.page h3, .image_carousels div.page h3 a {
  font-family: "Century Gothic", sans-serif, Verdana, Arial, Helvetica;
  color: #efefef;
  font-size:20px;
  font-weight:bold;
  text-align:left;
  clear:both;
  text-decoration:none;
}
.image_carousels div.page div.webDesignImg {
  background: url(images/sprite.png) transparent;
  background-position: 0px -105px;
  width:240px;
  height:197px;
  border:0px white solid;
}
.image_carousels div.page div.seoImg {
  background: url(images/sprite.png) transparent;
  background-position: 0px -315px;
  width:240px;
  height:197px;
  border:0px white solid;
}
.image_carousels div.page div.customSoftwareImg {
  background: url(images/sprite.png) transparent;
  background-position: -400px 0px;
  width:250px;
  height:197px;
  border:0px white solid;
}
.image_carousels div.page div.hostingImg {
  background: url(images/sprite.png) transparent;
  background-position: 0px -510px;
  width:270px;
  height:170px;
  border:0px white solid;
}

.image_carousels div.page div.btnMore1 a {
  background: url(images/sprite.png) transparent;
  background-position: 0px -64px;
  width:170px;
  height:41px;
  border:0px white solid;
  float:right;
  font-family: "Century Gothic", sans-serif, Verdana, Arial, Helvetica;
  color: #efefef;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  line-height:41px;
}

.image_carousels div.page div.btnMore1 a:hover {
  background: url(images/sprite.png) transparent;
  background-position: 0px -23px;
  width:170px;
  height:41px;
  border:0px white solid;
  float:right;
  color: #f7f7f7;
}

a.prev, a.next {
	background: url(images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
#mainContents {
  position:relative;
  width:1000px;
  margin:auto;
  margin-top:10px;
  clear:both;
  margin-bottom:20px;
  clear:both;
}
#mainContents h1, #mainContents h1 a {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;;
  color: #333333;
  font-size:25px;
  font-weight:normal;
  text-decoration:none;
  text-align:left;
}
h2 {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;;
  color: #004868;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
}
#columnsContainer {
  width:100%;
  padding-top:10px;
  clear:both;
  float:none;
}
.column {
  width:320px;
  float:left;
}

#columnsContainer div#leftColumn {
  margin-right:20px;
}
#columnsContainer div#middleColumn {
  margin-right:20px;
}
#columnsContainer div#rightColumn {
  clear:right;
}
.column h1 a {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;;
  color: #004868;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
}
.column h1 a:hover {
  text-decoration:none;
  color: #91afbc;
}
.column p {
  margin-top:10px;
  text-align:justify;
}

.heeaderUnderline {
margin-top: 5px;
padding: 0px;
height: 5px;
width: 100%;
background-color: #91afbc;
}

p.readMore a, span.readMore a {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;;
  color: #004868;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  float:right;
  background-color:#e7e7e7;
  padding:3px;
  padding-left:8px;
  padding-right:8px;
}
p.readMore a:hover, span.readMore a:hover {
  text-decoration:underline;
}
div.webDesignImgs {
  background: url(images/sprite.png) transparent;
  background-position: -285px -190px;
  width:106px;
  height:87px;
  border:0px white solid;
  margin-left:5px;
  float:right;
}
div.customSoftwareImgs {
  background: url(images/sprite.png) transparent;
  background-position: -285px -278px;
  width:115px;
  height:85px;
  border:0px white solid;
  margin-left:5px;
  float:right;
}
div.projectsImgs {
  background: url(images/sprite.png) transparent;
  background-position: -285px -365px;
  width:92px;
  height:87px;
  border:0px white solid;
  margin-left:5px;
  float:right;
}
#footerContainer {
  background-color: #363636;
  width:100%;
  position:relative;
  clear:both;
}
#footerContentsContainer {
  position:relative;
  margin:auto;
  width:1000px;
  clear:both;
}
#footerMenu {
  width:100%;
  margin:auto;
  padding-top:10px;
  padding-bottom:10px;
  clear:both;
  border-bottom:1px solid #999999;
}
#footerMenu #footerMenuColumn {
  float:left;
  width:200px;
}
#footerMenu span.title{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #cccccc;
  font-size:14px;
  font-weight:normal;
  letter-spacing:0em;
  text-decoration:none;
  border-bottom:1px solid #cccccc;
}
#footerMenu li.submenu a, li.submenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  font-size:12px;
  font-weight:normal;
  line-height:22px;
  text-decoration:none;
}
#footerMenu li.submenu a:hover {
  text-decoration:underline;
  color: #dddddd;
}
#copyrightContainer {
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
}
#copyrightContainer span, #copyrightContainer span a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  font-size:11px;
  font-weight:normal;
  letter-spacing:0em;
  text-decoration:none;
}
#copyrightContainer span a:hover {
  text-decoration:underline;
}
input, select {
    width:230px;
    border:1px solid #899caa;
    border-radius:5px;
    -moz-border-radius:5px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}
input:focus, select:focus, textarea:focus {
    outline:none;
	background-color:#FFFFCC;
}
.note1, .note1 a {
  color: #777777;
  font-size:11px;
}
.noteBig {
  color: #d30a1e;
  font-size:16px;
  font-weight:bold;
}
li.simpleDot {
  list-style:disc inside;
}
#leftContentsContainer {
  margin:0;
  padding:0;
  padding-right:10px;
  float:left;
  width:760px;
}
#rightContentsContainer {
  margin:0;
  padding:0;
  padding-left:20px;
  width:200px;
  float:right;
}
#rightContentsContainer ul li a {
  color:#004868;
}


