/*
JP Whitter

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

/* PRINTER HIDES */

.print_title { display:none;}
#print_logo { display:none;}
#print_head2 {display:none;}

body {margin: 0px;	padding: 0px;text-align: left;font: normal 12px "arial", Arial;color:#7A7C7E;	background: #2883C1 url(../images/main_background.jpg) no-repeat center top;	}	
		
#main_container {width: 884px; margin: auto;position:relative; background-color:#FFFFFF; }
#top_bar {width:884px; height:77px; }
#header_container {width:884px;}
#header_col_one {float:left; width:636px; }
#flash_col {float:left; width:248px; height:356px; background-color:#FFFFFF; }
#logo {width:636px; height:114px;}
#top_nav {width:636px; height:35px; background:url(../images/bg_top_nav.jpg) repeat-x;}
#banner {width:636px; height:207px; background-color:#FFFFFF;}
#lower_nav {float:left; width:884px;  height:35px; background:url(../images/bg_lower_nav.jpg) repeat-x;}
#page {width:884px; background:url(../images/bg_page.jpg) repeat-y; margin:0 0 0 0; background-color:#FFFFFF;}
#page_top { float:left;width:884px; height:28px; background:url(../images/page_top.jpg) repeat-y;}
#col_one  {float:left; width:550px; padding:0 30px 0 30px; }
#col_two {float:left ;width:208px; padding:10px 30px 0 30px;}

/* ---------------------------NAV----------------------------*/

#top_nav ul {margin:0 0 0 0; padding:10px 0 0 0; list-style:none;}
#top_nav li {float:left; background:url(../images/top_nav_divide.jpg) no-repeat right;}
#top_nav li.last {float:left; background:none;}
#top_nav li a { color:#FFFFFF; font-weight:bold; text-decoration:none; padding:0 38px 037px;}
#top_nav li a:hover { color:#595959;}

#lower_nav ul {margin:0 0 0 0; padding:10px 0 0 0; list-style:none;}
#lower_nav li {float:left; background:url(../images/lower_nav_divide.jpg) no-repeat right;}
#lower_nav li.last {float:left; background:none;}
#lower_nav li a { color:#FFFFFF; font-weight:bold; text-decoration:none; padding:0 11px 0 10px;}
#lower_nav li a:hover { color:#A0C8E2;}

/* ---------------------------PARAGRAPH & TEXT STYLES----------------------------*/

#col_one p {line-height:160%; padding: 0 0 15px 0 ;}
#col_one p.title {font-size:14px; font-weight:bold; color:#235A80; line-height:100%; padding: 0 0 0 0 ;}
#col_one p.projects { color:#7A7C7E; line-height:140%; padding: 0 0 5px 0 ;}
address {text-align:center; font-style:normal;}

.redtext {color:#CC0000;}

/* --------------------------LISTS----------------------------*/

#col_one ul { margin: 20px 0 20px 25px; padding:0 0 0 0}
#col_one li {padding:0 0 10px 0;}
#col_one li a{ color:#8B8D8F; font-weight:bold; text-decoration:none;}

/* --------------------------PROJECTS----------------------------*/

.title_bar {width:208px; height:38px; }
.side_container {width:208px; padding:8px 0 4px 0}
.project_title { font-weight:bold; padding:5px 0 0 5px; font-size:14px; color:#235A80;}
.project_desc { padding:0 0 0 5px;}
.pic_spacer {padding:0 8px 0 0;}
.link_bar {width:208px; height:25px; background:url(../images/bg_link_bar.jpg) repeat-x; text-align:center; padding:5px 0 0 0}
.link_bar a{font-weight:bold; color:#ffffff;}
#proj {margin:10px 0 30px 0;}
#proj ul {margin:0 0 0 20px; padding:0 0 0 0;}
#proj li {margin:0 0 0 0; padding:0 0 10px 0; font-size:14px;}
#proj a:hover { text-decoration:underline;}
.mage {margin:0; padding:0;}
.back_link {color:#0066FF; font-size:14px; margin:15px 0 0 0;}

/* --------------------------GALLERY----------------------------*/

.pic_border {border:solid 1px #CCCCCC; margin-right:5px; margin-bottom:5px;}


/* --------------------------FOOTER----------------------------*/

#footer { width:884px; height:49px; background:url(../images/bg_footer.jpg) repeat-x;}
#links{ padding:20px 0 0 0; font-size:11px; font-weight:normal; text-align:center; color:#FFFFFF;}
#links a{ color:#FFFFFF; padding:0 10px 0 10px; font-size:11px; font-weight:normal; text-decoration:none; }

/* ----------------------------FORMS--------------------------------*/

label {font-size: 11px;font-weight: normal; color:#7A7C7E;}
fieldset{border: none;}
#form legend { margin: 5px 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 150px;text-align:right;margin: 0 10px 0 0;}
#form p { display:block;clear:both; padding:5px 0 5px 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #004487;background-color: #FFFFFF;color: #000; width: 250px;  }
.field_height {height:20px;}
form {padding:0 0 0 0;}

/* ----------------------------PICTURES--------------------------------*/

.picture_box_con {width:530px; border-top:solid 1px #cccccc;; padding:10px; border-bottom:solid 1px #cccccc;; padding:10px 10px 10px 0;}