/* CSS Document */

body {
	height:100%;
	background-image:url(../images/body-bg.png);
	background-position:top;
	background-repeat:repeat-x;

}

#main {
	width:1020px;
	overflow:hidden;
	margin:0px auto;
	margin-top:15px;
}

#header {
	width:100%;
	height:100px;
}

#container {
	margin-top:10px;
	width:100%;
	overflow:hidden;
}

#container_header {
	height:171px;
	background-image:url(../images/container-header1.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	z-index:10;
	overflow:hidden;
}

#container_header_map {
	height:171px;
	background-image:url(../images/container-header-map.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	z-index:10;
	overflow:hidden;
}

#container_body {
	width:100%;
	height:100px;
	background-image:url(../images/container-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	top:-10px;
	z-index:1;
	overflow:hidden;
}

#container-header-shadow {
	height:20px;
	background-image:url(../images/container-header-shadow.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

#container-header-shadow-home {
	height:20px;
	background-image:url(../images/container-header-shadow-home.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}
/**** 2 Column START ****/
	#container_col1 {
		width:335px;
		float:left;
		overflow:hidden;
	}
	
	#container_col2 {
		width:685px;
		float:right;
		overflow:hidden;
	}
/**** 2 Column END ****/

/**** 2 Column START ****/
	#container_col1-1 {
		width:435px;
		float:left;
		overflow:hidden;
		position:relative;
		top:-18px;
	}
	
	#container_col2-1 {
		width:585px;
		float:right;
		overflow:hidden;
		position:relative;
		top:-20px;		
	}
/**** 2 Column END ****/

/**** 3 Column START ****/
	#container_col1-2 {
		width:355px;
		height:408px;
		float:left;
		overflow:hidden;
		position:relative;
		top:-18px;
	}
	
	#container_col2-2 {
		width:445px;
		float:left;
		overflow:hidden;
		position:relative;
		top:-20px;		
	}
	
	#container_col3-2 {
		width:200px; /*220px; */
		float:right;
		overflow:hidden;
		position:relative;
		top:-20px;		
	}
/**** 3 Column END ****/
/**** 2 Column START ****/
	#container_col1-3 {
		width:355px;
		height:448px;
		float:left;
		overflow:hidden;
		position:relative;
		top:-18px;
	}
	
	#container_col2-3 {
		width:645px;
		float:left;
		overflow:hidden;
		position:relative;
		top:-20px;		
	}
	
/**** 3 Column END ****/

#col1_contents {
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:60px;
	letter-spacing:0.02em;
	z-index:10000;
}

#col2_contents {
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:60px;
	padding-bottom:20px;
	letter-spacing:0.02em;
	z-index:10000;
	cursor:text;
}

#col2-2_contents {
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:10px;
	padding-left:2px;
	padding-top:20px;
	padding-bottom:20px;
	letter-spacing:0.02em;
	z-index:10000;
}

#col3_contents {
	color:#aaa9a9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	z-index:10000;
}

#col3-2_contents {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	padding-top:60px;
	z-index:10000;
}


#container_head_c1 {
	width:30%;
	float:left;
	text-align:right;
}

#container_head_c2 {
	width:70%;
	float:right;

}

img.containertitle {
	top:90px;
/*	left:120px; */
	position:relative;
}

#footer {
	width:100%;
	height:30px;
	margin-top:10px;
}

#footercontents {
	color:#efefef;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

hr {
	height:0px;
	border-top:1px solid #ffffff;
}
/******* FONTS *******/

#col2_contents span.heading {
	font-size:14px;
	font-weight:bold;
}

#col1_contents span.heading {
	font-size:16px;
	font-weight:bold;
}

span.heading {
	font-size:16px;
	font-weight:bold;
}

span.heading1 {
	font-size:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

span.heading2 {
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1em;
}

a.readmore, a.readmore:hover, a.readmore:visited, a.readmore:visited:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;	
}

a.readmore:hover, a.readmore:visited:hover {
	text-decoration:underline;
}

table.tablenav {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}

ul.homenav {
	list-style:none;
	width:150px;
	height:20px;
	text-align:center;
}

ul.homenav li {
	display:inline;
	float:left;
	width:20px;
	height:20px;
	text-align:center;
}
ul.homenav li:hover {
	background-color:#a1d0e6;
	width:18px;
	height:18px;
	-moz-border-radius:3px;
	border:1px solid #777777;
}

ul.homenav li a, ul.homenav li a:visited, ul.homenav li a:hover, ul.homenav li a:visited:hover {
	width:18px;
	height:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding-top:2px;
	text-align:center;
}

a.arrow {
	padding-top:4px;
}

/*********** NAV *************/

#navdiv {
	position:relative;
	top:52px;
	left:0px;
	float:left;
}

.logo {
	float:right;
	padding-right:5px;
}

#nav {
	list-style-type:none;
	display:inline;
}

#nav li {
	float:left;
	text-align:center;
	width:77px;
	height:39px;
	overflow:visible;
}

#nav li.s {width:55px;}
#nav li.l {width:70px;}
#nav li.m {width:65px;}

#nav li:hover {
	background-image:url(../images/shine.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom:1px dotted #bcbcbc;
}

#nav li a, #nav li a:hover, #nav li a:visited, #nav li a:visited:hover  {
	text-decoration:none;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	position:relative;
	top:17px;
	font-weight:bold;
}

#home #navitem_home, #about #navitem_about, #solutions #navitem_solutions, #portfolio #navitem_portfolio, 
#contact #navitem_contact {
	background-image:url(../images/shine.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom:1px dotted #333333;
}


/*********** FORM ELEMENTS *************/
.contact_elements {
	width:200px;
	
}

/************ PICTURES ****************/
.profilepics {
	border:3px solid #ffffff;
}

.profilepics:hover {
	border:3px solid #DCC136;
	cursor:pointer;

}