html, body {
 margin: 0;
}

body {
 color: #818181;
 background: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 line-height: 1.4em;
 border-top: 3px solid #000;
 padding-top: 3px;
}

img {
 border: none;
}

a {
 outline: none;
}

a:link, a:visited {
 color: #818181;
 text-decoration: underline;
}

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

#wrapper {
 width: 890px;
 margin: 0 auto;
}

#header {
 height: 81px;
}

#nav {
 width: 374px;
 height: 18px;
 float: right;
 background: url(../images/nav.jpg) no-repeat top;
 margin-top: 43px;
}

#nav ul {
 margin: 0;
}

html>/**/body #nav ul {
 margin-left: -40px;
}

#nav ul li {
 list-style: none;
 display: inline;
 float: left;
 margin: 0 0px 0 0;
}

#nav a {
 height: 18px;
 display: block;
}

#nav a span {
 text-indent: -4000px;
}

html>/**/body #nav a span {
 margin-left: -4000px;
}

#nav ul #navhome, #nav ul #navteam, #nav ul #navservices, #nav ul #navportfolio {
 margin-right: 14px;
}

#nav ul #navhosting {
 margin-right: 15px;
}

#navhome a {
 width: 34px;
 margin-left: 5px;
}

#navhome a:hover, #navhome .select {
 background: url(../images/nav_select.jpg) no-repeat -5px 0;
}

#navteam a {
 width: 56px;
}

#navteam a:hover, #navteam .select {
 background: url(../images/nav_select.jpg) no-repeat -53px 0;
}

#navservices a {
 width: 50px;
}

#navservices a:hover, #navservices .select {
 background: url(../images/nav_select.jpg) no-repeat -123px 0;
}

#navportfolio a {
 width: 47px;
}

#navportfolio a:hover, #navportfolio .select {
 background: url(../images/nav_select.jpg) no-repeat -187px 0;
}

#navhosting a {
 width: 44px;
}

#navhosting a:hover, #navhosting .select {
 background: url(../images/nav_select.jpg) no-repeat -248px 0;
}

#navcontact a {
 width: 64px;
}

#navcontact a:hover, #navcontact .select {
 background: url(../images/nav_select.jpg) no-repeat -307px 0;
}

#recentprojects {
 width: 890px;
 height: 327px;
 margin-bottom: 10px;
}

#featservices {
 width: 174px;
 float: right;
 margin: 0 15px 0 10px;
}

html>/**/body #featservices {
 margin-top: 15px;
}

#featservices h3 {
 width: 174px;
 font-size: 1.4em;
 text-align: center;
 font-weight: normal;
 margin: 0;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
}

html>/**/body #featservices h3 {
 margin-bottom: 3px;
}

.bluetext {
 color: #5189bd;
}

#servicelogos {
 text-align: center;
 margin: 5px 0 0 15px;
}

#featservices p {
 font-size: 0.9em;
 text-align: center;
 margin: 10px 0 0 0;
}

#featservices a {
 color: #818181;
}

#hometext {
 margin-left: 20px;
}

html>/**/body #hometext {
 margin-top: 30px;
}

#hometext h2 {
 width: 243px;
 font-size: 1.5em;
 font-weight: normal;
 margin: 0 0 5px 15px;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
}

html>/**/body #hometext h2 {
 margin-bottom: 3px;
}

#hometext p {
 margin: 0 0 10px 10px;
}

#hometext table {
 font-size: 0.9em;
 border-collapse: collapse;
 margin-bottom: 10px;
}

#hometext table td {
 padding: 3px 7px;
}

#footer {
 width: 888px;
 text-align: center;
 border-top: 1px solid #919191;
 padding-top: 10px;
 clear: both;
}

#footcopyright {
 margin: 0 10px 0 0;
}

html>body #footcopyright {
 margin-right: 20px;
}

html>/**/body #footcopyright {
 margin-top: 0px;
}

#footcopyright li {
 list-style: none;
 font-size: 0.8em;
 text-align: right;
 margin: -2px 0 0 0;
}

#cityselect {
 float: left;
 margin: -30px 0 0 25px;
}

html>/**/body #cityselect {
 margin-left: -20px;
}

#cityselect li {
 font-size: 0.9em;
 display: inline;
 list-style: none;
 float: left;
 padding-right: 5px;
}

#cityselect select {
 font-size: 0.9em;
 border: 1px solid #818181;
}

#cityselect select option {
 padding-right: 50px;
}

#subright {
 width: 243px;
 float: right;
 text-align: center;
 margin-top: 90px;
}

#subright h3 {
 width: 243px;
 font-size: 1.5em;
 font-weight: normal;
 margin: 0 0 15px 0;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
} 

#subright ul {
 margin: 0;
}

html>/**/body #subright ul {
 margin-left: -40px;
}

#subright ul li {
 list-style: none;
}

.contactsub {
 margin-bottom: 35px;
}

#subcontent {
 margin: 80px 0 0 65px;
}

#subcontent h2 {
 width: 243px;
 font-size: 1.5em;
 font-weight: normal;
 margin: 0 0 15px 0;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
} 

#subcontent table {
 margin: 0 0 0 25px;
}

#subcontent table tr td {
 padding-bottom: 5px;
}

#subcontent textarea {
 overflow: auto;
}

#buttons {
 padding-top: 10px;
}

#buttons input {
 margin-right: 10px;
}

.clear {
 clear: both;
}

.bold {
 font-weight: bold;
}

#subright .hostingsub h3 {
 width: 231px;
}

.hostingsub {
 margin-bottom: 170px;
}

.hostingsub h4 {
 font-size: 1.1em;
 font-weight: normal;
 margin: 5px 0 0 0;
 text-align: left;
}

.hostingsub p {
 margin: 10px 0 0 0;
 text-align: left;
}

#domaincheck {
 margin-top: -20px;
}

html>/**/body #domaincheck {
 margin: 0;
}

.gobutton {
 margin-bottom: -5px;
}

html>/**/body .gobutton {
 margin-bottom: -6px;
}

#subcontent p {
 width: 419px;
}

#subcontent h4 {
 font-size: 1.2em;
 margin: 10px 0 0 0;
}

#subcontent ul {
 margin: 0 0 20px 0;
}

html>/**/body #subcontent ul {
 margin-left: -40px;
}

#subcontent ul li {
 list-style: none;
 margin: 5px 0 7px 0;
}

#subcontent .bullet {
 color: #5189bd;
 font-size: 0.9em;
 padding-left: 10px;
} 

#subcontent ul li a {
 font-weight: bold;
 text-decoration: none;
}

#subcontent ul li a:hover {
 text-decoration: underline;
}

#teamright {
 width: 347px;
 float: right;
 margin: 90px 0 30px 0;
}

#teamright table {
 width: 347px;
 border-collapse: collapse;
}

#teamright table tr td {
 border-bottom: 1px solid #cccccc;
}

#teamright a {
 text-decoration: none;
}

#teamright a:hover {
 text-decoration: underline;
}

#teamcontent {
 width: 435px;
 margin: 80px 0 20px 0;
}

#teamcontent h2 {
 width: 243px;
 font-size: 1.5em;
 font-weight: normal;
 margin: 0 0 15px 0;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
}

#teamcontent h3 {
 font-size: 1.3em;
 margin: 20px 0 0 10px;
}

#teamcontent h4 {
 font-size: 1.1em;
 margin: 5px 0 0 10px;
}
 
#teampic {
 width: 435px;
 height: 242px;
 background: url(../images/team_pic_bg.jpg) no-repeat top;
 margin-top: 5px;
 padding-top: 7px;
 padding-left: 12px;
}

#teampic img {
 width: 423px;
 height: 228px;
}

#teamcontent p {
 width: 424px;
 margin: 10px 0 0 10px;
}

#subright .servicesub {
 width: 176px;
 margin-bottom: 30px;
}

#subright .servicesub h3 {
 width: 176px;
}

#subright .servicesub ul li {
 text-align: left;
 font-weight: bold;
 margin: 0 0 1px 10px;
}

#portright {
 width: 399px;
 float: right;
 margin: 120px 0 0 0;
}

.portcat {
 margin-bottom: 5px;
}

.portcat p {
 width: 399px;
 height: 24px;
 border: 1px solid #e3e3e3;
 margin: 0;
 padding: 2px 0 0 0;
 clear: left;
}

.portcat a {
 text-decoration: none;
 font-size: 1.1em;
 padding: 0 0 0 13px;
}

.portcat a:hover, a.catselect {
 color: #5189bd;
}

.catarrow {
 float: right;
 margin-top: -2px;
}

.navtop, .navbottom {
 width: 14px;
 float: right;
}

.navtop {
 margin: 15px 7px 0 0;
}

html>/**/body .navtop {
 margin-top: 0;
}

.navbottom {
 clear: right;
 margin: 40px 7px 0 0;
}

.thumbs ul {
 margin: 10px 0 0 0;
}

html>/**/body .thumbs ul {
 margin-left: -40px;
}

.thumbs ul li {
 width: 80px;
 height: 61px;
 list-style: none;
 display: inline;
 float: left;
 margin: 0 5px 5px 0;
}

html>body .thumbs ul li {
 margin: 0 10px 5px 0;
}

.thumbs ul li a {
 width: 80px;
 height: 61px;
 background: url(../images/portthumb_bg.jpg) no-repeat 9px 0;
 padding: 4px 15px 4px 13px;
}

html>body .thumbs ul li a {
 display: block;
 padding-top: 0;
}

.thumbs ul li img {
 width: 72px;
 height: 53px;
 margin: 4px 0 0 0;
}

#portleft {
 width: 380px;
 margin: 81px 0 0 0;
}

#portleft h2 {
 width: 356px;
 font-size: 1.4em;
 font-weight: normal;
 margin: 0 0 15px 0;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
}

.projectname {
 font-size: 0.9em;
 font-weight: bold;
}

#portpic {
 width: 380px;
 background: url(../images/portpic_bg.jpg) no-repeat top;
}

#portpic img {
 width: 370px;
 height: 283px;
 margin: 5px 0 0 5px;
}

#picnav {
 padding-bottom: 25px;
}

html>/**/body #picnav {
 padding-bottom: 60px;
}

#picnav ul {
 width: 380px;
 margin: -2px 0 0 3px;
}

html>/**/body #picnav ul {
 margin: 0 0 0 -37px;
}

#picnav ul li {
 width: 22px;
 height: 22px;
 display: inline;
 list-style: none;
 background: url(../images/picnav_bg.png) no-repeat top;
 float: left;
 margin: 0;
}

#picnav ul li a {
 width: 17px; 
 height: 17px;
 color: #000;
 font-size: 0.9em;
 text-decoration: none;
 display: block;
 text-align: center;
 margin: 0 0 0 2px;
}

#picnav ul li a#link1 {
 background: #ffdada;
} 
 
#picnav ul li a#link2 {
 background: #ffe9d9;
} 

#picnav ul li a#link3 {
 background: #f3ffd9;
} 

#picnav ul li a#link4 {
 background: #e3ffd9;
} 

#picnav ul li a#link5 {
 background: #d9ffde;
} 

#picnav ul li a#link6 {
 background: #d9fcff;
} 

#picnav ul li a#link7 {
 background: #d9eeff;
} 

#picnav ul li a#link8 {
 background: #d9dfff;
} 

#picnav ul li a#link9 {
 background: #ded9ff;
} 

#picnav ul li a#link10 {
 background: #ebd9ff;
} 

#picnav ul li a#link11 {
 background: #f4d9ff;
} 

#picnav ul li a#link12 {
 background: #ffd9fe;
} 

#picnav ul li a#link13 {
 background: #ffd9f4;
} 

#picnav ul li a#link14 {
 background: #ffd9e9;
} 

#picnav ul li a#link15 {
 background: #ffd9de;
} 

#picnav ul li a#link16 {
 background: #f1bfbf;
} 

#picnav ul li a#link17 {
 background: #f2d7bf;
} 

#picnav ul li a#link18 {
 background: #f2e8bf;
} 

#picnav ul li a#link19 {
 background: #edf2bf;
} 

#picnav ul li a#link20 {
 background: #d6eebd;
} 

#porttext {
 clear: both;
 margin-bottom: 30px;
}

#porttext p {
 margin: 5px 3px;
}

#portlink img{
 padding: 30px 0 0 0;
}

ul li.menuheader {
 cursor: hand !important;
 cursor: pointer !important;
}

ul.categoryitems li {
 padding: 0 10px 0 30px;
}

.bestdesign {
 margin-top: 25px;
 margin-bottom: 30px;
}

html>body .bestdesign {
 margin-bottom: 0;
}

.bestdesign h3 {
 line-height: 1.1em;
}

.bestdesign img {
 margin-top: 5px;
}

#featservices .bestdesign .linktitle a {
 color: #2d8cdc !important;
}

#featservices .bestdesign p {
 margin-top: 2px;
 font-size: 0.85em;
 text-align: left;
}

div.projects ul {
 font-size: 0.85em;
 margin-left: 5px;
 padding-left: 0;
}

div.projects ul li {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 margin-bottom: 2px;
}

div.projects a {
 color: #2d8cdc !important;
 font-weight: bold;
}

div#recentprojectlist ul {
 font-size: 0.85em;
 margin-left: 5px;
 padding-left: 0;
}

div#recentprojectlist ul li {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 margin-bottom: 2px;
}

div#recentprojectlist a {
 color: #2d8cdc !important;
 font-weight: bold;
}


/* BLOG PAGE CSS */
#subright #bloglist.servicesub {
 width: 300px;
 margin-left: -90px;
 position: relative;
}

html>#subright #bloglist.servicesub {
 margin-left: -10px;
}

#subright #bloglist.servicesub h3 {
 width: 300px;
}

#subright #bloglist.servicesub ul li span {
 font-size: 0.8em !important;
 font-weight: normal; 
}

#mobilesample {
 background:url(../images/25453-phoneskin.jpg) 0 0 no-repeat; 
 width:295px;
 height:518px;
 position:relative;
}

#mobilescreen {
 padding: 60px 0 0 28px;
}

#teamcontent h3.expandable {
 cursor: hand;
 cursor: pointer;
 font-size: 1em;
 font-weight: bold;
}

#portfolio {
 min-height: 600px;
 height: auto !important;
 height: 600px;
 margin: 81px 0 20px 0;
}

#portfolio h2 {
 width: 356px;
 font-size: 1.4em;
 font-weight: normal;
 margin: 0 0 10px 0;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
}

#portfolio p {
 margin: 0 0 10px 0;
 padding: 0;
}

#portfolio ul.portnav {
 width: 720px;
 border-bottom: 1px solid #cccccc;
 padding: 0 0 5px 0;
 margin: 0 0 10px 0;
 position: relative;
}

#portfolio ul.portnav li {
 font-size: 1.2em;
 margin: 0;
 padding: 0 15px;
 display: inline;
}

#portfolio ul.portnav li a {
 text-decoration: none;
}

#portfolio ul.portnav li a:hover {
 color: #5189bd;
 text-decoration: none;
}

#portfolio .portthumbs ul {
 margin: 0;
 padding: 0;
}

#portfolio .portthumbs ul li {
 width: 108px;
 height: 112px;
 background: url(../images/portfolio_thumb_bg.jpg) no-repeat top;
 list-style: none;
 display: inline;
 float: left;
 margin: 0 16px 10px 0;
 padding: 3px 0 0 3px;
}

#portfolio .portthumbs ul li img {
 width: 100px;
 height: 100px;
}

#portfolio .portthumbs ul li a:hover img {
 border: 3px solid #60a4e3;
 margin: -3px 0 0 -3px;
}

#portfolio .portthumbs ul li .imgs {
 visibility: hidden;
}