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

/* This file holds the general css for the Gandhi Arrs site */
/* See the specific css files for section specific css */

/* FOR TESTING PURPOSES */
.borderBlue {
	border:1px #0000CC solid;
	}
.borderRed {
	border:1px #CC0000 solid;
	}
.borderGreen {
	border:1px #00CC00 solid;
	}		
.backgroundLightGray {
	background-color:#EEE;
	}

/* CANCELLING ISSUES IN DIFFERENT BROWSERS */
form,h1,h2,h3,h4,h5,h6,p,ul,li {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
ul,li {list-style:none; margin:0; padding:0}
li {display:inline}

/* GENERAL REDEFINITIONS */
html {
	width:100%;
	height:100%;
	margin:0;
}
body {
	background:#fff;
	font-family:sans-serif ;
	font-size:12px;
	margin:0;
	padding:0;
	color:#848484;
}
a img{
border:none;
}

a{
	outline:none;
}
.clr {
clear:both;
}
/* LAYOUT-STRUCTURE */
#wrapper {
	width:980px;
	margin:0 auto;
}
#header {
	width:980px;
	height:105px;
}
.logo {
	width:980px;
	height:80px;
	background:url(../images/logoBottomBack.jpg) right bottom no-repeat;
}
.logo h1 {
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-5000px;
	display:block;
	width:275px;
	height:75px;
	float:left;
}
.logo h2 {
	background:url(../images/tagLine.jpg) no-repeat;
	text-indent:-5000px;
	display:block;
	width:325px;
	height:75px;
	float:left;
	}
.logo h1 a{
	display:block;
	width:275px;
	height:75px;
}
.nav {
	float:right;
	width:628px;
	height:30px;
	}

.nav ul {
float:left;
/*width:628px;*/
}
/*.nav ul li {
float:left;
padding:0 10px;
height:30px;
line-height:30px;
}
.nav ul li a{
font-size:12px;
color:#848484;
}
.nav ul li a b{
font-weight:bold;
font-size:13px;
color:#e00000;
}
.nav ul li a:hover{
font-size:12px;
color:#000;
}	
.nav ul li a.current{
font-weight:bold;
font-size:12px;
color:#ef9a40;
}*/

/* CONTENt CSS START HERE */

#content #contentTop {
height:25px;
font-size:1px;
line-height:1px;
}
#content #contentTop .left {
float:left;
height:25px;
width:100px;
font-size:1px;
line-height:1px;
background:url(../images/contentTopLeft.jpg) right top no-repeat;
margin:0;
padding:0;
border:none;
}
#content #contentTop .center {
float:left;
height:25px;
width:780px;
font-size:1px;
line-height:1px;
background:url(../images/contentTopMiddle.jpg);
margin:0;
padding:0;
border:none;
}
#content #contentTop .right {
float:right;
height:25px;
width:100px;
font-size:1px;
line-height:1px;
background:url(../images/contentTopRight.jpg) right top no-repeat;
margin:0;
padding:0;
border:none;
}
#content {
}

#content .galleryThumb {
float:left;
width:265px;
height:360px;
margin:0 0 20px;
}

#content .GalleryView {
float:left;
width:470px;
height:380px;
margin:0 10px 0 20px;
}
#content .GalleryView #gallery {
margin:5px 10px 10px;
}
#content .rightAdd {
float:right;
width:215px;
margin:5px 0 0;
}
#content .rightAdd img{
margin:0 10px;
}
#content a {
color:#5d5d5d;
text-decoration:underline;
}
#content a:hover {
color:#000;
text-decoration:none;

}
#content .mainLinks {
width:980px;
height:100px;
display:table;
background:url(../images/mainLinkBack.jpg);
margin-bottom:0px;
}
#content .mainLinks .link {
width:244px;
height:100px;
float:left;
display:table-column;
position:relative;
border-right:1px dashed #fff;
}
#content .mainLinks .link span {
margin:5px 10px 0 20px;
display:block;
}
#content .mainLinks .link span.link1 {
	margin-top:10px;
	text-align:justify;
	font-size:14px;
}
#content .mainLinks .link span.link2 {
margin-top:40px;
}
#content .mainLinks .link span .download {
margin:10px 0 0 0;
font-size:12px;
color:#dd0000;
font-weight:bold;
text-decoration:underline;
}
#content .mainLinks .link span .download a{
	color:#FF0000;
	text-decoration:underline;
}
#content .bottomLinks {
width:980px;
height:100px;
margin-bottom:20px;
}
#content .bottomLinks .contentText {
font-size:11px;
width:244px;
height:100px;
float:left;
border-right:1px dashed #aeaeae;
text-align:center;
}
#content .bottomLinks .contentText span {
display:block;
margin:20px 0 0;
}
#content .bottomLinks .borderNone {
border:none;
}
#content .mainLinks .borderNone {
border:none;
}
#content a.readlink  {
color:#FF0000;
}
#content a.readlink:hover {
color:#990000;
}

#content .left {
float:left;
width:265px;
margin:0 0 20px;
}
#content .center {
float:left;
width:470px;
/*height:380px;*/
margin:0 10px 0 15px;
color:#171717;
font-family:sans-serif;
text-align:justify;
}
#content .right {
float:right;
width:205px;
margin:5px 0 0;
padding:0 0 10px 9px;
border-left:1px dashed #aeaeae;
}
#content .right p{
margin:10px 0 0;
color:#6d6d6d;
font-style:italic;
font-size:11px;
font-weight:normal;
text-align:justify;
}
#content .center h1{
font-size:18px;
font-weight:bold;
color:#7fbf2d;
/*font-style:italic;*/
margin: 5px 0px 10px;
padding:0px;
font-family:sans-serif;
}

#content .center h2{
font-size:14px;
font-weight:bold;
color:#333333;
/*font-style:italic;*/
margin: 5px 0 10px;
font-family:sans-serif;
}

#content .center ul.exp li{
font-size:12px;
color:#333333;
margin: 0px 0px 0px 12px;
font-family:sans-serif;
display:list-item;
list-style-type:disc;
}

#content .center ul.exp li.site {
	font-size:16px;
	color:#333333;
	margin:5px 0px;
	font-family:sans-serif;
	display:list-item;
	text-decoration:underline;
	list-style:none;
}

#content .center ul.exp li.sitelinks {
	list-style:none;
}

#content .center ol.faq li{
font-size:12px;
color:#333333;
margin: 0px 0px 0px 18px;
font-family:sans-serif;
display:list-item;
list-style-type:decimal;
padding:5px 0;
}

#content .right h1{
color:#6d6d6d;
font-size:15px;
margin:5px 0 10px;
font-style:italic;
}
#content .right h2{
color:#6d6d6d;
font-size:13px;
margin:5px 0 0;
}
span.top {
float:right;
margin:10px 0;
display:block;
}
#content span.top a {
color:#000000;
text-decoration:underline;
font-weight:bold;
clear:right;
}
/* FOOTER CSS START HERE */
#footer {
	width:980px;
	background:url(../images/footerTop.jpg) top left repeat-x;
	height:50px;
	color:#5d5d5d;
	/*text-align:center;*/
	padding:20px 0 0;
	font-size:11px;
	margin-top:30px;
}
#footer a {
	color:#5d5d5d;
}
#footer a:hover {
	color: #000;
	}

#footer ul {
	padding:0;
	margin:0;
	float:left;
}
#footer ul li
{
	list-style-type:none;
	float:left;
}
#footer ul li a
{
	color:#d1cdbd;
	padding:0px 5px;
}
#footer ul li a:hover	{
color:#fff;
text-decoration:none;
}
#footer ul li a.current	{
color:#fff;
text-decoration:none;
}
#footer .link {
float:right;
font-weight:bold;
}











/* image gallery*/
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.container {
	/*LEFT: 50%; MARGIN: -180px 0px 0px -450px; WIDTH: 750px; POSITION: absolute; TOP: 50%;*/ HEIGHT: 360px
}
UL.thumb {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 265px; LIST-STYLE-TYPE: none
}
UL.thumb LI {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 65px; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 65px; margin:5px 5px 15px 5px;
}
UL.thumb LI IMG {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f0f0f0; LEFT: 0px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ddd 1px solid; WIDTH: 65px; PADDING-TOP: 5px; BORDER-BOTTOM: #ddd 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 65px; ms-interpolation-mode: bicubic; top:0px; left:0px; margin-top:0px; margin-left:0px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: 0px; top: 0px; left: 0px; width: 65px; display: block; height: 65px;
}
UL.thumb LI IMG.hover {
	BACKGROUND: url(../images/thumb_bg.png) no-repeat center center; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#main_view {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 9px; MARGIN-LEFT: -10px; PADDING-TOP: 9px
}


/*Profile menu list code starts here */
.menu_list {	
	width: 225px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background:url(../images/productMenuHead.jpg) #aeaeae;
	color:#5a5a5a;
	border:1px solid #aeaeae;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#cccccc ;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
  /*height:25px;*/
  line-height:25px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  
}
.menu_body a:hover{
background-color:#aaaaaa;
  color: #000000;
  text-decoration:none;
  }
  /*Profile menu list code ends here */
  
  /*Case studies landing page code starts here*/
.mainCaseStudyWrapper{
	width:755px;
	height:100%;
	min-height:390px;
	float:left;
}

.individualCaseWrapper{
	width:360px;
	height:130px;
	float:left;
	margin:12px 0 0 12px;
}

.caseImagewrapper{
	width:120px;
	height:120px;
	background:url(../images/thumb_bg.png);
	float:left;
}

.caseImagewrapper img{
	margin:10px 0 0 10px;
}

.caseContentWrapper{
	width:240px;
	height:120px;
	float:left;
}

.caseContentWrapper h1{
	font-size:12px;
	margin:10px 0 0 2px;
	line-height:12px;
	text-align:left;
	text-decoration:underline;
}

.caseContentWrapper h2{
	font-size:11px;
	margin:2px;
	line-height:12px;
	text-align:left;
	text-align:justify;
}

.caseContentWrapper h3{
	font-size:11px;
	margin:5px 0 0 2px;
	line-height:12px;
	text-align:left;
}
.caseContentWrapper a{
	color:#F00;
	font-size:9px;
	float:right;
	background:url(../images/productMenuHead.jpg) repeat-x;
	padding:0 2px;
}
.biaColor{
	color:#7fbf2d;
}
.contactMainTop{
	width:600px;
	height:100%;
	float:left;
	margin:5px 5px 10px 10px;
	font-size:12px; position:relative;
}
.contactWrapper{
	width:270px;
	height:100%;
	float:left;
	margin:5px 10px 10px 0;
	font-size:12px;
}
.contactWrapper2{
	width:270px;
	height:100%;
	float:right;
	margin:5px 0px 10px 0;
	font-size:12px;
}
.contactFormWrapper{
	width:600px;
	height:100%;
	float:left;
	margin:5px;
	background:#DCDCDA;
	border:#333 1px solid;
	padding:10px 0;
}

.contactFormWrapper .margin5 {
	padding:5px 7px;
	text-align:justify;
}

.contactFormWrapper .txt_bx {
	border:1px solid #CCCCCC;
	color:#333;
	font-family:sans-serif;
	font-size:11px;
	height:20px;
	width:auto;
}
.contactFormWrapper .txtarea {
	border:1px solid #CCCCCC;
	color:#333;
	font-family:sans-serif;
	font-size:11px;
	width:auto;
}
#content .center .contactFormWrapper .heading {
	font-size:12px;
	color:#333;
}
  /*Case studies landing page code ends here*/
  
  .LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#DCDCDA;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #DCDCDA;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.leftSide {
	float:left;
}
.rightSide {
	float:right;
}
.contactMainTop #map {
	position:absolute;
	left:300px;
}
#map h3 {
	margin-top:5px;
}
.mainCaseStudyWrapper h1 {
	margin-left:25px;
	font-size:18px;
	margin-bottom:-5px;
}
.caseContentWrapper h3, .caseContentWrapper h2 {
	line-height:18px;
}