/* 
	layout: css
*/
@import 'nav.css';
@import 'home.css';
@import 'titles.css';

html, body, h1, h2, h3, h4, h5, h6, ul, li {
	margin:0;
}

body {
	background-color:#09263b;
	background-image:url(../images/bg_tile.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:fixed;
	padding:0;
	margin:0;
}

#body_home_header {
	background-color:#09263b;
	background-image:url(../images/bg_tile.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0;
	margin:0;
}



#container {
	margin: 0px auto 0px auto;
	width:1140px;
	margin-top:0em;
	margin-bottom:0px;
}

#header {
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
	margin-bottom:17px;
	height:100px;
}

#header a {
	color:#5A91B9;
}

#header-logo {
	position:relative;
	float:left;
	top:1px;
	left:200px;
	width:227px;
	height:99px;
	margin:0;
	padding:0;
}


#content {
	margin: 0px auto 0px auto;
	width:1140px;
	border-left:thin;
	border-left-color:#000;
	border-right:thin;
	border-right-color:#000;
	border-bottom:thin;
	border-bottom-color:#000;
	min-height:350px;
	position:relative;
}

#main_content {
	margin-left:287px;
	padding-top:0px;
	border-left:thin;
	border-left-color:#000;
	border-right:thin;
	border-right-color:#000;
	border-bottom:thin;
	border-bottom-color:#000;
	min-height:350px;
}

#image {
	float:left;
	margin-right:16px;
	margin-bottom:12px;
}

#text_split {
	background-image:url(../images/text_split.png);
	background-repeat:no-repeat;
	margin-bottom:17px;
	height:9px;
}

.form-submit {background-color:#173e57;border:none;color:#FFFFFF;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;padding:2px 13px;}

.form-text, .page-content .form-select {
	border:1px solid #173e57;
	font-family:Arial,Helvetica,sans-serif;
	color:#a0bad1;
	font-size:13px;
	padding: 5px;
	background-color:#09263b;
	background: url(../images/form_bg.png) top repeat-x;
}



/* -- TOP HOVER -- */

#top { 
	position:relative;
	float:right;
	width:54px;
	height:16px;
	z-index:150;
	margin-top:11px;
}

.top { 
	margin-left:0px; padding:0;
	float:right;
	width: 54px;
}

#top li {
	margin:0; padding:0; list-style:none;
	position:relative; top:0;
}

#top li, #top a {
	height:16px; display: block; width: 54px;
}


#top {
	background: url(/images/top.png) no-repeat scroll left top;
}

#top a:hover, #top a:active {
	background: url(/images/top.png) 0 -16px no-repeat;
}



/* BIG BOX CONTENT */

#big_box_content {
	position:relative;
	width:670px;
}


/* BIG BOX CODE - This is used for all portfolio items, including front page cultivating box */

      .big_box .big_box-top {
	   width: 708px;
      }
      .big_box .big_box-top .big_box-top-left {
      /* float this one left and .box-top-right right so they flow over .box-top-repeat, which is the top center slice */
      float: left;
      /* width and height are defined by the image */
      width: 19px;
      height: 21px;
      background: url(../images/big_box_top_left.png) no-repeat;
      }
      .big_box .big_box-top .big_box-top-right {
      float: right;
      /* height needs to be the same across all top slices! */
      width: 19px;
      height: 21px;
      background: url(../images/big_box_top_right.png) no-repeat;
      }
      .big_box .big_box-top .big_box-top-repeat {
      height: 21px;
      /* the margins are the width of the top left and top right slices - this is not always neccessary, but in my case I was using alpha-transparent PNG8, which broke the layout in IE6 then */
      margin-left: 19px;
      margin-right: 19px;
      background: url(../images/big_box_top_repeat.png) no-repeat;
	  /*width: 676px;*/
      }
	  
      .big_box .big_box-repeat {
	   width: 708px;
      }
      .big_box .big_box-repeat .big_box-repeat-left {
      /* repeat-y the image - this div will automatically resize with the box */
      background: url(../images/big_box_repeat_left.png) left repeat-y;
      }
      .big_box .big_box-repeat .big_box-repeat-left .big_box-repeat-right {
      /* same as center left slice */
      background: url(../images/big_box_repeat_right.png) right repeat-y;
      }
      .big_box .big_box-repeat .big_box-repeat-left .big_box-repeat-right .big_box-repeat-center {
      /* Put your text formatting here */
      /* again, margins are the widths of the left and right center slice */
      margin-left: 19px;
      margin-right: 19px;
	  background-color:#09263b;
	  background: url(../images/big_box_center.png) no-repeat;

	  }
	  
      .big_box .big_box-repeat .big_box-repeat-clearfix {
      /* you better have this if you have floated stuff in your box */
      clear: right;
      }
	  
      .big_box .big_box-bottom {
	   width: 708px;
	   padding-bottom:18px;
      }
      .big_box .big_box-bottom .big_box-bottom-left {
      /* same technique as above when stying the top part */
      float: left;
      /* again, image size defines the size of this div */
      width: 19px;
      height: 27px;
      background: url(../images/big_box_bottom_left.png) no-repeat;
      }
      .big_box .big_box-bottom .big_box-bottom-right {
      /* see above */
      float: right;
      width: 19px;
      /* note the height _must_ be euqal across all bottom slices */
      height: 27px;
      background: url(../images/big_box_bottom_right.png) no-repeat;
      }
      .big_box .big_box-bottom .big_box-bottom-repeat {
      /* margins again defined by the width of the bottom left and right slices */
      margin-left: 19px;
      margin-right: 19px;
      /* and height is the same across all bottom slices */
      height: 27px;
      /* don't forget the repeat-x thingy */
      background: url(../images/big_box_bottom_repeat.png) repeat-x;
      }


/* Font BOX CODE - This is used on the About, Resume and Contact Pages */

      .font_box .font_box-top {
	   width: 708px;
      }
      .font_box .font_box-top .font_box-top-left {
      /* float this one left and .box-top-right right so they flow over .box-top-repeat, which is the top center slice */
      float: left;
      /* width and height are defined by the image */
      width: 19px;
      height: 21px;
      background: url(../images/big_box_top_left.png) no-repeat;
      }
      .font_box .font_box-top .font_box-top-right {
      float: right;
      /* height needs to be the same across all top slices! */
      width: 19px;
      height: 21px;
      background: url(../images/big_box_top_right.png) no-repeat;
      }
      .font_box .font_box-top .font_box-top-repeat {
      height: 21px;
      /* the margins are the width of the top left and top right slices - this is not always neccessary, but in my case I was using alpha-transparent PNG8, which broke the layout in IE6 then */
      margin-left: 19px;
      margin-right: 19px;
      background: url(../images/big_box_top_repeat.png) no-repeat;
	  /*width: 676px;*/
      }
	  
      .font_box .font_box-repeat {
	   width: 708px;
      }
      .font_box .font_box-repeat .font_box-repeat-left {
      /* repeat-y the image - this div will automatically resize with the box */
      background: url(../images/big_box_repeat_left.png) left repeat-y;
      }
      .font_box .font_box-repeat .font_box-repeat-left .font_box-repeat-right {
      /* same as center left slice */
      background: url(../images/big_box_repeat_right.png) right repeat-y;
      }
      .font_box .font_box-repeat .font_box-repeat-left .font_box-repeat-right .font_box-repeat-center {
      /* Put your text formatting here */
      /* again, margins are the widths of the left and right center slice */
      margin-left: 19px;
      margin-right: 19px;
	  background-color: 09263b;
	  background: #09263b url(../images/big_box_center.png) no-repeat;
	  padding: 12px;
	  }
	  
      .font_box .font_box-repeat .font_box-repeat-clearfix {
      /* you better have this if you have floated stuff in your box */
      clear: right;
      }
	  
      .font_box .font_box-bottom {
	   width: 708px;
	   padding-bottom:18px;
      }
      .font_box .font_box-bottom .font_box-bottom-left {
      /* same technique as above when stying the top part */
      float: left;
      /* again, image size defines the size of this div */
      width: 19px;
      height: 27px;
      background: url(../images/big_box_bottom_left.png) no-repeat;
      }
      .font_box .font_box-bottom .font_box-bottom-right {
      /* see above */
      float: right;
      width: 19px;
      /* note the height _must_ be euqal across all bottom slices */
      height: 27px;
      background: url(../images/big_box_bottom_right.png) no-repeat;
      }
      .font_box .font_box-bottom .font_box-bottom-repeat {
      /* margins again defined by the width of the bottom left and right slices */
      margin-left: 19px;
      margin-right: 19px;
      /* and height is the same across all bottom slices */
      height: 27px;
      /* don't forget the repeat-x thingy */
      background: url(../images/big_box_bottom_repeat.png) repeat-x;
      }




/* -- FOOTER -- */
#footer {
margin-bottom:12px;
text-align:center;}

#footer #footer-content {
	margin-top: 0px;
	margin-left:122px;
}

#footer-content {
	padding-top:0px;
}

#footer-content {
	margin-top:0px;
}*/




/* FORMS CONTENT */

.text_field { padding-top:5px; font-size:12px; }