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

body {
	padding:0;
	margin:0 auto;
	background-color: #cacaca;
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	font-size:76%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

img {border:none;}

h1 {color: #006699; font-size:140%; font-weight:normal; }

h2 {color: #006699; font-size:120%; font-weight:normal;}

h3 {color: #006699; margin-bottom:0px;font-size:110%; font-weight:normal; }

h4 {color: #006699; margin-bottom:0px; margin-top:5px; font-size:90%; font-weight:normal;}

h5 {color: #333; margin-bottom:0px; margin-top:2px; font-size:90%; font-weight:normal;}

a {color: #006699; text-decoration:none;}
a:hover {color: #333; text-decoration:underline;}


#content {
	width:806px;
	background-color: #f6f6f6;
	margin:0 auto;
	text-align:left;
		border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

#header {
	margin:0 auto;
	width:800px;
	height:113px;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header p {margin: 49px 0px 0px 60px; padding:0px; font-size:105%; color:#006699}

#flash {
	margin:2px auto;
	width:800px;
	height:239px;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
}

#menu{
	margin:0px auto 2px auto;
	width:800px;
	height:42px;
	border: 1px solid #d8d8d8;
	background-color: #666;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}


#box{
	margin:0px auto 2px auto;
	width:800px;
	border: 1px solid #d8d8d8;
	background-color: #fff;
}

#column_1 {width:480px; float:left; margin-top:25px;}

#column_1 h1 {padding: 0 10px 0 30px;}

#column_1 p {
	color:#949494;
	padding: 0 40px 0 30px;
}

#column_1_wide {width:800px; margin-top:25px;}

#column_1_wide h1 {padding: 0 10px 0 30px;}

#column_1_wide h2 {padding: 10px 10px 0 30px;}

#column_1_wide p {
	color:#949494;
	padding: 0 40px 0 30px;
}

.phone {
	color:#949494;
	padding: 0 40px 0 30px;
}

#column_2 {width:170px; float:left; margin-top:25px;}

#column_2 p {font-size:85%; color:#666666; padding:0 30px 0 20px}

#column_2 h2, #column_2 h3, #column_2 h4, #column_2 h5 {padding:0 10px 0 20px}

#column_3 {width:150px; float:left; margin-top:25px;}

#column_3 p {font-size:85%; color:#666666; padding:0 20px 0 10px}

#column_3 h2, #column_3 h3, #column_3 h4, #column_3 h5 {padding:0 20px 0 10px}

#footer{
	width:808px;
	height:50px;
	background-color: #cccccc;
	margin:0 auto;
	text-align:left;
}

#footer p {padding:5px; color:#FFFFFF; font-size:80%}

.clear {clear:both}
.tower {float: right; margin:10px 40px 10px 20px}
.padded {margin-left:20px;}
.compellent {padding: 0px 0px 0px 30px;}
.logo {float:right; margin-right:20px;}

ul#nav {
	position:absolute;
	width:800px;
	height:42px;
	padding:0;
	margin:0;
	background-image: url(../images/buttons.png);
	background-repeat: no-repeat;
	overflow:hidden;
	}
ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background-color: transparent;
	height:42px;
	width:200px;
	}

	 	 
li#about a:hover{
	background-position:0px -42px;
	background-image: url(../images/buttons.png);
	 }


li#solution a:hover{
	background-position:-200px -42px;
	background-image: url(../images/buttons.png);
	 }

li#demo a:hover{
	background-position:-400px -42px;
	background-image: url(../images/buttons.png);
	 }

li#contact a:hover{
	background-position:-600px -42px;
	background-image: url(../images/buttons.png);
	 }


/* Main navigation "active tabs" picks up the body class to highlight the button. cool huh?
------------------------------------------------------------------*/
body.main ul#nav li#home a {
	background-position:0px -35px;
	}
	
body.team ul#nav li#partners a {
	background-position:-71px -35px;
	}
	
body.services ul#nav li#services a {
	background-position:-166px -35px;
	}
	
body.iom ul#nav li#iom a {
	background-position: -250px -35px;
	}

body.terms ul#nav li#down a {
	background-position: -356px -35px;
	}
body.contact ul#nav li#contact a {
	background-position: -533px -35px;
	}

body.links ul#nav li#links a {
	background-position: -669px -35px;
	}