@charset "utf-8";

* {	margin:0px;	padding:0px;}

body {

	margin:0px;

	padding:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#333333;

	font-size: 0.9em;

}



.logoStyle{	font-size: 1.8em;	font-weight: bold;	color:#393939;}

.logoStyle1{

	font-size: 0.9em;

	color:#393939;

}

.smallStyle {

	font-size: 0.8em;

	line-height: 15px;

}

.style1 {color: #53A421; font-size: 11px;}

.style4 {font-size: 1.3em;font-weight: bold;color: #6699CC;}

.style6 {font-size: 1.3em; font-weight: bold; color: #66CCFF; }

.smallFont {font-size:10px;}



h2 {

	color:#333333;

	border-bottom:#666666 none 1px;

	padding-bottom: 1px;

	margin-bottom: 5px;

	font-size:1.3em;

	display: block;

}

h3 {

	border-bottom:#FFFFFF 1px dashed;

	padding:3px 3px 5px 0px;

	display:block;

	margin:0px 0px 10px 0px;

	color: #333333;

}

.style2 {

	font-size: 1.2em;

	color: #36964F;

	font-weight: bold;

	display: block;

	padding: 10px 5px 2px 0px;

}

.style3 {

	font-size: 1em;

	font-weight: bold;

}

h4 {

	font-size:1.3em;

	display:block;

	color: #333333;

}



/* ---- GLOBAL  ---- */



#wrapper {background:url(images/headerBg.jpg) repeat-x; width:100%;}

#footerWrapper {

	background:url(images/footerBg.jpg) repeat-x;

	clear:both;

	width:100%;

	height: 122px;

	margin-top: 40px;

}

#container {width:990px; margin:0px auto 0px auto;}

#logo {

	margin:24px auto auto 20px;

	float:left;

	height: 60px;

}



/*#contentWrapper {

position:absolute;

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

background:url(images/contentBg.gif) repeat;

width:100%;

} */



ul.menu {

	margin:0px 0px 0px 0px;

	clear: both;

	display: block;

	font-size: 1em;

	height: 50px;

	font-weight: bold;

}

ul.menu li {display:inline;	margin: 0px; padding: 0px;	list-style-type: none;}

ul.menu a {

	display:block;

	float:right;

	height:34px;

	width:auto;

	padding:10px 30px 0px 12px;

}



ul.menu a:link {color:#990000; text-decoration:none;}

ul.menu a:visited {color:#990000; text-decoration:none;}

ul.menu a:hover {

background-color:#FFFFFF; 

color:#990000; 

border-bottom:#990000 solid 3px;

text-decoration:none;

 }

ul.menu a:active {color:#990000;	text-decoration:none;}

.menuStyle { color:#333333;	font-size: 0.6em;}



ul.rMenu {

	display:block;

	margin:0px auto 0px auto;

	padding:20px 0px 20px 0px;

	list-style-type: none;

	font-size:0.9em;

	background-color: #182023;

}

ul.rMenu a {

	display:block;

	margin:0px auto 0px 5px;

	padding:8px 15px 8px 25px;

	/*border-bottom: 1px dashed #4f4e4e;*/

}



ul.rMenu a:link {text-decoration:none; color:#FFFFFF;}

ul.rMenu a:visited{text-decoration:none; color:#FFFFFF;}

ul.rMenu a:hover { color:#bdad01; background:url(images/rMenuBg.gif) no-repeat #232323; text-decoration:none; }

ul.rMenu a:active {text-decoration:none; color:#FFFFFF;}





#contentWrapper {

	width:975px;

	padding-top:210px;

	clear:both;

	margin: 0px auto 0px auto;

	top: 105px;

}



#contentBg{

	/*background:url(images/interscopeltdBg.jpg) no-repeat; visibility:hidden; */

	width:990px;

}



.homeBg { background:url(images/homeMainBg.jpg) no-repeat; }

.pfolioBg {background:url(images/pfolioMainBg.jpg) no-repeat;}

.servicesBg {background:url(images/servicesMainBg.jpg) no-repeat;}

.aboutUsBg {

	background:url(images/aboutUsMainBg.jpg) no-repeat;

}

.contactUsBg {background:url(images/contactUsMainBg.jpg) no-repeat;}



#footerContainer {

	background:url(images/footerPic.jpg) no-repeat;

	height:70px;

	margin: 2px auto 0px auto;

	width: 990px;

	color:#FFFFFF;

	padding-top: 50px;

	font-size: 0.7em;

}

#footerContainer a:link {color:#FFFFFF; text-decoration:none;}

#footerContainer a:visited {color:#FFFFFF; text-decoration:none;}

#footerContainer a:hover {color:#FFFFFF; text-decoration:underline;}

#footerContainer a:active {color:#FFFFFF; text-decoration:none;}



.contentsMain {

	padding:20px 32px 0px 32px;

	text-align: justify;

	clear: both;

}

.txtMatter {

	display:block;

	font-size: 0.9em;

	line-height: 17px;

	text-align: left;

}

div.spacer {

	width:100%;

	clear:both;

	display: block;

	height: 10px;

}



ul.generalList {

	margin:0px 0px 0px 18px;

	padding:0px;

	display:block;

	list-style-type: square;

}

ul.generalList li {

	display:block;

	margin: 3px 0px 0px 0px;

}

ul.generalList a {

	display:block;

	color:#333333;

	cursor:text;

	margin:0px 0px 0px 8px;

	list-style-type:circle;

}

ul.generalList a:link  { text-decoration:none; color:#333333;}

ul.generalList a:visited  { text-decoration:none; color:#333333;}

ul.generalList a:hover  { text-decoration:none; color:#333333; background:#66CCFF;}

ul.generalList a:active { text-decoration:none; color:#333333;}



ul.bigList {}



/* HOME CONTENTS */



.pdtBanner {width:629px; margin: 20px auto 20px 5px;}

.leftContent {width: 635px;}

.rightContent {

	float:right;

	width:250px;

}

.rightContent img {}

ul.hPortfolio {

	margin:0px auto 0px auto;

	padding:0px;

	display:block;

	list-style-type: none;

	width: 233px;

}



ul.hPortfolio li {display:block; margin:5px 0px 0px 0px; padding:0px;}

ul.hPortfolio li img {width:217px;	height:89px; border:none;}

ul.hPortfolio a {

	border:8px #CCCCCC solid;

	display:block;

	cursor: text;

}

ul.hPortfolio a:link{border-color:#CCCCCC;}

ul.hPortfolio a:visited {border-color:#CCCCCC;}

ul.hPortfolio a:hover {border-color:#FFCC33;}

ul.hPortfolio a:active {border-color:#CCCCCC;}





.qqDiv {

	margin:0px auto 10px auto;

	text-align: left;

	font-size: 0.7em;

	padding: 8px 8px 0px 8px;

	height: 165px;

	border:none;

	/*border-left:1px #cccccc solid;*/

}

.qqInnerDiv {

	display:block;

	height: 25px;

}

.qqDiv input,.qqDiv textarea {

	margin: 2px 20px 0px 0px;

	font-size:1.1em;

	border: solid #cccccc 1px;

	width: 146px;

	float: left;

	height: 18px;

}



.qqDiv textarea  {

	margin-right:0px;

	width:170px;

	font-size:12px;

	height: 50px;

}



.qqDiv label {

	font-size:1.1em;

	float:left;

	display:block;

	clear: left;

	padding: 7px 5px 0px 0px;

	text-align: left;

	width: 54px;

}

.qqTxtSpan {

	display:block;

	width: auto;

	float: right;

	margin: 0px 30px 0px 0px;

}

#qqSubmitBtn {

	width:70px;

	font-size: 11px;

	margin: 3px 0px 0px  0px;

	background-color:#FFFFFF;

	border:1px #E4E4E4 solid;

	display: inline;



}

 #qqResetBtn {

	float:left;

	font-size: 11px;

	width:70px;

	background-color:#FFFFFF;

	border:1px #E4E4E4 solid;

	display: inline;

	margin: 3px 0px 0px 0px;

}

.qqDiv br {clear:left}







/* -- PORTFOLIO PAGE --*/



.pfolioMainDiv {

	margin:10px auto 0px auto;

	font-size: 0.9em;

	padding:5px 0px 5px 0px;

	border-bottom: 1px dashed #CCCCCC;

}

img.pfolioPic {border:#CCCCCC 7px solid; width:459px; height:142px;}

.pfolioTitle {

	font-weight:bold;

	color:#800000;

	padding: 0px 0px 2px 0px;

	margin-bottom: 2px;

}

.pfolioRightDiv {float:right;	display:block;	width: 415px;}

.pfolioDetails {

	clear:both;

	margin: 3px auto 0px auto;

	font-size: 0.9em;

	padding-top: 4px;

}

.pfolioSiteName {

	color:#333333;

	text-decoration:underline;

	font-weight: bold;

	font-size:0.8em;

	margin: 5px 0px 0px 0px;

}

.pfolioSiteName a:link {color:#333333; text-decoration:none;}

.pfolioSiteName a:visited {color:#333333; text-decoration:none;}

.pfolioSiteName a:hover {color:#990000; text-decoration:none;}

.pfolioSiteName a:active {color:#333333; text-decoration:none;}



/* --- SERVICES PAGE --- */



.srvcMainDiv {

	display:block;

	font-size: 0.9em;

	line-height: 17px;

	color:#333333;

	padding: 0px 10px 0px 10px;

	margin: 0px auto 0px auto;

	clear: both;

	z-index: 1;

}



.topLink {

	clear:both;

	display:block;

	font-size:0.8em;

	text-align: right;

	margin-top: 10px;

	padding: 20px 0px 0px 0px;

}

.topLink a:link  { color:#666666;}

.topLink a:visited {color:#666666;}

.topLink a:hover  { color:#666666;}

.topLink a:active  {color:#666666;}



ul.srvcLinkList {display:block;	margin:0px;	padding:0px;height: 24px;}

ul.srvcLinkList li {display:inline;	float:right;padding:3px;}

ul.srvcLinkList a {

	display:block;

	padding:0px 3px 0px 3px;

	text-decoration:none;



}

ul.srvcLinkList a:link {text-decoration:none;	color:#666666;}

ul.srvcLinkList a:visited {text-decoration:none; color:#666666;}

ul.srvcLinkList a:hover {text-decoration:none;	color:#666666;	border-bottom:1px solid #cccccc;}

ul.srvcLinkList a:active {text-decoration:none; color:#666666;}





/* --- CONTACT US --- */





.contactMainDiv {

	display:block;

	width: auto;

	margin: 15px 0px 0px 10px;

	float: left;

}

.contactInnerDiv {

	float: left;

	width: 100%;

	clear: left;

	height: 35px;

}

.contactMainDiv  label,input {

	display: block;

	width: 150px;

	float: left;

	margin-bottom: 10px;

}

.contactMainDiv  label {

	text-align: right;

	width: 75px;

	padding-right: 20px;

	font-size: 0.9em;

	float: left;

}

.contactMainDiv  textarea {

	width:270px;

	float:left;

}

.contactMainDiv  br {clear: left;}

#submitBtn, #resetBtn {

	width:70px;

	margin:10px 0px 0px 0px;

	float: left;

}

#submitBtn {margin-left:0px;}

.contactAddress {float:right; width: 440px;}

.contactTable {

	padding:5px;

	font-size: 0.9em;

	width: 100%;

}

.contactTable td {

	padding:5px;

}

.contactTable th {

	padding:5px;

	border-bottom: #CC0000 1px solid;

} 

/*.transparency {

	position:absolute;

	left: 20%;

	top: 132px;

	height: 355px;

	background-color:#FFFFFF;

	right: 20%;

	z-index: -20;

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

*/



.flashDiv {

	height: 257px;

	width: 629px;

	margin: 10px auto 10px auto;

}

.flashContent {

	position:absolute;

	width:500px;

	height:200px;

	background-color: #006633;

	z-index: -1;

}

.moreLink {

	border-bottom: 1px dashed #CCCCCC;

	font-size: 0.7em;

	padding-right: 10px;

	margin-bottom: 20px;

	text-align: right;

}

.moreLink a:link {text-decoration:none; color:#666666;}

.moreLink a:visited {text-decoration:none; color:#666666;}

.moreLink a:hover {text-decoration:underline; color:#333333;}

.moreLink a:active {text-decoration:none; color:#666666;}


