@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;
    
}	
.contactInput1 {

	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;
    width:80px;
}	

/* 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;

}