/*
Site Installations

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; 
}
body {margin: 0px;	padding: 0px;text-align: left;font: normal 12px "arial", Arial;color:#666666;	background:  #ffffff url(../images/main_bck.jpg) no-repeat top center; }	
		
#main_container {width: 800px;margin: auto;position:relative; }

#logo_header { float:left; width:800px; height:120px; margin:3px 0 0 0;}

#banner {float:left; width:560px ; height:220px;}

#page_container {float:left; width:800px; background: url(../images/page-bck.jpg) no-repeat ; background-color:#FFFFFF; border-bottom:solid 6px #E0E0E2;}

#left_col {float:left; width:560px; padding:30px 0 0 0; }

#right_col {float:left; width:240px; padding:30px 0 0 0;  }

#full_span_col {float:left; width:800px; padding:30px 0 0 0; }

.about_box {float:left; width:270px;height:295px; padding:0; background:#FFFFFF; border:solid 1px #ffffff; margin:10px 0 0 0}

.about_box2 {float:left; width:260px;; padding:0; background:#FFFFFF; border:solid 1px #ffffff; margin:10px 0 0 0;}

.picture_space {margin:0 0 0 11px;}
.picture_space2 {margin:20px 0 0 11px;}

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

#nav { float:left;  width:240px; height:228px; background:url(../images/nav_bck.jpg) no-repeat; }

#nav ul {margin:18px 0 0 0; padding:0 0 0 0; }

#nav li  {padding:9px 0 10px 50px; margin:0; background:url(../images/li_bck.gif) no-repeat; text-decoration:none; color:#FFFFFF; list-style:none; font-size:11px;}

#nav li.last {background:url(../images/li_bck2.gif) no-repeat; padding:8px 0 10px 50px; }

#nav li a{text-decoration:none; color:#FFFFFF; display:block}

#nav li a:hover {text-decoration:none; color:#FF6600; }

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


.portfolio_desc {  float:left; width:545px; padding:0 0 10px 15px;}

.thumb_picture_border {float:left;border:solid 1px #cccccc; margin:10px 4px 0 0;}

.picture_border { float:left; padding:0 0 10px 10px; border:solid 1px #cccccc;}

.thumb { height: 64px; width: 100px; padding:1px; }

.pic {padding:1px; margin:0; border:solid 1px #cccccc;}

.portfolio_pic_box {float:left; width:210px;  }

.picture_border {border:solid 1px #ffffff;  width:202px; }


/* -------------------------HEADERS & PARAGRAPHS------------------------*/


h1 {font-size:22px; color:#005D9A; font-weight:bold; margin:0 0 0 15px;}

h2 {font-size:20px; color:#ACACB4; font-weight:bold; margin:10px 0 10px 15px;}

h3 {font-size:22px; color:#005D9A; font-weight:bold; margin:0 0 0 22px;}

h4 {font-size:22px; color:#005D9A; font-weight:bold; margin:0 0 0 15px;}

h5 {font-size:22px; color:#FF6600; font-weight:bold; margin:0 0 0 15px;}

h6 {font-size:16px; color:#666666; font-weight:bold; margin:0 0 5px 15px;}


#left_col p {margin:10px 30px 10px 15px; line-height:140%; }

#right_col p {margin:10px 10px 10px 18px; line-height:140%;  }


/* -------------------------LINKS & TEXT STYLES------------------------*/


.orange_link { color:#FF6600;}

.divider {padding:10px 0 20px 0;}

.sitemap  a{color:#666666;}

.em {font-style:italic}

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

#list_container {float:left; width:240px; height:165px; }

#left_col ul {padding: 5px 0  0 20px; list-style:disc; }

#left_col li {padding: 2px 10px 2px 0;  }

#left_col li.indent {	padding:0 0 5px 5px;	list-style-position: inside; 	list-style-type: circle; font-size:11px;}


#right_col ul {padding: 5px 0  0 25px; list-style:none; }

#right_col li {padding: 5px 10px 5px 15px; background:url(../images/orange_bullet.gif) left center no-repeat	 }

#right_col ul  a{ color:#666666; }

.left_col_list {padding: 5px 0  0 50px; list-style:disc; }


.about_box  ul { margin:0 0 0 13px;}

.about_box2  ul { margin:0 0 0 13px;}

.sitemap ul { margin:0 0 0 13px;}

.sitemap li { margin:10px 0 10px 30px;}


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

#footer {float:left; width:800px; height:84px; background:url(../images/footer_bck2.jpg) no-repeat; border-bottom:solid 1px #FFFFFF;line-height:140%; }

#address_box {float:left; width:250px; padding:10px 0 0 20px; }

#link_bar {width: 100% ;margin: auto;position:relative; height:50px; border-bottom:solid 5px #005D9A; text-align:center;  padding:5px 0 0 0 }

#telephone_box {float:left; width:250px; padding:25px 0 0 20px;}

#link_bar a {	color: #ACACB4;	text-decoration: none;	padding: 0 10px 0 0; font-size:10px;}

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

label {font-size: 11px;font-weight: normal; color:#666666;}
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: 100px;text-align:right;margin: 0 10px 0 0;}
#form p { display:block;clear:both; padding:0 0 0 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #cccccc;background-color: #FFFFFF;color: #000; width: 250px; margin: }
form {padding:0 0 0 0;}