* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:980px;
}
body { 
	background:url(images/main-bg.jpg) no-repeat center top #ffffff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#384258;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}



/*==== GLOBAL =====*/
#main {
	width:980px; 
	margin:0 auto;
	font-size:.8125em;
	position:relative;
}

#header {
	height:170px;
}
#content {
	height:585px;
}
#splash {
	height:750px;
}
	#splash .logo {
		position:absolute;
		top:437px;
		left:9px;
	}

/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:18px;
}
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:18px;
}
.p3 { 
	margin-bottom:27px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#2f79bd; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:37px;
	line-height:1.2em;
	color:#555454;
	letter-spacing:-1px;
	margin-bottom:10px;
}


.line-hor { 
	background:#d9d9d9;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-hor1 { 
	background:#000;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:60px 0 10px 0;
}
.title { 
	margin-bottom:9px;
}


/*==================boxes====================*/
.box {
	background:#d9d9d9;
	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-bot-corner.gif) no-repeat left bottom;
		width:100%;
		}
	.box .right-bot-corner {
		background:url(images/right-bot-corner.gif) no-repeat right bottom;
		}
	.box .inner { 
		padding:9px 0 9px 7px;
	}

.address { 
	padding-bottom:18px;
}
	.address dt {
		margin-bottom:18px;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:100px;
		}


/*===== header =====*/
#header .indent {
	padding:47px 0 0 9px;
}
	.main-nav li {
		position:absolute;
	}
		.main-nav li.m1 {
			top:118px;
			left:745px;
		}
		.main-nav li.m2 {
			top:237px;
			left:578px;
		}
		.main-nav li.m3 {
			top:385px;
			left:739px;
		}
	
	.carousel {
		width:100%;
		overflow:hidden;
	}
		.carousel li {
			float:left;
			padding-right:10px;
		}

/*===== content =====*/
#content .inside {
	padding:3px 544px 0 26px;
}
#content .indent {
	padding:0 0 0 8px;
}

/*===== footer =====*/
#footer .nav {
	float:left;
	padding:15px 0 0 0;
}
	#footer .nav li {
		float:left;
		background:url(images/divider.gif) no-repeat left 8px;
		padding:0 32px 0 32px;
	}
	#footer .nav li.first {
		padding-left:12px;
		background:none;
	}
		#footer .nav li a {
			float:left;
			text-decoration:none;
			color:#fff;
		}
			#footer .nav li a span {
				float:left;
				padding:1px 5px 1px 5px;
				cursor:pointer;
			}
		
		#footer .nav li a:hover, #footer .nav li a.current {
			background:url(images/nav-left.gif) no-repeat left top #fff;
			color:#000;
		}
			#footer .nav li a:hover span, #footer .nav li a.current span {
				background:url(images/nav-right.gif) no-repeat right top;
			}
#footer .fright {
	color:#626262;
	text-transform:uppercase;
	font-size:10px;
	padding:18px 0 0 0;
}
	#footer .fright a {
		color:#626262;
		text-decoration:none;
	}
	#footer .fright a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
}
	#contacts-form label { 
		display:block;
		height:43px;
	} 
		#contacts-form label input { 
			width:175px;
			padding:2px 0 2px 3px;
			color:#111;
			background:none;
			border:1px solid #a09b96;
		}
		#contacts-form textarea {
			width:165px;
			height:59px;
			padding:2px 0 2px 3px;
			margin-bottom:15px;
			color:#111;
			background:none;
			border:1px solid #a09b96;
			overflow:auto;
		}
		#contacts-form .col-1 { 
			width:210px !important;
			margin-right:0 !important;
		}
		#contacts-form .col-2 { 
			width:174px !important;
		}
	
/* portfolio page javascript styles  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.stepcarousel{
position: relative; /*leave this value alone*/
border:none;
overflow: scroll; /*leave this value alone*/
width: 400px; /*Width of Carousel Viewer itself*/
height: 220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
		

/*==================my random adds========================*/
.bold
{font-weight:bold
}

.italic
{font-style:italic
}

.services
{font-weight:bold; 
list-style:circle;
margin-left:18px;
}

.img_cap
{text-align:center; font-size:90%; margin-top:10px;}

.site_type
{text-align:right;
 margin-right:12px;}
 
.site_type a
{text-decoration:none}

.site_type a:hover
{text-decoration:underline}

.site_type a.active
{text-decoration:underline}

/* xxxxxxxxxxxxxx portfolio styles xxxxxxxxxxxxxxxxxxxxxxxxxxx */

#jusdust_port
{width:800px; 
height:600px;
border:solid 5px #000;
position:relative;}

.bottom_link
{position:absolute;
bottom:4px;
left:4px;
font-style:italic
}

.bottom_link a
{text-decoration:none}

.bottom_link a:hover
{text-decoration:underline}

.text
{width:792px;
padding:4px;}

#consulting
{width:600px;
}

#consulting p
{padding:12px;
background:#efefef}