/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

HTML { height: 100%; }

BODY {
	height: 100%;
	background: #e0dfe0;
	text-align: center;
	background: #e0dfe0 url(../images/bg_columns.gif) 50% 0 repeat-y;
}
#pageContainer {
	width: 740px !important;
	width /**/: 752px;
	padding: 0 6px;
	margin: 0 auto;
	text-align: left;
	background: #e0dfe0 url(../images/bg_columns.gif) 50% 0 repeat-y;
	/* FooterStick http://www.themaninblue.com/writing/perspective/2005/08/29/ */
	position: relative;
	min-height: 100%;
}
	* HTML #pageContainer {
		height: 100%; }


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	background: #fff url(../images/masthead.jpg) 0 0 no-repeat;
	width: 100%;
	height: 119px; }

	#masthead H1 {
		text-indent: -5000px;
		margin: 0;
		padding: 0; }

		#masthead H1 A {
			display: block;
			width: 180px;
			height: 119px; }


/* ===============================
		::: MENU :::
=============================== */


#menu {
	width: 740px;
	height: 30px;
	background: transparent url(../images/menu.gif) 0 -30px no-repeat; }
	
	#menu UL {
		margin: 0;
		padding: 0;
		list-style: none; }
		
		#menu LI {
			float: left;
			margin: 0;
			padding: 0; }
			
			#menu A {
				display: block;
				text-decoration: none;
				height: 30px;
				text-indent: -5000px;
				background: transparent url(../images/menu.gif) 0 0 no-repeat; }

		/* Normal State */
		#menu-overview A { width: 126px; }
		#menu-services A { width: 203px; background-position: -126px 0;}
		#menu-network A { width: 181px; background-position: -329px 0; }
		#menu-links A { width: 101px; background-position: -510px 0; }
		#menu-contact A { width: 129px; background-position: -611px 0; }

		/* Over State */
		#menu A:hover { background-image: none; }

		/* "Down" State */
		BODY.overview #menu #menu-overview A,
		BODY.overview #menu #menu-overview A:hover { background: transparent url(../images/menu.gif) 0 -60px no-repeat; }
		
		BODY.services #menu #menu-services A,
		BODY.services #menu #menu-services A:hover { background: transparent url(../images/menu.gif) -126px -60px no-repeat; }
		
		BODY.network #menu #menu-network A,
		BODY.network #menu #menu-network A:hover { background: transparent url(../images/menu.gif) -329px -60px no-repeat; }
		
		BODY.links #menu #menu-links A,
		BODY.links #menu #menu-links A:hover { background: transparent url(../images/menu.gif) -510px -60px no-repeat; }
		
		BODY.contact #menu #menu-contact A,
		BODY.contact #menu #menu-contact A:hover { background: transparent url(../images/menu.gif) -611px -60px no-repeat; }


/* ===============================
		::: CONTENT :::
=============================== */

#contentContainer {
	float: left;
	background: transparent url(../images/bg_title.gif) 0 0 repeat-x;
	padding-bottom: 135px; }

#content {
	float: left;
	display: inline;
	width: 433px;
	margin: 0 23px 0 44px; }

	#content H2 {
		text-indent: -5000px;
		width: 100%;
		height: 57px;
		margin: 0 0 0 -7px;
		background-repeat: no-repeat; }

#sidebar {
	float: right;
	display: inline;
	margin-right: 25px;
	width: 215px;
	background: transparent url(../images/bg_sidebar.gif) 0 0 no-repeat;
	padding-top: 74px; }


/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	height: 95px !important;
	height /**/: 135px;
	width: 720px !important;
	width /**/: 740px;
	padding-left: 20px;
	padding-top: 40px;
	margin: -135px auto 0 auto;
	clear: both;
	background: transparent url(../images/bg_footer.jpg) 0 0 no-repeat;
	position: relative;
	text-align: left;
	font-size: 10px;
	color: #50718c; }