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

/* Authored by brad@kaloupek.com
*/

* {
	padding:0;
	margin:0;
}
/*--------------------- --------------------------------------------------------------------------
 basic text stlying
-----------------------------------------------------------------------------------------------*/
.hide {
	display:none;
	background:transparent;
}
.left {
	float:left;
}
.right {
	float: right;
}
.clear {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	background-color:transparent;
}
img {border:0;}
/*-----------------------------------------------------------------------------------------------
  flash replacement tags
-----------------------------------------------------------------------------------------------*/
.scriptTags {
	height: 0;
	margin:0;
	padding:0;
}
/*-----------------------------------------------------------------------------------------------
  Main Layout
-----------------------------------------------------------------------------------------------*/
body {
	margin: 0;
	text-align:center;
	color:#333333;
	font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #E4E9ED url(../images/bgGradient.gif) repeat-x 0 0;
}
#wrapper {
	width: 960px;
	/* ie hacks */
	\width: 960px;
	w\idth: 960px;
	margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------
  HEADER Layout
-----------------------------------------------------------------------------------------------*/
#header {
	background: #ffffff url(../images/bg_01.gif) no-repeat 0 0;
	padding:25px 35px 0px 35px;
}
#headerInset {
	text-align: left;
	height: 120px;
	background: #002E56 url(../images/headerGradient.gif) no-repeat top left;
}

#CanfieldLogo {
	float:left;
	padding:30px 20px;
}
#headerInformation {
	text-align: right;
	float: right;
	margin:45px 20px 0 0;
}
#headerInformation h1 {
	color:#CCCCCC;
	font: normal 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif normal;
	text-transform:uppercase
}
#headerInformation p {
	color:#FFFFFF;
	font: normal 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif normal;
}
#headerInformation p a {
	color:#FFFFFF;
	text-decoration:none;
}
#headerInformation p a:hover {
	color:#ccc;
	text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------
  NAV
-----------------------------------------------------------------------------------------------*/
#navWrapper {clear:both;
	width:960px;
	margin:0;
	padding: 5px 0px 0px 0px;
	background:#FFFFFF url(../images/bg_02.gif) repeat-y 0 0;
	}
#navGrayBG {background-color:#808285; height:30px; margin: 0 35px;  width:890px;}
#nav { height:30px;  position:relative; margin: 0 0 0 575px; width:315px; text-align:right; font-weight:normal;}

#nav ul {list-style:none; display:inline; text-align:right; }
#nav ul li {list-style: none;  display:inline;}
#nav ul li a {position: absolute; top: 0px; text-indent: -9000px; text-decoration: none; padding: 30px 0 0 0; overflow: hidden; height: 0px !important; 
height /**/:30px; /* IE5/Win */
background: #808285 url(../images/nav.gif) no-repeat 0px 0px;}
body li#about a {width: 85px; background-position: 0px 0px; left: 0px;}
body li#about a:hover { background-position: 0 -30px;}
body li#about a#active { background-position: 0 -30px;}
body li#projects a {width: 80px; background-position: -85px 0px; left: 85px;}
body li#projects a:hover { background-position: -85px -30px;}
body li#projects a#active { background-position: -85px  -30px;}
body li#links a {width: 55px; background-position: -165px 0px; left: 165px;}
body li#links a:hover { background-position: -165px -30px;}
body li#links a#active { background-position: -165px  -30px;}
body li#contact a {width: 95px; background-position: -220px 0px; left: 220px;}
body li#contact a:hover { background-position: -220px -30px;}
body li#contact a#active { background-position: -220px  -30px;}
/*-----------------------------------------------------------------------------------------------
  CONTENT Styles
-----------------------------------------------------------------------------------------------*/
#content {
	clear:both;
	width:960px;
	margin:0;
	padding: 5px 0 0px 0;
	background:#FFFFFF url(../images/bg_02.gif) repeat-y 0 0;
}
#homepageflash {height:410px;}
#pageWrapper {
	text-align:center;
	background:#FFFFFF url(../images/bg_text.gif) repeat-y 0 0;
	padding: 0 35px;
	min-height: 200px;

}
#textContent {width:345px; padding:5px; margin: 0 0 0 210px; text-align:left;}
#textContent h1 {font: normal 16px/24px "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333;}
#textContent h1 a {text-decoration:none; color:#333333;}
#textContent h1 a:hover {text-decoration:underline; color:#000;}
#textContent h3 {font-weight:normal; font-size:14px; margin: 5px 0 10px 0;}
#textContent p {color:#333333; margin: 5px 0 10px 0;}
#textContent a {color:#002E56;;}

#imageArea {float:left; background-color:#fff; margin:5px 5px 5px 5px; padding:5px; width:180px; height:180px; text-align:right; font-size:10px; line-height:30px; text-transform:uppercase; }
#imageArea img {border:0; }
#imageArea a {color:#333; text-decoration:none; }
#imageArea a:hover {color:#002E56; text-decoration:none; }


/*-----------------------------------------------------------------------------------------------
  SubNav Styles
-----------------------------------------------------------------------------------------------*/
#subNav {min-height:200px; background: #939598 url(../images/navBG.gif)  repeat-x 0 0; width:310px; float:right; margin: 0; text-align:left;}
#navTitleAbout {background: url(../images/navTitle_01.gif)  no-repeat 0 0; width:30px; height:200px; float:left;}
#navTitleProjects {background: url(../images/navTitle_02.gif)  no-repeat 0 0; width:30px; height:200px; float:left;}
#navTitleLinks {background: url(../images/navTitle_03.gif)  no-repeat 0 0; width:30px; height:200px; float:left;}
#navTitleContact {background: url(../images/navTitle_04.gif)  no-repeat 0 0; width:30px; height:200px; float:left;}

#subNav h3 {color:#B3B3B3; text-transform:uppercase; font-size:12px; font-weight:normal; margin: 20px 0 5px 50px}
#subNav ul{list-style: none;  margin: 0 0 0 65px;}
#subNav ul li {list-style: none; }
#subNav a { text-decoration:none; color:#fff;}
#subNav a:hover { text-decoration:none; color:#ccc;}


/*-----------------------------------------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------------------------------------*/
#footer {
	width:900px;
	background:  #E4E9ED url(../images/bg_03.gif) no-repeat 0 0;
	padding: 15px 30px 10px 30px;
	font:10px/10px "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align:right;
	color:#666;
}
#footer a {
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration:underline;
}