/* @body */

body {margin:0;
      paddding:0;
	  color: #000; 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px; 
	  font-style: normal; 
	  font-weight: normal;
	  background-color: #c7ab9d; 
	  text-align:center
}

#wrapper {margin: 0 auto; 
          padding:0; 
		  width:900px; 
		  border-left:#99664d solid 3px;
		  border-right:#99664d solid 3px; 
		  border-bottom:#99664d solid 3px;
          text-align:left; 
		  background-color:#FFFFFF
}

#wrapper:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; } 
  

/* @aquatek header */

#at_header { margin:0; padding:0; width:900px; height:90px; background:url(images/aquatek_banner.gif) top left no-repeat; }
#at_header h1 {text-indent:-9000px; margin:0; padding:0; width:900px}


/* @fonts */

.blue_text {color: #3A508E;  font-size: 12px; font-style: normal; font-weight: normal}
.blue_text_bold {color: #3A508E; font-size: 12px; font-style: normal ; font-weight: bold}
.blue_text_italic {color: #3A508E; font-size: 12px; font-style: italic; font-weight: normal}
.blue_text_italic_bold {color: #3A508E; font-size: 12px; font-style: italic; font-weight: bold}
.blue_text_small {color: #3A508E; font-size: 10px; font-style: normal; font-weight: normal }
.blue_text_small_bold { color: #3A508E;font-size: 10px; font-style: normal; font-weight: bold}
.blue_heading { color: #3A508E; font-size: 14px; font-style: normal ; color: #263178; font-weight: bold}
.blue_heading_lg { color: #3A508E; font-size: 16px; font-style: normal ; color: #263178; font-weight: bold}

.brown_text { color: #99664D; font-size: 12px; font-style: normal; font-weight: normal}
.brown_text_bold { color: #99664D; font-size: 12px; font-style: normal ; font-weight: bold}
.brown_text_italic {color: #99664D; font-size: 12px; font-style: italic; font-weight: normal}
.brown_text_italic_bold {color: #99664D; font-size: 12px; font-style: italic; font-weight: bold}
.brown_text_small {color: #99664D; font-size: 10px; font-style: normal; font-weight: normal }
.brown_heading {font-size: 14px; font-style: normal ; color: #99664D; font-weight: bold }
.brown_heading_med { font-size: 15px; font-style: normal ; color: #99664D; font-weight: bold}
.brown_heading_lg {font-size: 18px; font-style: normal ;color: #99664D; font-weight: bold }

.green_text { color: #217B70; font-size: 12px; font-style: normal; font-weight: normal}
.green_text_bold { color: #217B70; font-size: 12px; font-style: normal ; font-weight: bold}
.green_text_italic {color: #217B70; font-size: 12px; font-style: italic; font-weight: normal}
.green_text_italic_bold {color: #217B70; font-size: 12px; font-style: italic; font-weight: bold}
.green_text_small {color: #217B70; font-size: 10px; font-style: normal; font-weight: normal }
.green_heading {font-size: 14px; font-style: normal ; color: #217B70; font-weight: bold }
.green_heading_med { font-size: 15px; font-style: normal ; color: #217B70; font-weight: bold}
.green_heading_lg {font-size: 18px; font-style: normal ;color: #217B70; font-weight: bold }

.black_text { font-size: 12px; font-style: normal; font-weight: normal}
.black_text_bold {  font-size: 12px; font-style: normal ; font-weight: bold}
.black_text_italic { font-size: 12px; font-style: italic; font-weight: normal}
.black_text_italic_bold { font-size: 12px; font-style: italic; font-weight: bold}
.black_text_small {font-size: 10px; font-style: normal; font-weight: normal }
.black_heading {font-size: 14px; font-style: normal ;  font-weight: bold }
.black_heading_med { font-size: 15px; font-style: normal ; font-weight: bold}
.black_heading_lg {font-size: 18px; font-style: normal ; font-weight: bold }
.black_text_small_bold { font-size: 10px; font-style: normal; font-weight: bold}
.black_text_large { font-size: 16px; font-style: normal; font-weight: normal}

.link_text {color: #3A508E; font-size: 12px; font-style: normal; font-weight: normal}

.white_heading_lg {font-size: 18px; font-style: normal ;color: #FFFFFF; }


/* @main nav */

#main_nav {height:22px; width:900px; margin:0 ;  padding:8px 0 0 0; background-color:#99664D; border-bottom:#3a508e solid 2px;   
           border-top:#3a508e solid 2px; background:url(images/at_nav_back.gif) top left repeat-x; text-align:center}
#main_nav ul {list-style:none; margin:0; padding:0;}
#main_nav li{margin:0; padding:7px 44px; display:inline}
#main_nav a {color:#000; font-size:12px; margin:0; padding:0; text-decoration:none; font-weight:bold}
#main_nav a:visited {color:#000;}
#main_nav a:hover{color: #3A508E}


/* @side_nav */

#side_nav{float:left; margin:0; padding:0; width:190px;}
#side_nav ul {list-style:none; margin:0; padding:0; display:block; border-top:#99664d solid 1px;}
#side_nav li{margin:0; padding: 7px 20px; text-align:left; border-bottom:#99664d solid 1px; 
                   border-right: #99664d solid 1px; color: #3A508E; font-style: normal ; font-weight: bold}
#side_nav li.title{background-color:#c7ab9d; font-size: 13px;}
#side_nav li.item{font-size: 11px; }
			 
#side_nav a {
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    COLOR: #3A508E;
}
#side_nav a:hover {
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    COLOR: #99664D;
}

#side_nav a:visited {
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    COLOR: #3A508E;
}



/* @page_body */

#page_body {margin:0; padding:30px 0 50px 0; width:900px}
#page_title{padding:0 25px 20px 0 ; margin:0;  font-size: 16px; font-style: normal ; color: #217B70; font-weight: bold}
#body_text{float:right; padding:0 25px 10px 0; margin:0;  width:650px}

#body_text_left {float:left; margin:0; padding:0; width: 400px}
#body_text_pics {float:right; margin:0; padding:0; width: 200px; text-align:center}
#body_text_pics ul{list-style:none; margin:0; padding:0}
#body_text_pics li{margin:0; padding:0 0 15px 0; }

#full_page_body {margin:0; padding:30px 0 50px 0; width:900px}
#full_page_title{padding:10px 25px; margin:0;  font-size: 16px; font-style: normal ; color: #217B70; font-weight: bold}
#full_body_text{padding:10px 25px 10px 25px; margin:0;}

#index_page_body {margin:0; padding:30px 0 20px 0; width:900px}
#index_text {margin:0; padding:35px 40px 0 40px; width: 820px}
#index_pic {margin:0; padding:0; width:900px; text-align:center}

/* @whitespace */

#white_space{ height:20em}

/* @projects */

#project_row {margin: 0 0 25px 0 ; padding: 0 0 25px 0 ; width: 600px; }
#project_row:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; } 
#project_pic {float:left; width: 135px; margin:0; padding:0}
#project_text {float:right; width: 435px; margin:0; padding:0}
#project_text h1 {margin:0; padding:0 0 5px 0 ; color: #3A508E; font-size: 14px; font-style: normal ; color: #263178; font-weight: bold; border-bottom:#99664D 1px solid;}
#project_text h2 {font-size: 12px; font-style: normal ; font-weight: bold; margin:0; padding: 10px 0 0 15px}


/* @pics */

p.pics {text-align:center}

/* @ picture thumbnails */

#picture_thumbs {float:left; width:900px; margin:75px 0 0 0; padding: 0; background-color:#3a508e}
#picture_thumbs ul{list-style:none; margin:0; padding:6px 4px}
#picture_thumbs li{margin:0; padding:0 6px; display:inline }


/* @footer */

#footer {clear:both; margin:0 auto; padding:7px 20px; width:850px;}
#footer_left {float:left; margin:0; padding:0; width:600px; text-align:left}
#footer_right {float:right; margin:0; padding:0; width:200px; text-align:right}