/* CSS Document */

body {
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000;
	
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin:0px; 
	padding:0px;
}
img {
	border-style:none;
}

a {outline:none}
p {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#676767;
	font-weight:normal;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr { clear:both}
.spacer10 {
	height:10px;
	width:10px;
	font-size:1px;
}
.spacer6 {
	height:6px;
	width:8px;
	font-size:1px;
}
.spacer20 {
	height:20px;
	width:20px;
}
.spacer30 {
	height:30px;
	width:30px;
}
.spacer40 {
	height:40px;
	width:40px;
}
#container {
	margin:0 ;
	padding:0;
	background:#000 url(../images/main-bg2.jpg) center top no-repeat;
}

#mainContainer {
	width:949px;
	/*width:76%;*/
	margin:auto;
}

/*--------------------------TOP CONTENT-----------------------------------------------------*/

#top {
	
	margin:0;
	padding:0;
}

     .logo {
	 	margin-top:5px;
	 }
	 
	 
	.top-right-content {
		/*width:20%;*/
		width:190px;
		text-align:right;
		background:url(../images/loginbg.jpg) 0 0 no-repeat;
		height:56px;
		padding:10px 20px 0px 40px;
	}
	a.top-text {
		color:#ffcb3e;
		text-decoration:underline;
		font-family:calibri;
		font-size:16px;
		line-height:22px;
	}
	a.top-text:hover {
		text-decoration:none;
	}
	.whiteText {
		color:#fff;
		font-family:calibri;
		font-size:16px;
		line-height:22px;
	}
	
	.searchArea {
		
		margin-top:10px;
		margin-top:expression("10px");
	}
	.searchArea p{
		width:231px;
		height:27px;
		background:url(../images/searchbg.gif) 0 0 no-repeat;
	}
	.searchArea input.searchbg {
		height:22px;
		width:160px;
		border:0 none;
		font-size:14px;
		color:#878686;
		font-family:calibri;
		margin:0;
		margin-top:4px;
		padding-left:10px;
		background:transparent !important;
	}
	.searchbt {
		margin:0;
		padding:0;
	}
	
/* TOP NAVIGATION

---------------------------------------------------------------------*/

.nav {
	width:58%;
	margin-top:30px;
}


ul#nav {
	height:36px; 
	position:relative;
	margin:0px 0px 0px 0px;
	float:right;
}
ul#nav li {
	float:left;
	list-style-type:none; 
	margin-right:6px;
}
ul#nav li a {/*
	background:url(../images/nav.gif) 0 0 no-repeat; */
	height:36px;
	float:left;
}
ul#nav li a#topnav-home{
	width:104px;
	background:url(../images/home.gif) 0 0 no-repeat;
}
ul#nav li a#topnav-home:link{
	background-position:0px 0px;
}
ul#nav li a#topnav-home:hover, ul#nav li a#topnav-home.selected {
	background-position:0px -36px;
}

ul#nav li a#topnav-aboutus{
	width:104px;
	background:url(../images/aboutus.gif) 0 0 no-repeat;
}

ul#nav li a#topnav-aboutus:hover, ul#nav li a#topnav-aboutus.selected {
	background-position:0 -36px;
}

ul#nav li a#topnav-newsletter{
	width:104px;
	background:url(../images/newsletter.gif) 0 0 no-repeat;
}

ul#nav li a#topnav-newsletter:hover, ul#nav li a#topnav-newsletter.selected {
	background-position:0 -36px;
}

ul#nav li a#topnav-portfolio{
	width:104px;
	background:url(../images/portfolio.gif) 0 0 no-repeat;
}

ul#nav li a#topnav-portfolio:hover, ul#nav li a#topnav-portfolio.selected {
	background-position:0 -36px;
}

ul#nav li a#topnav-contact{
	width:104px;
	background:url(../images/contact.gif) 0 0 no-repeat;
}

ul#nav li a#topnav-contact:hover, ul#nav li a#topnav-contact.selected {
	background-position:0 -36px;
}





/* MAIN INNER PAGE
-------------------------------------------------------------------------*/

#main {
	margin:0; 
	padding:0; 
}
.main-content {
	/*width:954px; */
	width:100%;
	margin:0 auto; 
	padding:0px 0 0px 0;
}

	
	.box { background-color:#fff; width:100%;}
	.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
	.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
	.box .left-bot-corner {background:url(../images/left-bottom-corner.gif) no-repeat left bottom;}
	.box .right-bot-corner {background:url(../images/right-bottom-corner.gif) no-repeat right bottom; }
	
	
	.box2 { width:100%}
	.box2 .border-top2 {background:url(../images/top-border.gif) repeat-x top;}
	.box2 .border-bot2 {background:url(../images/bottom-border.gif) repeat-x bottom;}
	.box2 .border-left2 {background:url(../images/left-border.gif) repeat-y left;}
	.box2 .border-right2 {background:url(../images/right-border.gif) repeat-y right;}
	.box2 .left-top-corner2 {background:url(../images/left-top-corner2.gif) no-repeat left top;}
	.box2 .right-top-corner2 {background:url(../images/right-top-corner2.gif) no-repeat right top;}
	.box2 .left-bot-corner2 {background:url(../images/left-bottom-corner2.gif) no-repeat left bottom;}
	.box2 .right-bot-corner2 {background:url(../images/right-bottom-corner2.gif) no-repeat right bottom; }
	.inner {
		/*padding:0px 0px;*/
		
		width:100%;
	}
	
	.inner2 {
		padding:22px;
	}
	.innerAll-content {
		width:100%;
	}

	
	.subInnercontent {
		width:100%;
	}
	
	.link-Area {
		background:url(../images/greybg.gif) 0 bottom repeat-x;
		height:132px;
	}
	
	.link-Area .iconArea {
		width:19.9% !important;
		float:left;
		display:inline-block;
		text-align:center;
		background:url(../images/seprator.gif) 100% top no-repeat;
	}
	
	.link-Area .iconArea.nobg {
		background:0 none;
	}
	
	.content {
		background:url(../images/main-greybg.gif) 0 0 repeat-x;
		padding:22px 12px;
	}
	
	h1 {
		color:#858585;
		font-size:16px;
		line-height:27px;
		padding-left:10px;
		display:block;
		font-weight:bold;
		margin:12px 0px 4px 0px;
		display:block;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.linkContent {
		margin:0;
		padding:0;
	}
	.linkContent a{
		font-size:12px;
		line-height:18px;
		color:#0a879a;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		margin-right:5px;
		font-weight:normal;
	} 
	
	.linkContent a:hover {
		text-decoration:underline;
	}
	
/*LEFT PANEL
-------------------------------------------------------------------*/	
	.leftPanel {
		/*width:670px;*/
		width:75%;
	}
	
	.leftBox {
		width:53%;
	}
	
	.rightBox {
		width:46%;
	}
	
	.rightBox img {
		border:5px solid #e5e5e5;
	}
	
	.inner-content {
		border:1px solid #dcdcdc;
	}
	
	.heading {
		background:url(../images/heading-bg.gif) 0 0 repeat-x;
		margin:1px;
		color:#676767;
		font-size:16px;
		line-height:27px;
		padding-left:10px;
		display:block;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.contentText {
		border-top:1px solid #dcdcdc;
		padding:10px;
	}
	
	.contentText p {
		margin-bottom:14px;
	}
	
    .subcontentbox {
		background:url(../images/conentbg.jpg) 0 0 no-repeat;
		width:231px;
		height:195px;
		float:left;
	}
	
	.contentText3 {
		padding:10px;
	}
	
	.contentText3 p{
		font-size:12px;
		line-height:16px;
		color:#6f6f6f;
		margin-bottom:6px;
	}
	
	.subheading1 {
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		color:#5c5b5b;
		line-height:26px;
		font-weight:bold;
		text-transform:uppercase;
	} 
	
	ul.links {
		padding:0px 0px 0px 10px;
	}
	ul.links li{
		line-height:18px;
		list-style-type:none;
	}
	
	ul.links li a{
		font-size:12px;
		line-height:18px;
		color:#6f6f6f;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
	} 
	ul.links li a:hover {
		text-decoration:underline
	}
	
/*RIGHT PANEL
-------------------------------------------------------------------*/
	
	.rightPanel {
		/*width:252px;*/
		width:23%;
	}
	.rightshadow {
		background:url(../images/right-greyshadow.gif) 0 top no-repeat;
	}
	
	.rightbg {
		background:#e9e9e9 url(../images/right-greybg.gif) 0 0 repeat-x;
		margin-left:10px;
		border-bottom:1px solid #bebebe;
		border-right:1px solid #d8d8d8;
		padding:20px;
		padding-top:0;
		text-align:center;
	}
	
	.rightbg img{border:3px solid #b9b9b9; margin-bottom:8px;}
	
	h2 {
		color:#858585;
		font-size:15px;
		line-height:27px;
		padding-left:10px;
		display:block;
		font-weight:bold;
		margin:0px 0px 4px 0px;
		display:block;
		text-align:center;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}

	.text1{
		font-size:11px;
		line-height:16px;
		color:#8b8b8b;
		margin-bottom:10px;
	}
	.linkText {
		color:#0a879a;
		text-decoration:none;
	}
	.linkText:hover {
		text-decoration:underline;
	}
	
	

/*	FOOTER 
------------------------------------------------------------------*/

.footer {
	/*background:url(../images/bottom-repeat.jpg) 0 0 repeat-x;*/
	/*height:139px;*/
	padding:20px 0px 40px 0px;
	text-align:center;
	line-height:20px;
	color:#fff;
}
.footer a{
	text-decoration:none;
	font-size:11px;
	color:#fff;
}

.footer a:hover{
	text-decoration:underline;
}

.contact_email {

  color: #333;

}

.contact_email input {
	border:1px solid #CCCCCC;
	background-color:#F2F2F2;
}

.contact_email textarea {
	border:1px solid #CCCCCC;
	background-color:#F2F2F2;
}

.contact_form_leftcol {

  float:left;

  width:30%;

  height:28px;

  line-height:28px;

  border:0px solid #fff;
  text-align:right;
  
  color:#999999;
  font-size:12px;
}

.contact_form_leftcol span {
	color:#ff0000;
}



.contact_form_rightcol {

  float:right;

  width:69%;

  height:28px;

  border:0px solid #fff;

}



.contact_form_rightcol2 {

  margin-top: 3px;

  float:right;

  width:69%;

  border:0px solid #fff;

}



.contact_form_rightcol .inputbox {

  margin: 0px;

  padding: 2px;

  margin-top: 3px;

  font-family: Arial;

  font-size: 8pt;

  color: #333;

}

.sub-button {
	border:1px solid #999999;
	background-color:#CCCCCC;
	color:#333333;
	-moz-border-radius:8px;
	-wkt-border-radius:8px;
	margin-top:20px;
	margin-left:31%;
}

.browseProductTitle a {

  color: #cc0000;

}



.browseProductDescription a {

  color: #ff0000;

  line-height: 30px;

}