/* 
CubeFlow Services CSS theme
Filename: main.css
Purpose: Main CSS styles 
*/

body { 
background: #172a40 url(../images/backgrounds/main.jpg) repeat-x; text-align: center;
}

.clear { 
clear: both;
}

/* Change text selection color */
::selection {
	background: #7dbbda; color: #fff; /* Safari */
	}
::-moz-selection {
	background: #7dbbda; color: #fff; /* Firefox */
}

/* -- Page Containers -- */

#container {
width: 1019px; height: 447px; 
text-align: left; margin: auto; 
margin-top: 5px;
background: url(../images/backgrounds/header.jpg) no-repeat; /* Middle Header Glow */
margin-top: 5px;
}

#inner-container { /* Fits content into 940px at the center of the page */
margin: auto;
width: 940px; 
}

/* -- Logo -- */
#logo {
float: left; width: 157px;
margin-top: 20px;
}

#logo p {
display: block;
width: 157px; height: 48px;
text-indent: -9999px;
background: #172a40 url(../images/logo.jpg) no-repeat;
}

#logo p a {
display: block;
width: 100%;
height: 100%;
outline: none;
}

/* -- Navigation -- */
#navmenu {
width: 481px; height: 67px;
float: right; margin-top: 1px;
background: #172a40 url(../images/navigation/menu-bg.jpg) no-repeat; clear: right;
}
#navmenu ul { 
border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left;
}
#navmenu ul li {
display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
#navmenu ul li a{
	width:120px;
	height:64px;
	margin:0px;
	padding:0px;
	display: block;
}
#navmenu ul li a span{
	display:none;
}

/* -- Hovers -- */
#navmenu ul li a#home:hover{
	background: url(../images/navigation/menu-bg.jpg) 0px -68px;
}
#navmenu ul li a#portfolio:hover{
	background: url(../images/navigation/menu-bg.jpg) -120px -68px;
}
#navmenu ul li a#services:hover{
	background: url(../images/navigation/menu-bg.jpg) -240px -68px;
}
#navmenu ul li a#contact:hover{
	background: url(../images/navigation/menu-bg.jpg) -360px -68px;
}

/* -- Static Hovers -- */
#navmenu ul li a#home-static{
	background: url(../images/navigation/home-static.jpg);
	}
#navmenu ul li a#portfolio-static{
	background: url(../images/navigation/portfolio-static.jpg);
	}
#navmenu ul li a#services-static{
	background: url(../images/navigation/services-static.jpg);
	}
#navmenu ul li a#contact-static{
	background: url(../images/navigation/contact-static.jpg);
	}