@import url(nav.css);

/* 

	OCI : Data Integration and Leave Management Software
	Xylem CCI, Inc.
	Jessica Caldwell, 2008.
	
	Color Code Reference: 
		Main body background: #a5afc2
		Main text color/font: #000000 Arial, Helvetica, sans-serif
		Main link color: #000 / #db3d48
		
	Table of Contents
		1 .PAGE LAYOUT
		2. BODY CONTENT LAYOUT
		3. HOMPAGE BODY LAYOUT
		4. HOMEPAGE CONTENT LAYOUT
		5. INTERIOR CONTENT LAYOUT
		6. CONTACT US FORM
		7. LEFT NAV - see nav.css file

*/

body {
	margin: 0;
	background: #a5afc2 url(../img/bg_main-tile.gif) 4px 0 repeat-x;/background: #a5afc2 url(../img/bg_main-tile.gif) repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

a, a:link, a:visited {
	color: #465A7F;
	text-decoration: none;
}

a:hover {
	color: #465A7F;
	text-decoration: underline;
}


img {
	border: none;
}
.clr {
	clear: both;
}
.red {
	color: #db3d48;
}
.border {
	border-top: 1px solid #919395;
}


h1 {
	font-size:14px;
}
h2 {
	font-size:11px;
}
h3 {
	font-size:10px;
}
h4 {
	font-size:9px;
}


/* ------------------------------------------------------------------------ */



/* 1 .PAGE LAYOUT */

#container {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 969px;
}

#header {
	margin: 0;
	padding: 0;
	background: url(../img/bg_body-top.gif) top no-repeat;
	width: 747px;
	float: right;
}
#header-inner {
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	height: 41px;
}
#header-inner p {
	margin: 0;
	padding: 14px 20px 0 0;
	color: #FFF;
	font-size: 10px;
}
#header-inner p a,
#header-inner p a:link,
#header-inner p a:visited {
	color: #FFF;
}
#header-inner p span.space {
	padding: 0 10px;
}

/* ------------------------------------------------------------------------ */




/* 2. BODY CONTENT LAYOUT */
#default #content {
	margin: 0;/margin: -3px 0 0 0;
	padding: 0;
	background: #FFF url(../img/bg_default-tile.gif) top repeat-y;
	min-height:375px;
  	height:auto !important; /* fix for IE6 */
  	height:375px;
	width: 771px;
	float: right;
}
#content-inner {
	border-left: 1px solid #919395;
	border-right: 1px solid #919395;
}

#footer {
	margin: 0 0 50px 0;
	padding: 0;
	background: url(../img/bg_footer.gif) top no-repeat;
	width: 771px;
	float: right;
}
#footer #copy {
	font-size: 9px;
	margin: 0;
	padding: 30px 55px 0 0;
	float: right;
}
#footer #links {
	font-size: 9px;
	margin: 0;
	padding: 50px 0 0 0;
}
#footer #links a {
	margin: 0;
	padding: 0 13px;
}
#footer #links a,
#footer #links a:link,
#footer #links a:visited {
	color: #000;
}

/* ------------------------------------------------------------------------ */


/* 3. HOMPAGE BODY LAYOUT */

#homepage #content {
	margin: 0;/margin: -3px 0 0 0;
	padding: 0;
	background: #FFF url(../img/bg_default-tile.gif) top repeat-y;
	min-height:375px;
  	height:auto !important; /* fix for IE6 */
  	height:375px;
	width: 771px;
	float: right;
}

#homepage #content-inner {
	background: url(../img/bg_home-main-body.gif) 0 0 no-repeat;	
}


/* ------------------------------------------------------------------------ */


/* 4. HOMEPAGE CONTENT LAYOUT */

#alpha {
	margin: 0;
	padding: 0;
	width: 535px;
	float: left;
}
#alpha-inner {
	margin: 0;
	padding: 20px 0 0 50px;
}
#alpha-inner .summary {
	margin: 0;
	padding: 0 40px 20px 0;
	width: 265px;
	float: left;
}
#alpha-inner .summary h1 {
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}
#alpha-inner .summary p {
	margin: 0;
	padding: 0;
}


#alpha-inner .callout {
	margin: 0;
	padding: 0;
	width: 174px;
	float: left;
}
#alpha-inner .callout h2 {
	margin: 10px 0 -10px 0;
	padding: 0;
	font-size: 11px;
}
#alpha-inner .callout ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}

#alpha-inner img {
	padding: 0 0 20px 0;
}



/* right column */
#beta {
	margin: 0;
	padding: 0;
	width: 233px;
	float: right;
}
#beta-inner {
	margin: 0;
	padding: 20px;
}
#beta-inner h1 {
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}
#beta-inner h2 {
	margin: 0;
	padding: 10px 0 0 0;
}
#beta-inner h3 {
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
}
#beta-inner p {
	margin: 0;
	padding: 0;
}
#beta-inner h2 .red {
	font-weight: normal;
}

/* ------------------------------------------------------------------------ */


/* 5. INTERIOR CONTENT LAYOUT */

#gamma {
	margin: 0;
	padding: 0;
	width: 769px;
}
#gamma-inner {
	margin: 0;
	padding: 20px 30px 20px 50px;
}
#gamma-inner h1 {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------------------ */


/* 6 .CONTACT US FORM */
#contact-us-form label {
	display: block;
	margin: 5px 0 0 0;
	font-weight: bold;
	text-transform:uppercase;
}

#contact-us-form div.required span {
	color: #FF0000;
	font-weight: bold;
}