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

* {
	margin:0;
	padding:0;
	border:0;

}
p {
	margin-bottom:1.8em;
}
body {
	background-color:#FFF;
	color:#646464;
	font-family:Tahoma, Verdana, Arial;
	font-size:.8em;
	line-height:1.7em;
	background-image:url(../images/page-bg.jpg);
	background-position:0 right;
	background-repeat:no-repeat;
}
.header {
	width:94%;
	margin-left:2%;
	height:100px;
	padding-left:3.5%;
	background-image:url(../images/top-shadow.png);
	background-repeat:no-repeat;
	background-position:center 76px;
}
.headerNew {
	width:94%;
	margin-left:2%;
	height:30px;
	padding-left:3.5%;
	background-image:url(../images/top-shadow.png);
	background-repeat:no-repeat;
	background-position:center 6px;
}
.headerOne {
	width:94%;
	margin-left:2%;
	padding-left:3.5%;
}
.mainImage {
	margin:0 auto;
}
.logoAligner {
	margin-top:38px;
}
.contentArea {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.leftColumn {
	width:23%;
	min-height:1000px;
	float:left;
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding-bottom:3000px;margin-bottom:-3000px;
}
.rightColumn {
	width:23%;
	min-height:1000px;
	float:left;
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding-bottom:3000px;margin-bottom:-3000px;
}
.doubleColumn {
	width:46%;
	min-height:1000px;
	float:left;
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding-bottom:3000px;margin-bottom:-3000px;
}
.trippleColumn {
	width:69%;
	height:1000px;
	float:left;
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding-bottom:3000px;margin-bottom:-3000px;
}
.leftAdj {
	width:4%;
	height:1000px;
	float:left;
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding-bottom:3000px;margin-bottom:-3000px;
}
.rightAdj {
	width:2.9%;
	height:1000px;
	float:left;
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding-bottom:3000px;margin-bottom:-3000px;
}
.leftColumn p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.rightColumn p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.doubleColumn p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.trippleColumn p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.faderTop {
	width:100%;
	height:33px;
	position:absolute;
	background-image:url(../images/white-fader.png);
	background-repeat:repeat-x;
}
.faderBot {
	width:100%;
	height:33px;
	position:absolute;
	background-image:url(../images/white-fader-bot.png);
	background-repeat:repeat-x;
	margin-top:-33px;
}
.navWrapper {
	width:100%;
	height:53px;
	background-image:url(../images/nav-bg-center.png);
	background-repeat:repeat-x;
}
.navContainer {
	width:82%;
	left:50%;
	position:absolute;
	margin-left:-41%;
	text-align:center;
	margin-top:20px;
}
.navContainerBottom {
	width:82%;
	left:50%;
	position:absolute;
	margin-left:-45%;
	margin-top:18px;
}
.centerAligner {
	width:100%;
	clear:both;
}
.webDesOuter {
	margin:20px;
	width:auto;
	border:1px solid #e6e6e6;
	background-color:#FFF;
	padding:7px;
	height:100px;
}
.webDesContA {
	width:100%;
	height:100%;
	background-image:url(../images/web-design-portfolio1.jpg);
	background-repeat:no-repeat;
}
.webDesContB {
	width:100%;
	height:100%;
	background-image:url(../images/web-design-portfolio2.jpg);
	background-repeat:no-repeat;
}
.webDesContC {
	width:100%;
	height:100%;
	background-image:url(../images/web-design-portfolio3.jpg);
	background-repeat:no-repeat;
}
.leftAlign {
	float:left;
}
.rightAlign {
	float:right;
}
ul.colList {
	margin:0 10px 0 5px;
	display:block;

}
.colList li {
	list-style-type:none;
	border-bottom:1px solid #e6e6e6;
	height:20px;
	padding-top:5px;
	display:block;
	padding-left:10px;
	width:90%;
	white-space:nowrap;
}
.mainHeading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	color:#3d3d3d;
	font-weight:normal;
	width:auto;
	padding-top:42px;
}	
.mainHeading a {

	text-decoration:none;
	color:#3d3d3d;

}	
.mainHeading a:hover {

	text-decoration:none;
	color:#3d3d3d;

}
.txtHeadMain {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#3d3d3d;
	font-weight:normal;
	margin-bottom:15px;
}
.txtSubHead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
}
a.topNav {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#3d3d3d;
	text-decoration:none;
	padding:3px;
	margin:0 2.5% 0 3.5%;
	text-align:center;
}
a.topNav:visited {
	color:#999;
}
a.topNav:hover {
	color:#F60;
}
a.lnkBlue {
	color:#0094e1;
	text-decoration:none;
}
a.lnkBlue:visited {
	color:#2a6e91;
}
a.lnkBlue:hover {
	color:#F60;
}
a.lnkContent {
	color:#0094e1;
	text-decoration:none;
 	border-bottom:1px solid #e6e6e6;
}
a.lnkHeadContent {
	font-size:12px;
	margin-left:20px;
	color:#0094e1;
	text-decoration:none;
 	border-bottom:1px solid #e6e6e6;
}
a.lnkHeadContent:hover {
	color:#0094e1;
 	border-bottom:1px solid #000;
}
a.lnkContent:visited {
	color:#2a6e91;
}
a.lnkContent:hover {
	color:#F60;
 	border-bottom:2px dotted #0094e1;
}
a.blackLinks {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #0A54AF;
}
a.blackLinks:hover {
	color:#0A54AF;
	text-decoration:none;
	border-bottom:1px solid #C04627;
}
a.ashLinks {
	color:#999999;
	text-decoration:none;
}
a.ashLinks:hover {
	color:#0A54AF;
	border-bottom:1px solid #C04627;
}

.imageFrameInner  {
	border:1px solid #000;
}
.imageFrame {
	padding:15px;
	background-color:#FFF;
	border:1px solid #e6e6e6;
}
.botShadow {
	width:100%;
	clear:both;
	margin:0 auto;
	background-image:url(../images/bot-shadow.png);
	background-repeat:no-repeat;
	background-position:center;
}
/*the portfolios list starts*/

#listNav {
	width:100%;
	margin:0; 
/*border:2px dotted #CCCCCC;*/
}
#ListNav {
	margin:0;
	padding:0;
}
#listNav LI {
	list-style:none;
	PADDING:1px;
	FLOAT:left; 
	WIDTH:100%; 
	margin-left:0;
}
#listNav LI A {
	BACKGROUND:#F2F2F2; 
	color:#000;
	TEXT-DECORATION:none;
 	DISPLAY:block; 
	PADDING:1px 0px 1px 3px; 
	HEIGHT:100%;
}

#listNav LI A:visited {
	BACKGROUND:#E5E5E5; 
	COLOR:#666666;
}
#listNav LI A:hover {
	BACKGROUND:#59c3f0; 
	COLOR:#fff;
}
/* Portfolio and glossery styles */
.splashDisplay {
	clear:both;
	display:table;
	padding:5px;
	margin: 5px auto 25px auto;
	width: 430px;
	border: 1px dotted #999999;
}
.splashImage {
	float:left;
}
.splashDisplayInner {
	display:block;
	background-color: #F0F0F0;
	float: left;
	height:120px;
	width: 230px;
	font-size:11px;
}.splashDisplayInner2 {
	display:block;
	background-color: #F0F0F0;
	float: left;
	height:120px;
	width: 190px;
	font-size:11px;
}
.splashDisplayInnerWide {
	display:block;
	background-color: #F0F0F0;
	float: left;
	height:120px;
	width: 100%;
	text-align:center;
	overflow:visible;
}
.glosseryDisplay {
	clear:both;
	display:table;
	padding:5px;
	margin: 5px auto 25px auto;
	width: 84%;
	border: 1px dotted #999999;
	background:#FFFFFF;
}
.glosseryDisplayInner {
	display:block;
	background-color: #F0F0F0;
	float: left;
	width: 100%;
}
.glosseryPara {
	padding:15px 15px 0 15px;
}
.portfolioColumnA {
	padding:20px 7px 0 10px;
	display: block; 
	font-size: 1em; 
	font-family: Verdana, Tahoma;
	float:left;
	list-style-type: none;
	color: #0A54AF;
}
.portfolioColumnB {
	padding:20px 0 0 0;
	display:block;
	list-style-type: none;
	float:left;
}
.portfolioColumnA li{
	padding:3px 0 0 0;
	border:0 none;
	color:#333333;
	font-family:Verdana,Arial,Tahoma;
	font-size:1em;
	line-height:14px;
}
.portfolioColumnB li{
	padding:3px 0 0 0;
	line-height:14px;
}
.pageNumber {
	width:40%
	display:block;
	float:right;
	clear:both;
}
.pageTitle {
	background-color:#F3F3F3;
	margin: 0 auto 10px auto;
	width: 93%;
	padding:2px 2px 2px 6px;
	clear:both;
	}
.redishText {
	color: #C04628;
	font-weight:bold;
}
a.numbers {
	font-family:"Microsoft Sans Serif", "MS Sans Serif", Tahoma;
	text-decoration:none;
	font-size:10px;
	margin:7px;
	color:#669900;
	
}
a.numbers:hover {
	color:#FF6600;
	border-top:2px dotted #ff0000;
}
.logoDisplay {
	display:block;
	background-color: #F0F0F0;
	float: left;
	height:280px;
	text-align:center;
	width: 100%;
	overflow:auto;
}
.logoDisplayInner {
	border:1px dotted #CCCCCC;
	text-align:center;
	display:block;
	width:186px;
	margin:13px 0 0 12px;
	background-color: #FFFFFF;
	float: left;
	overflow:auto;
}
.dottedLine {
	width:92%;
	height:1px;
	display:block;
	border-bottom:1px dotted #CCCCCC;
	margin:35px 20px;
}
.brochureAdj {
	margin: 0 20px 10px 20px;
	clear:both;
}



.thuumbOuter {
	margin:20px;
	width:auto;
	border:1px solid #e6e6e6;
	background-color:#FFF;
	padding:7px;
	height:100px;
}
.thuumbInner {
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
}

/* Contact Form*/
.formContainer1 {
	clear:both;
	display:table;
	padding:5px;
	margin: 5px auto 25px auto;
	width: 430px;
}
.formContainer1 label {
	display:block;
	width:215px;
	float:left;
	margin-right:10px;
	color: #0A54AF;
	text-align:right;
}
.lineInput {
	font-family: "Microsoft Sans Serif", "MS Sans Serif", Tahoma;
	font-size: 11px;
	color: #993300;
	border:none;
	border-bottom:1px solid #99CC00;
	background:#FFFFFF;
	margin-bottom:13px;
	margin-top:-3px;
}	
.contactInput {
	font-family: "Microsoft Sans Serif", "MS Sans Serif", Tahoma;
	font-size: 11px;
	color: #3E220A;
	border:1px solid #99CC00;
	background:#f4f4f4;
	margin-bottom:13px;
	margin-top:3px;
	text-indent:2px;
}	
/* Home page Styles */
.homeContentArea {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:20px;
}
.homeContentContainer {
	width:46%;
	float:left;
	margin-left:4.1%;
}
.homeMidColumn {
	width:23%;
	float:left;
}
.homeRightColumn {
	width:20%;
	float:left;
}
.homeContentContainer p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.homeMidColumn p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.homeRightColumn p, h2, h3, h4, ul {
	padding:0 20px 0 20px;
}
.fadedAsh {
	color:#ededed;
}