/*general rules*/
* {margin:0; padding:0;}

li {list-style:none;}
img, #nav_industry li, .cont_rollover {behavior:url(iepngfix.htc);}
img {border:none;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.floatleft {float:left;}
.floatright {float:right;}
/*****************************************/

/*font-colors*/
body {background-color:#000; font-family: Arial, Verdana, sans-serif; color:#a1a1a1;}
#nav a {color:#fff; font-family: Arial, Verdana, sans-serif;font-size:.8em; text-decoration:none;}
#maincopy {font-size:.875em; line-height:1.3em;}
#home maincopy {font-size:.95em;}
.highlight {color:#93b48a; font-size:1.1em;}
.color, cite {color:#93b48a;}

a {color:#93b48a; text-decoration:none;}
a:hover {text-decoration:underline;}

h3 {font-size:1em;}
#banner h3 {font-size:14px; font-weight:normal; border-bottom:1px solid #bfbfbf; display:inline;}
#banner p {font-size:10px; color:#a7b4a4;}

#footer, #footer a  {font-size:10px; color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.warning {color:#ff0000; clear:both;}
.success {color:#fff;}
/****************************************/

/*navigation*/
#nav {min-height:35px;height:auto !important;height:35px; border-top:1px solid #999; border-bottom:1px solid #999;}
#nav ul {margin:0 0 0 35px;}
#nav li {float:left; margin:0 25px 0 0; height:35px;}
#nav li a {display:block;min-height:25px;height:auto !important;height:25px; padding:10px 0 0 0;}
#nav li a:hover, #nav a.selected, #nav li a.selected {background:url(../images/nav_arrow.png) no-repeat 47% top;}

	/*dropdown*/
	#nav li ul {position:absolute; margin:0; left:-999em; z-index:99;}
	#nav li:hover, #nav li.hover {position:static;}
	#nav li:hover ul, #nav li.hover ul {left:auto; text-align:center; margin-left:-18px;}
	#nav li ul li {margin:0; padding:0; background:url(../images/bg_dropdown.png) repeat-x left top; height:22px; clear:both; width:87px;border-bottom:1px solid #767975;}
	#nav li ul li:hover {background:#000;}
	#nav li ul li a {line-height:22px; width:87px; margin:0; padding:0;}
	#nav li ul li a:hover {background:none;}

/***************************************/

/*layout*/
#allcontent {width:900px; margin:0 auto; position:relative;}

h1 a {background:url(../images/logo.png) no-repeat left top; text-indent:-999em; display:block; width:550px; height:110px;}
h2 span {position:absolute; left:-999em;}
h3 {margin:0 0 .3em 0;}
#banner h3 {margin:0;}
#header {height:125px;}

#maincopy {padding:0 0 20px 70px; width:830px; min-height:170px;height:auto !important;height:170px;}
#maincopy:after
		{
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
#maincopy p {margin:0 0 1.4em 0; width:650px;}

#leftcol {float:left; width:350px;}
#rightcol {float:left; width:480px;}

#banner {width:900px; height:220px; position:relative;background:url(../images/banner_generic.jpg) no-repeat left top;}

#footer {padding:0 0 40px 0;}
#footer ul {float:left; width:560px; height:13px; border-left:1px solid #a1a1a1;}
#footer li {float:left;border-right:1px solid #a1a1a1;}
#footer li a {padding:0 9px;}
#footer p {float:right; width:320px; text-align:right;}
/*************************************/

/*banners*/
#services #banner {width:365px; height:190px; padding:110px 0 0 535px; background:url(../images/banner_services.jpg) no-repeat left -20px; text-align:right;}
#encoding #banner {background:url(../images/banner_encoding.jpg) no-repeat left top; height:260px;}
#company #banner {background:url(../images/banner_company.jpg) no-repeat left 0; height:209px;}
#clients #banner {height:220px; background:none;}

/*page specific rules*/
		/*home*/
		#home #maincopy  {background:url(../images/world.jpg) no-repeat left top; text-align:right; padding-left: 500px; width:400px;min-height:430px;height:auto !important;height:430px;}
		#home #maincopy p {width:auto;}
		#home h2 {background:url(../images/h2_home.png) no-repeat right bottom; display:block; width:372px; height:45px; padding:120px 0 0 0; margin:0 0 40px 0;}
		#learn img {padding:2px 0 0 10px;}
		
		/*services*/
		#banner h3 {margin:0 20px 0 0;}
		#services #banner p {padding:10px 0 0 55px; line-height:1.6em; clear:both;}
		
		/*encoding*/
		#encoding #banner img {position:absolute; top:45px; left:650px;}
		
		/*company*/
		#company h2 {background:url(../images/h2_company.jpg) no-repeat right bottom; display:block; width:372px; height:45px; padding:152px 0 0 401px;}
		#partners li 	{ list-style:none; width:494px; padding:0 0 5px 0; margin:0 0 5px 0;  min-height:29px;height:auto !important;height:29px;}
		#partners li img 	{ margin:0 10px 0 0; float:left;}
		#partners li span 	{ margin:5px 0 0 0; display:block; float:left;}
		
		/*contact*/
		#contact #maincopy p {width:auto;}
		#contact #maincopy #frm_contact p {clear:both; width:auto; margin:0 0 10px 0;}
		#frm_contact p:after
		{
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		#frm_contact label {float:left; display:block; width:100px;}
		#frm_contact .txtarea {width:290px; padding-left:100px;}
		#frm_contact .txtarea label {width:auto; float:none;}
		#frm_contact input, #frm_contact textarea {float:left; width:290px; background-color:#000; color:#fff; border:1px solid #93b48a;}
		
		#frm_contact #submit {width:100px; float:right; margin-right:88px; display:inline;}
		
		/*team*/
		.team #maincopy p {width:auto;}
		
		/*clients*/
		#clients .col {width:265px; float:left; padding:0 0 30px 0;}
		#clients .second {margin:0 30px 0 0;}
		#clients h2 {background:url(../images/h2_clients.jpg) no-repeat left top; height:40px; margin:0 0 30px 0;}
		
			/*slider.php*/
.sliderGallery {position: relative;overflow: hidden;}
.sliderGallery ul {position: absolute;list-style: none;overflow: none;padding: 0;margin: 0;white-space: nowrap; padding-top:30px;}
.sliderGallery ul li {display: inline; margin:0 20px 0 0;}
.sliderGallery ul li img {vertical-align:middle;}
        
        .slider {
            width: 403px;
            height: 9px;
            top:180px;
			left:235px;
            position: absolute;
            background: url(../images/scrollbar.png) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 9px;
            width: 78px;
            top: 0;
            background: url(../images/scroller.png) no-repeat;
            z-index: 100;
        }
		
		#prev {position:absolute; top:180px; left:215px;}
		#next {position:absolute; top:180px; left:650px;}