/* Global
------------------------------------------------------------------*/

	html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
		margin:0;
		padding:0; }
	
	ul,li {
		list-style-type:none; }
	
	body {
		line-height: 160%;
		color:#333;
		background:#fff url(/static/images/design/top-background.jpg) no-repeat 0px -89px;
		font:76%/150% Tahoma, "Lucinda Grande",Verdana,Arial,Helvetica,sans-serif; }
		
	body.smallMast {
			background:#fff url(/static/images/design/top-background.jpg) no-repeat 0px -134px;
	}
	
	hr {
		clear:both;
		visibility:hidden; }
	
	.clear {
		clear:both;
		overflow:auto;
	}
	
	.centered {
		text-align:center; }
	
	.right {
		float:right; }
	
	.left {
		float: left }
	
	img {
		border:0; }
	
	a, a:visited {
		text-decoration:none; }
		

	input.field, textarea {
		border: 1px solid #c8c7bf;
		background: #eeeee5;
		padding: 4px; }
	
	input.field:hover, 
	textarea:hover {
		border: 1px solid orange !important; }
	
	input.field:focus, 
	textarea:focus {
		border: 1px solid #bbd6ab; }
	
	#bodyWrapper {
		width: 900px;
		margin:0 auto; }
	
/* Header */

	#logo {
		display: block;
		width: 120px;
		height: 40px;
		margin: 8px 36px;
		background: url(/static/images/design/moja-online.png) no-repeat;
		text-indent: -9999px;
		float: left; }
	
	#masthead {
		height: 85px;
		background-image: url(/static/images/design/mastheadTrans.png);
		-webkit-border-bottom-left-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		-moz-border-radius-bottomleft:15px;
		-moz-border-radius-bottomright:15px;

		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		padding:30px;
		font-family: "anivers-1","anivers-2",sans-serif;
 }
		
	body.smallMast #masthead {height:40px;}
	
	#masthead h2 {
		font-size: 4em;
		line-height: 0.7em;
		font-weight:400;
		color: #fff; }
	
	#masthead p {
		font-size: 2em;
		color:#262a2c;
		margin-top:30px; }
	body.smallMast #masthead p {
		display:none; }
	
	.subNavTop {
		background: #83b040;
		height: 10px;
		margin-top: 8px; }

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


	
	#nav_c {
		background: #3b434b url(/static/images/design/navBg.jpg) repeat-x top;
		height: 64px; }
	
	#nav {
		width: 900px;
		margin: 0 auto;
		padding: 10px 0;
		overflow: auto; }

	#nav ul li {
		display:block;
		float:left;
		font-size: 1.1em;
		margin: 0 0px; }
	
	#nav ul {
		overflow:auto;
		margin-top: 16px}
	
	#nav ul li a,
	#nav ul li a:visited {
		color: #cfcfd5;
		text-decoration:none;
		font-weight: 700;
		letter-spacing: 0.12em;
		display:block;
		padding: 10px;
		font-family: "anivers-1","anivers-2","Lucida Grande", Verdana, sans-serif; }
	
	#nav ul li a:hover, 
	#nav ul li a:active,
	#nav ul li a.current {
		color: #fff;
		text-decoration:none;
		background: url(/static/images/design/navArrow.png) no-repeat bottom center;
		outline:none; }



/* Main Body Column Setup
------------------------------------------------------------------*/
	div#contentWrapper.twoCol #contentBgContainer {
		overflow:auto; }


	div#contentWrapper.twoCol .col1 {
		float:left;
		width: 495px; }
	
	div#contentWrapper.twoCol .col2 {
		width:300px;
		float:right; }
	div#contentWrapper.twoCol.serv .col1,
	div#contentWrapper.twoCol.news .col1 {
		width:579px;
		float:left; }
	
	div#contentWrapper.twoCol.serv .col2,
	div#contentWrapper.twoCol.news .col2 {
		width: 219px; 
	}
	
	div#contentWrapper.oneCol .col1 { }
	
	div#contentWrapper.oneCol .col2 {
		display:none; }

/* Body
------------------------------------------------------------------*/

	#contentWrapper a, 
	#contentWrapper a:visited, 
	#footerWrapper a, 
	#footerWrapper a:visited {
		color: #6d9432;}
	
	#contentWrapper a:hover, 
	#contentWrapper a:active, 
	#footerWrapper a:hover, 
	#footerWrapper a:active {
		border-bottom: 1px solid #6d9432; }
	
	#contentWrapper {
		padding: 30px;
		background: #fff;
		}
	
	#contentWrapper p {
		margin:0 0 1.0em;
		font-size: 1.1em; }
	
	#contentWrapper strong {
		color: #5b6772; }

	#contentWrapper h1 { }	
	#contentWrapper h2, 
	#contentWrapper h3,
	#contentWrapper h4{
		color: #424a52;
		/*font-family: "anivers-1","anivers-2",sans-serif;*/
		font-family: 'Cantarell', arial, serif;
		font-weight:400;
		line-height: 1.4em;
		}

	#contentWrapper h2 {
		margin-bottom:10px;
	
		font-size: 2em; }
	

	#contentWrapper h3 {
		margin-bottom:5px;
		font-weight:400;
		font-size: 1.7em; }




	#contentWrapper h5 {
	
	margin: 10px 0 6px;
	}

	#contentWrapper h4 {
		font-size: 1.4em;
		color: #424a52; }
	
	#contentWrapper h5 {
		font-size: 1.1em; }
	
	#contentWrapper h6 {
		font-size:1.1em;
		text-decoration:underline;
		font-weight:400;}
	
	#contentWrapper .col1 ul li , 
	#footerWrapper .col1 ul li {
		list-style-image:url(/static/images/design/liArrowLGreen.gif); }
	
	#contentWrapper .col1 ul {margin-bottom: 10px !important;}
	#contentWrapper .col1 ul , 
	#footerWrapper .col1 ul li {
		margin: 0px 20px; }
	


/* Pages
------------------------------------------------------------------*/

	/* Contact Form */
	
	div.contactForm {
		padding:30px; }
	
	div.contactForm input.field, 
	div.contactForm textarea {
		width: 400px; 
		-webkit-border-radius: 4px;
		-moz-border-radius:4px;}
	
	div.contactForm textarea {
		height: 150px }
	
	/* Port Folio Index 
	--------------------------------------------------------------------------*/
	
	
	.boxgrid a {
		color:#C8DCE5;
		font-size: 11px; }
	
	.boxgrid h3 {
		margin: 10px 10px 0 10px;
		color:#FFF !important;
		font:13px "Lucida Grande", Verdana, sans-serif !important;
		font-weight: bold; }
	
	.boxgrid p {
		margin:0; }
	
	.portThumb_c {
		overflow:auto;
		width: 265px;
		padding-bottom: 13px;
		background: url(/static/images/design/portBtmBg.jpg) no-repeat bottom left;
		height:100%;
		margin:10px;
		float:left; }
	
	.boxgrid {
		width: 245px;
		height: 161px;
		margin:0px;
		border: solid 10px #e0e0d4;
		overflow: hidden;
		position: relative;
	 }
	
	.boxgrid img {
		position: absolute;
		top: 0;
		left: 0;
		border: 0; }
	
	.boxgrid p {
		padding: 0 10px;
		color:#afafaf;
		font-weight:bold;
		font:10pt "Lucida Grande", Arial, sans-serif; }
	
	.boxcaption {
		float: left;
		position: absolute;
		background: #000;
		height: 100px;
		width: 100%;
		opacity: .8;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
		
	.boxcaption h3 a, .boxcaption h3 a:visited {color: #fff !important;}
	.boxcaption h3 a:hover, .boxcaptioin h3 a:active {color: #fff; border-bottom: 1px solid #fff !important;}
	
	.captionfull .boxcaption {
		top: 260px;
		left: 0px; }
	
	/* Portfolio Detail View */
	
	.portFull_c {width:560px;float:left;padding: 10px 0; }
	.portItem .jobTicket {width:238px;margin-left:20px;padding: 5px 0px 5px 5px;float:left;}
	

	
	.portFull_c .clip {
		width:28px;
		height:61px;
		background: url(/static/images/design/portPaperClip.png) no-repeat;
		position:relative;
		float:right;
		right:70px;
		top:-8px;
		margin-bottom: -68px; }
	
	.portFull_c img {
		display:block;
		padding:10px;
		border: 1px solid #fff;
		background: #e0e0d4; }
	
	.portFull_c .portFullPagination {
		float:right;
		margin:-60px 10px 0 0;
		position:relative; }
	
	.portFull_c .portFullPagination ul li {
		display:block;
		float:left;
		list-style:none;
		margin: 10px 5px; }
	
	.portFull_c .portFullPagination ul li a, 
	.portFull_c .portFullPagination ul li a:visited {
		display:block;
		background: url(/static/images/design/portCircles.png) no-repeat -26px 0;
		height:24px;
		width:24px;
		text-align: center;
		line-height:2em;
		color: #262a2f !important;
		border-bottom:none !important; }
	
	.portFull_c .portFullPagination ul li a.current, 
	.portFull_c .portFullPagination ul li a:hover,
	.portFull_c .portFullPagination ul li a.active {
		background: url(/static/images/design/portCircles.png) no-repeat 0 0;
		height:24px;
		width:24px;
		color: #fff !important; }
	
	.pgPortView .testimonial {
		color: #638533;
		font-size: 1.1em;
		font-style: italic;
		padding: 50px 15px;

		text-align: center;}
	
	/* News & Articles */
	
	.newsItem {
		margin:0 0 15px 0px;
		clear: both;
		overflow: auto;
		height: 100%; }
	
	.newsItem img.thumb {
		float: right; }
	
	.newsItem .newsInfo p, .articleEntry .articleInfo p {
		font-size: 0.9em !important;
		margin-top: -3px !important;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #7b7b79;
		font-style:italic; }
	
	.newItem .more {
		clear: both; }
	
	.newsItem p img {
		border: 1px solid #fff;
		padding: 7px;
		background: #e1e1d5; }
	
	.newsItem p img {
		border: 1px solid #fff;
		padding: 7px;
		background: #e1e1d5; }
	
	#contentWrapper .newsItem h3 a, 
	#contentWrapper .newsItem h3 a:visited {
		border-bottom: none; }
	
	.newsItem p img {
		margin: 5px auto;
		display: block; }
	
	.newsItem p img.right {
		float:right;
		margin: 10px 0 10px 10px; }
	
	.newsItem p img.left {
		float:left;
		margin: 10px 10px 10px 0; }
		
/* SSL Certificates Page 
------------------------------------------------------------------*/
	/* SBS Cert Table */
	table.ssl-compare {
	font-size: 1em;
	}
	
	table.ssl-compare th.desc {
	text-align:left;
	
	}
	table.ssl-compare th,  table.ssl-compare td {
	padding: 5px 5px;
	border-bottom: 1px solid #ccc;
	vertical-align:top;
	}
	
	table.ssl-compare tr.price td, table.ssl-compare tr.price th {background: #ccc;font-size: 1.3em; font-weight: 700;}
	table.ssl-compare li {
	}
	
	table.ssl-compare ul {
	list-style-type: disc;
	font-size: 1.15em;
	margin: 0 0 18px 10px;
	
	
	line-height: 110%;
	}
	table.ssl-compare ul li {
	color: #000;
	font-size: 0.8em;
	font-style: normal;
	}
	table.ssl-compare thead th {background: #C8C7BE;}



/* Sub Panel Navigation
------------------------------------------------------------------*/

	

	/* Services Sub Navigation
	------------------------------------------------------------------*/

	
		#contentWrapper div#col2Nav  {
			background: #f6f6f1 url(/static/images/design/servicesNavBg.jpg) repeat-x bottom;
			min-height:300px;		
			-webkit-border-top-left-radius: 20px;
			-webkit-border-top-right-radius: 20px;
			-moz-border-radius-topleft:20px;
			-moz-border-radius-topright:20px;
			padding: 10px 15px 20px 15px;margin-top: -3px;}
		#contentWrapper div#col2Nav h4 {
		font-family: "anivers-1","anivers-2","Lucida Grande", Lucida, Verdana, sans-serif;
		}
		
		
		#contentWrapper #col2Nav, 
		#contentWrapper #col2Nav ul {


			}		
		#contentWrapper #col2Nav ul li {
		line-height: 1.7em;
		padding-left:0px;


		}

	#contentWrapper #col2Nav ul li ul {
		padding: 0;
		margin:0 0 5px 0;
		}



	#contentWrapper #col2Nav ul li.active a, 
	#contentWrapper #col2Nav ul li.active a:visited {		
		letter-spacing: 0.15em;}
		
	#contentWrapper #col2Nav ul li.active ul li a, 
	#contentWrapper #col2Nav ul li.active ul li a:visited {		
		color: #999 ;
		}
		
	#contentWrapper #col2Nav ul li ul li {
		padding-left: 3px !important;
		margin-left:20px !important;
		margin-top:2px;
		list-style-image: url(/static/images/design/liArrowLGreen.gif);
		}	

	#contentWrapper #col2Nav ul li a,
	#contentWrapper #col2Nav ul li a:visited {
		color: #999;
		display:block;}
	#contentWrapper #col2Nav ul li a:hover, 
	#contentWrapper #col2Nav ul li a:active {
		text-decoration:underline;
		border-bottom: 0;
		color: #424a52;
		}
	#contentWrapper #col2Nav ul li a.current {color: #424a52;}

		
	
	#contentWrapper #col2Nav ul li.active ul li a {
		color: #999;
		}
	

/* Services Page/Home Page
------------------------------------------------------------------*/
.servBox {width: 245px;float:left;overflow:auto;height:100%;
	border-right:1px solid #ccc;
	margin-right:10px;padding:0px 10px;
	margin-bottom:50px;

}
.servBox p {padding-right:70px;margin: 20px 0 0 0 !important}
.servBox p a, .servBox p a:visited {color: #333 !important;}
.servBox p a:hover, .servBox p a:active {color: #333 !important;text-decoration:none; border: 0 !important;}
.servBox.three, .servBox.six {
	border:0;margin-right:0;}

.servBox.one {
	background:url(/static/images/pages/services/servWeb.jpg) no-repeat 190px 40px;}

.servBox.two {
	background:url(/static/images/pages/services/servOnline.jpg) no-repeat 190px 40px;}
.servBox.three {
	background:url(/static/images/pages/services/servSEO.jpg) no-repeat 190px 40px;}
.servBox.four {
	background:url(/static/images/pages/services/servHosting.jpg) no-repeat 190px 40px;}
.servBox.five {
	background:url(/static/images/pages/services/servApps.png) no-repeat 190px 40px;}

.servBox.six {
	background:url(/static/images/pages/services/servEcomm.jpg) no-repeat 190px 40px;}


/* Pagination 
------------------------------------------------------------------*/

span#pagination a, span#pagination.a:visited {border: 1px solid #d9d8cf;background: #eeeee5;color:#bbbcbe;margin: 0 3px;padding:3px;}
span#pagination a:hover, span#pagination a:active  {border: 1px solid #848a88;color: #fff;background:#848a88;}
span#pagination strong {font-weight:400;border: 1px solid #bbbcbe;padding:3px;margin: 0 3px;color:#bbbcbe;}



/* Footer
------------------------------------------------------------------*/

	#footerWrapper {
		background: #f3f3ed;
		padding: 10px 10px;
		overflow:auto;
		color: #333;
		height: 100%;
		margin-bottom: 30px;
		-webkit-border-radius: 15px;
		-moz-border-radius:15px;
 		behavior:url(/static/js/border-radius.htc);}
	
	#footerWrapper h4 {
		display:block;
		border-bottom: 1px dotted #999;
		padding-bottom:1px;
		margin-bottom:3px;
	
		text-transform: uppercase; 
		font-size: 1.2em;
		color: #424a52;
		font-family: "anivers-1","anivers-2","Lucida Grande", Lucida, Verdana, sans-serif;
		
		}
	#footerWrapper .news ul li {margin: 12px 0;}
	
	#footerWrapper .threeCol {
		width: 245px;
		padding: 20px;
		float:left; }
	
	#footerWrapper input.field {
		width: 233px;
		border: 1px solid #ccc; 
		margin: 5px 0}
	#footerWrapper form {margin: 10px 0;}
	
	#footerWrapper p {margin: 5px 0;}