img.c7 {border: 0.05em solid #BBB;}
    img.c6 {margin-right:12px; border: 0.05em solid #BBB;}
    h2.c5 {text-align: left;}
    h1.c4 {text-align: left;}
    div.c3 {float:right; width:200px; height:150px; padding-bottom:30px;}
    strong.c2 {color:#d7c227;}
    div.c1 {float:left; width:180px; height:150px; padding-top:18px;}

/* -------------------------------------------- portfolio -------------------------------------------- */

 .hpmidfeatleft {
	float: left;
	width: 865px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b1489b;
	padding-bottom: 20px;
	margin-top:20px;
		 }

.hpmidfeatimg {
	float: left;

		 }

.hpmidfeattext {
	float: right;
	width: 300px;
	color: #FFFFFF;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
		 }

.hpmidfeattext a:link, .hpmidfeattext a:visited {
	color: #E4D52A;
	text-decoration: underline;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		 	}

.hpmidfeattext a:hover {
	color: #999999;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
		 	}


/* -------------------------------------------- main -------------------------------------------- */


/* CSS Document */
html, body {
margin: 0;
padding: 0;
}

.hidden {
display: none;
}

/* Clear floats */
.clear {
 background: none;
 clear: both;
 height: 1px;
 font-size: 1px;
 line-height: 1px;
 margin-bottom: -1px;
}

#page-container {
width: 864px;
text-align: justify;
margin: auto;
clear: both;
padding: 0px;
height: auto;
}

body {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
background-color: #fff;
}

p {
color: #7a7a7a;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
margin-bottom: 10px;
text-align:justify;
}

img {
border:0px;
}

#logo {
position: absolute;
top: 79px;
left: 20px;
z-index: 1000;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}

#horzLine  {
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d4d4d4;
margin-right: 19px;
margin-left: 19px;
margin-bottom: 20px;
}


/* -------------------------------------------- column -------------------------------------------- */


.column{
position: relative;
float: left;
}


#content.column  {
width:391px;
margin-top: 0px;
padding-top: 0px;
padding-right: 5px;
}

#content.column h1  {
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 24px;
margin-top: 0px;
padding-top: 0px;
}



#contactDetailsCol.column  {
position: relative;
float: right;
width:214px;
margin-top: 80px;
}


.columnHome {
position: relative;
float: left;
width:264px;
min-height:208px;
background-image:url(../images/site/sectBox.gif);
background-repeat:no-repeat;
margin-bottom: 20px;
}


#rCol.column  {
width:169px;
}

#aboutCont {
width: 350px;
height: 515px;

}


/* -------------------------------------------- quote -------------------------------------------- */

.quoteNme {
font-size: 10px;
color: #FFFFFF;
}


/* -------------------------------------------- header -------------------------------------------- */

#header {
height: 148px;
background-image: url(../images/site/dotBg.gif);
background-repeat: no-repeat;
margin: auto;
/*width: 864px;*/
width: 874px;
position: relative;
z-index: 9000;
background-position: bottom;
}

#ImgContainer {
height: 188px;
width: 864px;
z-index: 0;
margin-top: 18px;
position: relative;
}



#headerTxt {
position:absolute;
width:526px;
height:118px;
left: 27px;
top: 56px;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
text-align: left;
line-height: 35px;
letter-spacing: -0.03em;
}

#headerTxt h1 {
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
text-align: left;
line-height: 35px;
letter-spacing: -0.03em;
padding: 0px;
margin: 0px;
}

#headerTxt h2 {
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 24px;
}

#headerTxtSecondary {
position:absolute;
width:806px;
height:118px;
left: 27px;
top: 56px;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
text-align: left;
line-height: 35px;
letter-spacing: -0.03em;
}

#headerTxtSecondary h1 {
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
text-align: left;
line-height: 35px;
letter-spacing: -0.03em;
padding: 0px;
margin: 0px;
}

#headerTxtSecondary h2 {
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 24px;
}


/* -------------------------------------------- Main Navigation -------------------------------------------- */


#nav  {
float: left;
font-size:4px;
color: #FFFFFF;
text-transform: uppercase;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
height: 25px;
clear: both;
margin: 0px;
width: 495px;
padding: 0px;
}

#MainNav  {
height: 25px;
width: 495px;
position: absolute;
left: 360px;
z-index: 1000;
top: 96px;
margin: 0px;
padding: 0px;
}

#nav li {
padding: 0;
float: left;
list-style-type: none;
margin-top: 0;
margin-right: 2px;
margin-bottom: 0;
margin-left: 0;
text-transform: none;
}

#nav li a {
margin: 0;
text-decoration: none;
letter-spacing: 0px;
color: #092d4c;
font-size: 11px;
font-weight: normal;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 7px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
background-image: url(../images/site/navDiv.gif);
background-repeat: no-repeat;
background-position: right;
}

#nav li a:hover {
color: #D7C227;
text-decoration: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#nav li.active a {
font-weight: normal;
color: #D7C227;
}

#nav li.end a {
background-image:none;
}


/* -------------------------------------------- side navigation -------------------------------------------- */


#navSide.column  {
width:215px;
margin-left:19px;
height: auto;
clear: both;
}

/*{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}*/

#navcontainer{
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 2px;
}

#navcontainer ul{
list-style: none;
padding: 0;
border: none;
margin: 0;
}

#navcontainer li{
margin-right: 0;
margin-left: 0;
padding-top: 3px;
padding-bottom: 3px;
}

#navcontainer li a{
padding-top: 1px;
padding-bottom: 3px;





display: block;
width: 100%;

letter-spacing: 0.5px;
color: #092d4c;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;


}

html>body #navcontainer li a {
 width: auto;

}
/*
#navcontainer li a
{
	background-image: url(../images/site/navBull.gif);
	background-repeat: no-repeat;
	background-position: 3px;


}


	display: block;
	width: 100%;
	color: #4f2170;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 24px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;


*/


#navcontainer li a:hover{
color: #CBC525;
text-decoration: none;
}

#navcontainer li.nbord {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-left: 0px;
}

/* white */
#navcontainer li.clearBord {
border-left-width: 2px;
border-left-style: solid;
border-left-color: #FFFFFF;
padding-left: 8px;
}


/* blue */
#navcontainer li.softwareBord {
	padding-left: 8px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #169CD9;

}
#navcontainer li.BigBlue {
background-image: url(../images/site/navBullBigBlue.gif);
background-repeat: no-repeat;
background-position: 2px;
}
#navcontainer li.SmallBlue {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #169CD9;
padding-left: 20px;
/* background-image: url(../images/site/navBullSmallBlue.gif); */
background-image: url(../images/site/navBlankBull.gif);
background-repeat: no-repeat;
background-position: 12px;

}


/* red */
#navcontainer li.designBord {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #DB176B;
padding-left: 8px;
}
#navcontainer li.BigRed {
background-image: url(../images/site/navBullBigRed.gif);
background-repeat: no-repeat;
background-position: 2px;
}
#navcontainer li.SmallRed {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #DB176B;
padding-left: 20px;
/* background-image: url(../images/site/navBullSmallRed.gif); */
background-image: url(../images/site/navBlankBull.gif);
background-repeat: no-repeat;
background-position: 12px;


}


/* yellow */
#navcontainer li.domainBord {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #C8D93B;
padding-left: 8px;
}
#navcontainer li.BigYellow {
background-image: url(../images/site/navBullBigYellow.gif);
background-repeat: no-repeat;
background-position: 2px;
}
#navcontainer li.SmallYellow {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #C8D93B;
padding-left: 20px;
/* background-image: url(../images/site/navBullSmallYellow.gif); */
background-image: url(../images/site/navBlankBull.gif);
background-repeat: no-repeat;
background-position: 12px;


}


/* dark blue */
#navcontainer li.studiesBord {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #092d4d;
padding-left: 8px;
}
#navcontainer li.BigDarkBlue {
background-image: url(../images/site/navBullBigDarkBlue.gif);
background-repeat: no-repeat;
background-position: 2px;
}
#navcontainer li.SmallDarkBlue {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #092d4d;
padding-left: 20px;
/* background-image: url(../images/site/navBullSmallDarkBlue.gif); */
background-image: url(../images/site/navBlankBull.gif);
background-repeat: no-repeat;
background-position: 12px;


}



/* white */
#navcontainer li.activeBord {
color: #dec232;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #FFFFFF;

}


/* -------------------------------------------- footer -------------------------------------------- */


#footer {
clear: both;
height: auto;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7a7a7a;
height:89px;
width: 864px;
float: left;
background-image: url(../images/site/dotBg.gif);
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
background-position: 0px 5px;
}

#footer a {
color: #7a7a7a;
text-decoration: none;
}

#footer a:visited {
font-size: 9px;
color: #7a7a7a;
}

#footer a:hover {
color: #7a7a7a;
text-decoration: underline;
}

#footer #altnav {
color: #7a7a7a;
text-align: left;
padding-top: 20px;
padding-left: 20px;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#footer #copyright {
clear: both;
width: 280px;
float: right;
text-align: right;
padding-top: 20px;
font-size: 11px;
padding-right: 20px;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
}


/* -------------------------------------------- spacers -------------------------------------------- */


.spacerSectionTall {
position: relative;
height: 160px;
width:240px;
float: right;
}

.spacerSection {
position: relative;
width: 16px;
float: left;
}

.spacerSectionSde {
position: relative;
width: 19px;
float: left;
}

.spacerSectionLge {
position: relative;
width: 50px;
float: left;
}


/* -------------------------------------------- info box -------------------------------------------- */


#prodInfoBox {
position:absolute;
width:230px;
height:165px;
left: 17px;
top: 24px;
}


#prodInfoBox p {
color: #7a7a7a;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
letter-spacing: 0.03px;
line-height: 17px;
}

#moreBttn {
position:absolute;
bottom: 0px;
}


/* -------------------------------------------- title fonts -------------------------------------------- */


.big-blue-title  {
color: #159cd8;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
}

.small-blue-title  {
color: #159cd8;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
}

.big-red-title  {
color: #db176a;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
}

.small-red-title  {
color: #db176a;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
}

.big-yellow-title  {
//color: #C8D93B;
color: #d7c227;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
}

.small-yellow-title  {
//color: #C8D93B;
color: #d7c227;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
}

/* -------------------------------------------- domain buyer -------------------------------------------- */


#dynamic-content {
left: 20px;
position: relative;
}

#domainsForm {
position:absolute;
width:425px;
left: 430px;
top: 25px;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
text-align: left;
line-height: 35px;
letter-spacing: -0.03em;
z-index: 9999;
height: 0px;
}

.domain-form-text  {
color: #092D4D;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
text-decoration: blink;
}

.button-text  {
color: #092D4D;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}



/* -------------------------------------------- case studies -------------------------------------------- */


#contentCaseStudy   {
width:620px;
}

.gallery-text-column {
position: relative;
float: left;
width:590px;
color: #7a7a7a;
font-family: "Lucida Sans Unicode", "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
margin-bottom: 20px;
margin-top: 5px;
}



#caseHolder {
float:left;
padding-bottom: 20px;

}


/* -------------------------------------------- system status  -------------------------------------------- */


#system-status  {
display: block;
margin-right: 19px;
margin-left: 19px;
margin-bottom: 20px;
}


/* -------------------------------------------- gallery  -------------------------------------------- */


#gallery-wrapper {
margin-top:10px;
}


#gallery-image {
float:left;
margin-left: 0px;
width:400px;background:white;
}


.gallery-more {
float:right;
width:100px;
}

.gallery-more ul {
padding:0px;
margin:0px;
}

.gallery-more li {
padding:0px;
margin:0px;
list-style-type: none;
float:left;
padding-right:5px;
padding-bottom:5px;
}