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

/*** ------------------------------- |    General Elements  | ----------------------------------- ***/

body,td,th {
	font:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	background-color:#f0ece4;
	margin: 0px;
}

td img {
	display:block
}

p {
	margin-top: 10px 0px 10px 0px;
}

		.content {
			margin-top: 10px 0px 10px 0px;
		}

hr {
	height: 1px;
	color:#000;
	margin: 35px 0px 35px 0px;
}

.logo-img{
	padding: 30px 10px 0px 0px;	
	float: right;
	border:0px;
}

.blue-symbol {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0b93c2;
	font-weight:bold;
}

.me {	
	float: left;
	padding: 0px 15px 0px 0px;
	clear:left;
}

	a:link {
	color: #3393c2; 
	text-decoration: none; 
	}
		
	a:active {
	color: #3393c2; 
	text-decoration: none; 
	}
		
	a:visited {
	color: #3393c2; 
	text-decoration: none; 
	}
		
	a:hover {
	color: #3393c2; 
	text-decoration: underline; 
	}

		
/*** ------------------------------- |  Text Elements | ----------------------------------- ***/

h1{
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0b93c2;
	font-weight:bold;
	letter-spacing:-3px
}

h1 span{
	display: none;
}

h2{
	font-size:33px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0b93c2;
	font-weight:bold;
	letter-spacing:-3px;
	display:block;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing:-3px;
	display:block;
}

h3{
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	letter-spacing:-3px;
	line-height:43px;
	display:block;
	margin:0px 0px 10px 0px;
}

	.blue {
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0b93c2;
	font-weight:bold;
	letter-spacing:-3px;
	line-height:43px;
	margin:0px 0px 10px 0px;	
	}

h4 {
	font-size: 24px;
	font-weight:bold;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	clear:right;
	font-size: 15px;
	color:#0b93c2;
	font-weight:bold;
	margin:10px 0px 0px 10px;	
	}	

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#0b93c2;
	font-weight:bold;
	margin:10px 0px 10px 10px;
	display:block;
	clear:both;
	}

/*** ------------------------------- |  Container Elements | ----------------------------------- ***/

#wrapper {
	width: 990px;
	margin: 0px auto;
	padding-bottom: 25px;
	float:center;
	background-color:#f0ece4;

}

#header {
	width: 940px;
	height: 40px;
	padding: 5px 25px 5px 25px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#96a7a9;
}

		a.header:link {
			color: #96a7a9; 
			text-decoration: none; 
		}
		
		a.header:active {
			color: #96a7a9; 
			text-decoration: none; 
		}
		
		a.header:visited {
			color: #96a7a9; 
			text-decoration: none; 
		}
		
		a.header:hover {
			color: #96a7a9; 
			text-decoration: underline; 
		}

#nav-wrap {
	width: 940px;
	height: 40px;
	color:#FFF;
	padding: 10px 25px 0px 25px;
	font:Arial, Helvetica, sans-serif;
	border-bottom:1px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	
}

.nav {
	width: 390px;
	height: 29px;
	float:right;
	padding: 11px 0px 0px 0px;
		
}
	.domroll  {
		padding-left:50px;	
		border: 0px;
	}


#content-wrap{
	width:940px;
	padding: 50px 25px 25px 25px;
	
}

#content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 600px;
	height:auto;
	padding: 25px 0px 25px 0px;
		
}

	#port-col-1 {
		float:right;
		width:170px;
		margin: 25px 0px 50px 0px;
	}

	#port-col-2 {
		float:right;
		width:170px;
		margin: 25px 0px 50px 0px;
	}

	#port-col-3 {
		float:right;
		width:170px;
		margin: 25px 0px 50px 0px;
	}

	#main-content {
		width: 100%;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #000;
		margin-top: 30px;
		padding-left:25px;
	}
			.solutions-col {
				display: block;
				margin: -20px 0px 50px 0px;
				padding: 0px 0px 0px 0px;
			}
	
			#col-1 {
				width: 25%;
				float:right;
				
			}
			
			#col-2 {
				width: 25%;
				float:right;
			}
			
			#col-3 {
				width: 25%;
				float: right; 
			}
			
			#col-4 {
				width: 25%;
				float: right;
			}

	#inside-content {
		width: 610px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #000;
	}
	
		.portfolio {
			border: 2px #0b93c2 solid;
			margin: 0px 0px 15px 0px;
		}
	
	#right-content{
		width: 295px;
		height:auto;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #000;
		margin: 25px 0px 35px 0px;
		padding-right:15px;

	}
	
	#content-box{
		width:273px;
		height:100%;
		background-color:#FFF;
		border: 1px #d0cbc5 solid;
		padding: 10px;
		margin-bottom:20px;
	}
	
		.soc-icon {
			padding: 10px;
			border: none;
		}
		
		.soc-col-1 {
			float:right;
			width:50%;
			display:block;
		}
		
		.soc-col-2 {
			float:right;
			width:50%;
			display:block;
		}
			
	#content-box-right{
		width:273px;
		height:100%;
		background-color:#FFF;
		border: 1px #d0cbc5 solid;
		padding: 10px;
		margin-bottom:25px;
		float:right;
	}
	
	#ad-box{
		width:289px;
		height:100%;
		background-image:url(../images/info-bg.jpg);
		border: 1px #d0cbc5 solid;
		clear:both;
		margin: 25px 0px 0px 0px;
		
	}
	
	#black-box{
		width: 276px;
		height: 13px;
		background-color:#3c3b39;
		padding: 4px 4px 4px 10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
	}
	
		a.black-box:link {
			color: #96a7a9; 
			text-decoration: none; 
		}
		
		a.black-box:active {
			color: #96a7a9; 
			text-decoration: none; 
		}
		
		a.black-box:visited {
			color: #96a7a9; 
			text-decoration: none; 
		}
		
		a.black-box:hover {
			color: #96a7a9; 
			text-decoration: underline; 
		}
	
#footer-wrap {
	width: 940px;
	height:auto;
	padding: 40px 25px 25px 25px;
	border-top:6px;
	border-top-color:#000;
	border-top-style:solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	clear: both;
	margin-top: 35px 0px 20px 0px;
	clear:both;
}

			#foot-pages {
				width: 25%;
				float:right;
				
			}
			
			#foot-partner {
				width: 25%;
				float:right;
				
			}
			
			#foot-admired {
				width: 25%;
				float: right;
				
			}
			
			#foot-social {
				width: 25%;
				float: right;
	
			}

	#footer-social {
		float: right;
		width: 625px;
	}
	
			.footer-icon {
				margin-right: 30px;
				border:0px;
				
			}

	#footer ul {
  		float: left;
  		width: 12em;
  		margin: 0;
  		padding: 0;
  		list-style: none;
	}
 
	#footer li {
  		float: left;
  		width: 6em;
  		margin: 0;
  		padding: 0;
	} 
	

#logo a span {
   display:block;
   position:absolute;
   width:100%;
   height:100%;
   background:#ffffff url(images/logo.gif) no-repeat left top;
   z-index:100; 
 }



/*** ------------------------------- |  Form Elements | ----------------------------------- ***/

.eform{
	margin:0 auto;
	width:400px;
	float:left;
	margin-top:8px;
	margin-bottom:50px;
}

#edgar{
	border:none;
}

#edgar h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#edgar p{
	font-size:12px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#edgar label{
	display:block;
	font-weight:bold;
	width:140px;
	float:left;
}

#edgar .small{
	color:#666666;
	display:block;
	font-size:10px;
	font-weight:normal;
	width:140px;
}

#edgar input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #3393c2;
	width:200px;
	margin:2px 0 20px 10px;
	background-color:#f1ede5;
}

#edgar button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#3c3b39 no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

textarea.edgar{
	overflow: auto;
	background-color:#f1ede5;
	border: none;
	font-size:12px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
	border:solid 1px #3393c2;
	font-family:Arial, Helvetica, sans-serif;
}


/*** ------------------------------- |  Twitter | ----------------------------------- ***/

#twitter-div {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left: 5px;
	padding-right: 10px;
	font-size:14px;
	line-height:20px;
	text-decoration: none;		
}

	#twitter-div ul {
		list-style:none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#twitter-div li {
		/*border: 1px solid #86d30b;*/
		padding-bottom:20px;
		margin: 0;
}

a.twitter:visited {
	clear:both
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;

}

a.twitter:hover {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}


/*** ------------------------------- |  BoxGrid | ----------------------------------- ***/

.boxgrid{ 
	width: 265px; 
	height: 210px; 
	margin: 0px 10px 15px 10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #3393c2; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid p{ 
	padding: 15px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt font-family:Arial, Helvetica, sans-serif;
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}

.caption .boxcaption {
	top: 220;
	left: 0;
}
 
 /*** ------------------------------- |  Easy Slider | ----------------------------------- ***/

#banner-wrap {
	width: 990px;
	height: 367px;
	border-bottom:1px;
	border-bottom-color:#000;
	border-bottom-style:solid;	
	display:block;
	clear:both;
	margin-bottom:25px;
}

#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0px 0px 0px 0px;
		padding:0;
		list-style:none;
		}
	
	#slider2{
		margin-top:1em;
		}
	
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 990px;
		height: 367px
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:right;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#0b93c2;
		color:#FFF;
		padding:0 10px;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		}
	ol#controls li.current a{
		background:#000;
		color:#FFF;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
img{border:none;}
	pre{
		display:block;
		font:12px Arial, Helvetica, sans-serif;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */