article, aside, figure, footer, header, hgroup, menu, nav, section {	display: block;}
img {border:none;}
header {	width:1000px;	height:70px;	margin:auto;	padding:0;}
/*nav {	margin:auto;	padding:0;	width:1000px;	height:100px;}*/
#container {	width:100%; height:100%;  max-height:100%; margin:0px;	padding:0px; background:url(../images/bg1.png) top repeat-x;}
#containerIn {	width:100%; max-height:100%; height:100%; margin-top:6px;  background-color:#E8E8E8  ; background:url(../images/bgPage.jpg); background-repeat:repeat}
footer {	width:100%;	margin:auto;	padding:0;	height:5px;	background:url(../images/footer-bg.png) repeat-x;}
@font-face { font-family: MaxLF-Light; src: url("../font/MaxLF-Light.otf") format("opentype");}

h1 {font-family:MaxLF-Light, arial;	font-size:16px;	font-weight:normal;	color:#383838;	line-height:25px; margin:3px;}
h2 {	font-family:MaxLF-Light;, arial	font-size:14px;	font-weight:normal;	color:#383838;}
nav {	 padding:10px 5px 0 5px;font-family:MaxLF-Light, arial;	width:750px; float:right;	font-size:14px;	font-weight:normal;	left: 423px;	top: 0px;}
nav ul li {	display:inline;	margin:0px 0 0 12px;	float:left;	-moz-border-radius: 10px;	border-radius: 10px;}
nav ul li a, nav ul li a:visited {	color:#565656;	text-decoration:none;	display:block;	float:left;	font-family:MaxLF-Light, arial;	font-size:14px;	font-weight:normal;
	margin:5px 2px;	padding:7px 10px 10px;	text-shadow:0 1px 1px white;/*text-transform:uppercase;*/}
nav ul li a:hover {	text-decoration:none;	background-color:#e8e8e8;	-moz-border-radius: 10px;	border-radius: 10px;}
nav ul li a .selected {	display:inline;	margin:0px 0 0 22px;	float:left;	-moz-border-radius: 10px;	border-radius: 10px;}

a{text-decoration: none;  color:#45869e; }
a:hover{color:#b1c0c8; }
.link1{text-decoration: none; font-size: 11px; color:#ff6c00; }
.link2{text-decoration: none; font-size: 13px; color:#45869e; }
.link3{text-decoration: none; font-size: 13px; color:#00a2ff; font-weight:bold; line-height:20px}
.link4{text-decoration: none; font-size: 13px; color:#00a2ff; line-height:25px; font-weight:bold; }


.outerwrapper {	width:990px;height:100%; margin:0px auto; padding:0px; background-color:#fff}
.logo {	width:140px;	height:00px;	float:left;	margin:0px;}
/*.navarea {width:500px;	float:right;	margin:20px 0 0}*/
.bannerwrapper {	width:972px;	height: auto;	min-height:200px;	margin:auto; padding:2px; background-image:url(../images/bgSlider.jpg); background-repeat:no-repeat}
.contentswrapper {	width:968px;	height: auto;	margin:auto;	padding:0;}
.bannerarea {	width:968px;	height:163px;	float:left;	margin-top:20px;	margin-bottom:10px;}
.containerinner {	width:968px;	height: auto;	float:left;	margin-top:30px;	margin-bottom:10px;	background:url(../images/br-tabs-hr.png) repeat-x top;}
/*.slider-portfolio-wrapper {	width:964px;	height:150px;	margin:auto;	padding:0;}*/
.container-left {	width:660px; float:left;	height:auto;	margin-top:10px; font-family:'Arial';	font-size:12px;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	line-height:18px;	text-align:justify;	padding-right:15px; background: url(../images/br-tabs-vr.png) repeat-y right;}
.container-left p {	font-family:'Arial'; font-size:12px; text-shadow: 0px 1px 0px #fff;	text-align:justify;}	
.container-right {	width:290px;	float:left;		height:auto;  margin-top:5px; list-style:none; font:Arial}
.container-right h2 {font-family:MaxLF-Light, arial; padding-left:10px;	font-size:16px;	font-weight:normal;	color:#383838;	line-height:25px; margin:3px;}

.itemlist ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0px; line-height:15px; font-family:Arial, Helvetica, sans-serif;}
.itemlist ul li{padding-bottom: 2px;}
.itemlist ul li a {color: #708598; font-family:Arial, Helvetica, sans-serif; display: block;padding: 2px 0;padding-left: 15px; text-decoration: none;font-size: 13px;}
.itemlist ul li a:hover{color: #003872;}
.itemlist ul li .active{color: #008FE1; font-weight:bold}
.itemlist ul li ul li{ margin:0px; padding:0px;}
.itemlist ul li ul li a{color: #708598; background: url(../images/arrow.gif) no-repeat center left; display: block; font-weight:normal;
margin-left:20px; padding-left: 10px; text-decoration: none;font-size: 12px;color: #5191CB;}
.itemlist ul li ul li a:hover{color: #003872;background-color: #f9fcff;}
.itemlist ul li ul li .vis {color: #FF7200}


.Bigmenu a{ font-family:MaxLF-Light,Arial ; font-size:14px; text-transform:uppercase; color: #708598; margin-left:5px;  display:block; padding-bottom:5px; padding-left:5px; border-bottom:1px solid #e0e2e4; text-decoration:none;  cursor:hand; line-height:20px; vertical-align:top;}
.Bigmenu a:hover{color: #ff6c00}
.Bigmenu .active{color: #ff6c00}

.Bigmenu2 a{ font-family:MaxLF-Light,Arial ; font-size:14px; text-transform:uppercase; color: #708598; margin-left:5px;  display:block; 
padding-bottom:5px; padding-top:5px; padding-left:5px; border-bottom:1px solid #e0e2e4; border-top:1px solid #e0e2e4; text-decoration:none;  cursor:hand; line-height:20px; vertical-align:top;}
.Bigmenu2 a:hover{color: #ff6c00}


/*.menu a{ font-family:arial;	font-size:13px;color: #708598; background: url(../images/arrows.jpg) no-repeat top left; margin-left:10px; margin-bottom:0px; display:block; 
padding: 0px 0px 4px 18px; border-bottom:1px solid #e0e2e4;text-decoration:none; cursor:hand; line-height:15px;}
.menu a:hover{color: #ff6c00}*/

/**---------Slider-home-portfolio-------------**/
/*#slider-portfolio {	height: 150px;	overflow: hidden;	position: relative;	margin: 10px 0;}
 DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. 								  
#mover {width: 2880px;	position: relative;}
.slide {padding: 10px 30px;	width: 900px;	float: left;	position: relative;}
.slide p {font-family:'Arial';	font-size:12px;	font-weight:normal;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	line-height: 22px;	width: 300px;}
.slide img {position: absolute;	top: 20px;	left: 400px;}
#slider-portfolio-stopper {	position: absolute;	top: 1px;	right: 20px;	background: #dcdcdc;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	padding: 3px 8px;
	font-size: 10px;	text-transform: uppercase;	z-index: 1000;
}
*/
/**---------Slider-home-portfolio-------------*

.about-title {width:610px;	float:left;	height:50px;	background:url(../images/about-icon.png) no-repeat left;	padding:0 0 0 45px;}
.testimonialswrapper {width:300px;	height:170px;	float:left;	background:url(../images/testimonials-bg.png) no-repeat center;}
.testimonialscontent {width:250px;	height:100px;	margin:auto;	padding:20px 0 0 10px;}
.testimonialscontent p {font-family:'Arial'; 	font-size:12px;	font-style:italic;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	line-height:22px;}
.contact-rt {	width:300px;	float:left;	height:auto;	min-height:150px;	margin-top:20px;}
.contact-rt p {	font-family:'Arial';	font-size:13px;	font-weight:normal;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;}
.web-development-icon {	width:32px;	height:32px;	float:left;	margin:10px 10px 0 0;	background:url(../images/web-development-icon.png) no-repeat center;}


*/
.creative-services-icon {	width:32px;	height:23px;	float:left;	margin:0px 10px 0 0;	background:url(../images/creative-services-icon.png) no-repeat center;}
.branding-and-identity-icon {	width:32px;	height:26px;	float:left;	margin:0px 10px 0 0;	background:url(../images/branding-icon.png) no-repeat center;}
.services-boxwrapper {	width:968px;	margin:auto;	padding:0;	height:auto;}
.services-calls {	width:955px;	margin:0px auto; clear:both; }
.services-box {	width:968px;	margin:auto ;	float:left;	margin-top:40px;	min-height:160px;	background:url(../images/br-tabs-hr.png) repeat-x bottom;}
.services-box section {	display: block;	height: 170px;	float: left;}
.services-box section.one {	border-left: none;	width:950px; padding:10px;}
.services-box section.one p {	font-family:'Arial';	font-size:12px;	font-weight:normal;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	padding:2px 15px 5px 5px;
	margin:0px;	line-height:20px;	text-align:justify}
.services-box section.three {	border-left: none;	margin-left:7px;	width:318px;	text-align:justify}
.services-box section.three p {	font-family:'Arial';	font-size:12px;	font-weight:normal;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	padding:2px 15px 5px 5px;
	margin:0px;	line-height:20px;}
.services-box section.three span {	color: #FF6600;}
.recent-works-title {width:968px;	height:50px;	float:left;}
.recent-works-icon {width:32px;	height:32px;	float:left;	margin:10px 10px 0 0;	background:url(../images/recent-works-icon.png) no-repeat center;}
.where-are-we {	height:155px;	float:left;	margin-top:2px; margin-bottom:5px; margin-left:5px;}
.where-are-we .map {width:220px;	height:133px;	float:left;	background:url(../images/map.png) no-repeat ;	margin:-25px 0 0 0; border-right:1px solid #ccc}
.where-are-we .address {width:230px;	height:133px;	float:left;	background:url(../images/address.png) no-repeat;	margin:-25px 0 0 0;  border-right:1px solid #ccc}
.where-are-we .mail {width:193px;	height:133px;	float:left;	background:url(../images/mails.png) no-repeat;	margin:-25px 0 0 0; }
.portfoliosliderwrapper {width:968px;	height:auto;	min-height:300px;	margin:auto;	padding:0;}
.serviceswrapper {width:968px;	margin:auto;	padding:0;	min-height:260px;	height:auto;}
.services {	width:959px; float:left;	height:auto;	margin:0px;}
.services .top {width:955px;	height:155px; padding:10px;	float:left;	/*background:url(../images/br-tabs-hr.png) repeat-x bottom;*/}
.services .subcopy {width:955px;	float:left;	background:url(../images/br-tabs-hr.png) repeat-x top;}
.services section#where-are-we {width:245px;	height:150px;	float:left;	background:url(../images/map.png)  no-repeat  scroll 0px 8px transparent;	}
.services section#what-we-do {width:230px; height:150px; float:left;}
.services section#who-we-are {width:250px; height:150px; float:left;}
.services section#get-connected {width:304px; height:20px; padding-top:40px; float:left;}
.services section#contact-us {width:244px;	height:120px; float:left;	margin-left:10px;}
.services .bottom {	width:535px; height:50px; float:left; margin-top:15px;}
.services ul {	margin:0;	padding:0;}
.services li {	list-style:none;	line-height:22px;	background-position: 0.1em;	/*padding-left: 1.4em;*/	font-family:'Arial';	font-size:12px;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	text-decoration:none;}
.services li a {	text-decoration:none;	font-family:'Arial';	font-size:12px;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;}
.services li a:hover {	color:#EF7E17;}
.services p {	font-family:'Arial';	font-size:12px;	line-height:22px;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;}
.services section#get-connected ul {margin:0; height:50px;	padding:0;}
.services section#get-connected li {list-style:none; display:inline;	line-height:22px;	background-position: 0.1em;	/*padding-left: 1.4em;*/	line-height:22px;
	font-family:'Arial';	font-size:12px;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;	text-decoration:none;}
.arrowlistmenu{width: 220px; margin:0px; float:left;}
.arrowlistmenu .menuheader a{ 
font: bold 12px Arial;color: #ccc;background: url(../images/arrow.jpg) no-repeat center left; margin-left: 5px;
margin-bottom: 3px; display:block; padding: 4px 0px 4px 20px; border-bottom:1px solid #e0e2e4;
text-decoration:none;}
.arrowlistmenu .menuheader a:hover{color: #ff6c00}
.arrowlistmenu .menuheader .active{color: #ff6c00}
.arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0px; line-height:15px;}
.arrowlistmenu ul li{padding-bottom: 2px;}
.arrowlistmenu ul li a {display: block;padding: 2px 0;padding-left: 15px; text-decoration: none;font-size: 12px;color: #383838;}
.arrowlistmenu ul li a:hover{color: #003872;}
.arrowlistmenu ul li .active{color: #008FE1}
.arrowlistmenu ul li ul li{ margin:0px; padding:0px;}
.arrowlistmenu ul li ul li a{color: #A70303;background: url(../images/arrow.gif) no-repeat center left;display: block;
margin-left:20px; padding-left: 10px; text-decoration: none;font-size: 11px;color: #628aae;}
.arrowlistmenu ul li ul li a:hover{color: #003872;background-color: #f9fcff;}
.arrowlistmenu ul li ul li .vis {color: #FF9900}


img {	border:none;	text-align:center;}
pre {	display:block;	font:12px "Courier New", Courier, monospace;	padding:10px;	border:1px solid #bae2f0;	background:#e3f4f9;	margin:.5em 0;	width:500px;}

.copy-right {width:950px; float:left;	margin-top:10px; list-style:none}
.copy-right p {	font-family:'Arial'; font-size:12px;	line-height:16px;	color: rgb(102, 102, 102);	text-shadow: 0px 1px 0px #fff;}
.copy-right ul {font-family:'Arial'; font-size:12px; list-style:none; line-height:12px;	color: rgb(102, 102, 102);	margin:0;	padding-right:5px;	list-style:none;	display:inline;}
.copy-right li {font-family:'Arial'; font-size:12px;	line-height:12px;	color: #006699; 	margin:0;	padding-right:5px;	display:inline;}
.copy-right img{ float:left; margin-top:15px; margin-right:5px;}

/**------------------Contact form-------------------------**/
.contact-form {	float:left;	width:630px;	height:auto;	min-height:300px;	margin:10px;}
.contact-form p {margin:0 20px 20px 0;	padding:0;	font-family:Arial;	font-size:12px;	color:#979797;	line-height:20px;	text-align:left;}
.floatLeft {float:left;	margin:6px;}
.ContentWarpRight {	float:right;	width:270px;	height:auto;	min-height:300px;	margin:10px 0 0 0;}
.FormDiv {float:left;	width:320px;	height:auto;}
.FormTxtArea {float:left;	width:300px;	height:160px;}
#map {float:left;	width:640px;	height:260px;}
.FormUpload {float:left;	width:620px;	height:auto;}
.FormUpload p {	font-family:Arial;	font-size:12px;	color:#7D0965;	padding:0px 0px 0px 110px;	margin:0;}
.FormBtn {float:left;	width:490px;	height:60px;	margin-left:110px;}
.label {float: left;	font-family:Arial;	font-size:12px;	line-height:20px;	width: 300px;	color:#383838; font-weight:bold;}
.label span {	color:#FF750F}
.input, .textarea {	width: 280px;	margin-bottom: 5px;	background:#F7F7F7;	border:none;	height:30px;	color:#979797; border:1px solid #D8D7D7;}
.textarea {	width: 300px;	height: 150px;}
.selectbox {background:#F7F7F7;	border:0 none;	color:#979797;	padding:3px; border:1px solid #E8E8E8;}
.boxes {width: 1em;}
#submitbutton {	margin-left: 120px;	margin-top: 5px;	width: 90px;}
br {clear: left;}
.FormTxtArea {	float:left;	width:300px;	height:160px;}
#sendBtn {	display: block;	float:left;	width: 108px;	height: 45px;/*	margin-top:30px;*/	background: url("../images/sendbtn1.png") no-repeat 0 0;	cursor:pointer;}
#sendBtn:hover {	background-position: 0 -45px;}
#makeadonatBtn span {	display: none;}

/*mar26*/

.overlay
{
    position:fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 700px;
    background: #000;
    display: none;   
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}
.popup
{
    position:absolute;
   top:2%;
   left:15%;
      margin-top: 0px;
    width: 960px;
    height: 100%;
    display: none;
   
    border:1px black;
}
.bold
{
font-weight:bold;
font-size:18px;
background-color:#FFF99C;
display:inline;
}
.notice
{
font-size:40px;
text-decoration:underline;
background-color:#FFF99C;
display:inline;
}
.underline{

font-size:18px;
text-decoration:underline;
font-weight:bold;
background-color:#FFF99C;
display:inline;
}
.bg
{
font-size:18px;
background-color:#FFF99C;
display:inline;


}
.bgunderline
{
font-size:18px;
background-color:#FFFD6C;
text-decoration:underline;
background-color:#FFF99C;
display:inline;
}
p
{
line-height:35px;
}
.bg a{
color:#0000FF;
}

/*mar26* /