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

/* Heading Styles ---------------------------------------- */



#globalHeader h2 {
	display:inline;
	color:#4667AD;
	font-size:14px;
	margin-left:85px;
}

#globalHeader .h2-2 {
	font-size:12px;
	color:#000000;
	font-weight:normal;
}

#services h2 {
	color:#4667AD;
	font-size:14px;
	text-align:center;
}

#services .h2-2 {
	font-size:12px;
	color:#000000;
	font-weight:normal;
}

#globalHeader h3 {
	clear:left;
}


#colLTitle h5 {
	color:#384379;
}

#colRTitle h5 {
	color:#FFFFFF;
}

/* Links to be used throughout the site   ----------------------------------------  */


.infoLink {
	text-align:right;
	padding:10px 20px 10px 0;
	background:#99A4BE;
}

.infoLink a:link {
	color:#384379;
	text-decoration:underline;
}

.infoLink a:visited {
	color:#384379;
	text-decoration:underline;
}

.infoLink a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.infoLink a:active {
	color:#384379;
	text-decoration:underline;
}


/* Top Image  ---------------------------------------- */

#globalHeader {
	width:750px;
	background:url("../images/img5.gif") no-repeat;
}

#topLogo {
	float:left;
}

#imgBarTop {
	width:750px;
	background:#CFD9E6;
	height:5px;
	margin:5px 0 0 0;	
}

#imgBarBottom {
	width:750px;
	background:#80A7E5;
	height:5px;
}


/* Top Navigation Bar  ------------------------------------------------------------- */

#topNav {
	background:url("../images/img2.gif");
	height:35px;
	margin:0;
	width:750px;
	text-align:center;
	color:#F8F6F6;
}

#topNavContainer {
	width:620px;
	margin:0 auto 0 auto;
}

.topNavLink {
	float:left;
	padding:10px 0 0 0;
	height:25px;
	width:80px;
	text-align:center;
}

.topNavImage {
	width:20px;
	height:35px;
	background:url("../images/img3.gif") no-repeat 10px 5px;
	float:left;
}

#navBarBottom {
	background:#4665A6;
	height:5px;
	margin:0 0 15px 0;
	width:750px;
}

#navBarBottomNav {
	clear:left;
	background:#2F426B;
	height:5px;
	margin:0px 0 15px 0;
	width:750px;
}

#topNav a:link {
	color:#474747;
	text-decoration:none;
}


#topNav a:visited {
	color:#474747;
	text-decoration:none;
}


#topNav a:hover {
	color:#0066FF;
	text-decoration:none;
}


#topNav a:active {
	color:#474747;
	text-decoration:none;
}


/* Left Column   ------------------------------------------------------------- */ 

#colL {	
	float:left;
	width:355px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:#FFFFFF;
	border:1px solid #999999;
}

#colLTitle {
	height:50px;
	padding:35px 0 15px 35px;
	background:#C8D8FA url("../images/img7.gif");
}

#colR .colContainer {
	height:385px;
	padding-top:40px;
}

/* Right Column   ------------------------------------------------------------- */

#colR {
	width:355px;
	padding:0 0 0 0;
	margin:0 0 0 30px;
	border:1px solid #999999;
	float:left;
	background:#FFFFFF;
}

#colL .colContainer {
	height:425px;
}

#colRTitle {
	height:50px;
	text-align:center;
	padding:35px 0 15px 0;
	background:#C8D8FA url("../images/img8.gif");
}

/* Home Page Bullet Points */

#home #colR ul {	
	margin-top:0;
}

#home #colR li {	
	margin-bottom:15px; 
	margin-right:20px;
}


/* Home Page Portfolio Images -------------------------------------------------------------  */

#home .imgRow {
	width:355px;
	margin:0 auto 20px auto;	
}

#home .imgRow img {
	border:1px solid #000000;
}

#home .leftImage {
	float:left;
	margin:0 25px 0 25px;
}

#home .rightImage {
	float:left;
	margin:0 0 0 25px;
}

/* Bottom Navigation -------------------------------------------------------------  */

#globalFooter {
	width:770px;
	background:#FFFFFF;
	margin:0 auto 0 auto;
	padding:20px 0 10px 0;
}

#globalFooter p {
	text-align:center;
	font-size:10px;
	margin-top:0;
	margin-bottom:0;
}

#globalFooter #compInfo {
	text-align:center;
	margin:10px auto 0 auto;
}

#bottomNav {
	text-align:center;
	background:#243353;
	color:#FFFFFF;
	font-size:10px;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
}

#bottomNav li {
	list-style:none;
	display:inline;
	margin:0 2px;
}

#bottomNav li a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#bottomNav li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#bottomNav li a:hover {
	color:#637DFB;
	text-decoration:none;
}

#bottomNav li a:active {
	color:#FFFFFF;
	text-decoration:none;
}


/* Services Page   ------------------------------------------------------------- */

#services #theDesign {
	background:url("../images/img9.gif") no-repeat center left;
	padding:20px 20px 20px 150px;
}

#services #hosting {
	background:url("../images/img11.gif") no-repeat center left;
	padding:20px 20px 20px 150px;
}

#services #extras {
	background:url("../images/img12.gif") no-repeat center left;
	padding:20px 20px 20px 150px;
}

#services #bgRepeat {
	background:#FFFFFF url("../images/img10.gif") repeat-y center left;
	border:1px solid #000000; 
}

#services #bgRepeat2 {
	background:#FFFFFF url("../images/img10.gif") repeat-y center left;
	border:1px solid #000000; 
	width:335px; 
	float:left;
}

#services #bgRepeat3 {
	background:#FFFFFF url("../images/img10.gif") repeat-y center left;
	border:1px solid #000000; 
	width:335px; 
	margin:0 0 0 355px;
}


#services #theDesign ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#services #theDesign li {
	padding:0 0 0 0;
	margin:40px 0 40px 0;
}

#services #hosting ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#services #hosting li {
	padding:0 0 0 0;
	margin:10px 0 10px 0;
}

#services #extras ul {
	padding:0 0 0 0;
	margin:10px 0 10px 0;
}

#services #extras li {
	padding:0 0 0 0;
	margin:23px 0 24px 0;
}

/* Portfolio Page   ------------------------------------------------------------- */

#portfolio h5 {
	font-size:14px;
	width:100%;
	height:30px;
	padding:10px 0 10px 0;
	color:#FFFFFF;
}

#portfolio h5 a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#portfolio h5 a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#portfolio h5 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#portfolio h5 a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.iFrame {
	background:#FFFFFF;
}

#portfolio iframe {
	 display:block; 
	 width:225px;
	 height:175px;
	 border:none;	 
}

#portfolio .portBoxL h5 {
	background:#384379 url("../images/img15.gif") no-repeat;
}

#portfolio .portBoxM h5 {
	background:#384379 url("../images/img16.gif") no-repeat;
}

#portfolio .portBoxR h5 {
	background:#384379 url("../images/img17.gif") no-repeat;
}

.iFrame h6 {
	color:#384379;
}

.portBoxL, .portBoxM, .portBoxR {
	border:1px solid #333333;
	text-align:center;
	width:230px;
}

.portBoxL {
	float:left;
}

.portBoxM, .portBoxR {
	float:left;
	margin:0 0 0 25px;	
}

.portBoxL img, .portBoxM img, .portBoxR img  {
	margin:10px auto 10px auto;
	border:1px solid #000000;	
}

.portContent {
	padding:0 10px;
	text-align:left;
}

.visitLink {
	background:#384379 url("../images/img14.gif");
	padding:10px 20px 10px 0;
	text-align:right;
	color:#FFFFFF;
}

.visitLink a:link {
	color:#FFFFFF;
	text-decoration:none;
}

.visitLink a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.visitLink a:hover {
	color:#6C7EDA;
	text-decoration:none;
}

.visitLink a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.portPageLinks {
	margin:20px 0 20px 0;
}

.portPageLinksL, .portPageLinksR {
	width:100px;
}

.portPageLinksL {
	text-align:left;
	float:left;
}

.portPageLinksM {
	float:left;
	width:500px;
	text-align:center;
}

.portPageLinksR {
	margin-left:600px;
	text-align:right;
}

/* FAQ Page    -------------------------------------------------------------   */

#faq h6 {
	margin-top:30px;
}

#faq p {
	margin:10px 0 0 20px;
}

/* Contact Page     -------------------------------------------------------------    */

#contact #contactForm {
	float:left;
	width:365px;
	border:1px solid #000000;
	height:475px;
}

#contact .contactDetails {
	float:left;
	width:365px;
	height:475px;
	margin-left:16px;
	border:1px solid #000000;
}

#contact #mapTitle {

	width:750px;
	height:60px;
	background:#384379 url("../images/img20.gif") no-repeat;	
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#contact h5 {
	font-size:14px;
	width:100%;
	height:30px;
	padding:10px 0 10px 0;
	color:#FFFFFF;
	text-align:center;
}

#contact #contactForm h5 {
	background:#384379 url("../images/img18.gif") no-repeat;
}

#contact .contactDetails h5 {
	background:#384379 url("../images/img19.gif") no-repeat;
}


#contact #directions {
	text-align:center;
	border:1px solid #000000;
	width:750px;
	padding-bottom:10px;
}

#contact #directions h5 {
	background:#384379 url("../images/img22.gif") no-repeat;
	height:60px;
}

#contact #map {
	border:1px solid #000000;
}

#contact .contactDetails h6 {
	margin:20px 0 20px 20px;	
}

#contact #contactForm p, #contact #directions p {	
	margin: 10px 10px 10px 10px;
}

#contact .contactDetails p {
	margin:0 0 0 40px;	
}

#contact label {
	font-weight:bold;
	color:#4667AD;
	margin-right:5px;
}

#contact #contactForm label {
	display:block;
	width: 125px;
	text-align:right;
	float:left;	
}

#contact legend {
	font-size:12px;
	color:#4667AD;
}

#contact .formError {
	border:2px solid #FF0000;
}

#contact .errorText {
	color:#FF0000;	
	text-align:center;
}

/* Site Map ------------------------------------------------------- */

#map ul {
	padding-left:20px;
}

#map .centerContainer {
	width:200px;
	margin:0 auto 0 auto;
	text-align:left;
}