/*

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; font: normal 12px "arial", Arial;color:#333333;background: #333333  url(../images/background.jpg) no-repeat center top;	}
		
	
#main_container {width: 825px;margin: 10px auto;position:relative;background: #ffffff repeat-y url(../images/page_bck.jpg);}

#left_col { float:left; padding:0 0 0 27px; width:563px}

#right_col { float:left; width:209px; }


/* -----------------------NAVS----------------------------*/

#nav { float:left; width:825px; height:59px; background:url(../images/nav_bck.jpg) no-repeat; margin-bottom:15px;}

#nav ul {margin: 23px 0 0 16px;}

#nav li{ padding: 0 9px 0 10px;	list-style:none;	display:inline;	border-right:solid 1px #292B56;}

#nav li a{color:#FFFFFF; text-decoration:none; font-weight:bold;}

#nav li a:hover{color:#C9CAE4; text-decoration:none; font-weight:bold; border-bottom:dashed 1px #AFB1D8; padding-bottom:3px;}

#nav li.last{ padding: 0 9px 0 10px;	list-style:none;	display:inline;	border-right:none;}


/* -----------------------HEADERS----------------------------*/

h1 {margin: 15px 0 5px 15px; font-size:24px; color:#191B7E} 

h2 {margin: 15px 0 5px 15px; font-size:24px; color:#191B7E} 

h3 {margin: 15px 0 5px 15px; font-size:18px; color:#191B7E} 



/* -----------------------PAGE BOXES & PARAGRAPHS----------------------------*/


#page_box_one {float:left; width:548px; background:url(../images/box_bck1.jpg); }

#page_box_bottom_one {float:left; width:548px; height:29px; background:url(../images/box_bottom1.jpg); }

p{	line-height:140%;	padding:5px 15px 5px 15px;}

#news_box {float:left; width:209px; background:url(../images/news_box_bck1.jpg); }

#news_box_bottom {float:left; width:209px; height:29px; background:url(../images/news_box_botom.jpg); }

#address_box {float:left; width:207px; border:solid 1px #9E9996; margin:15px 0 0 0; padding:0 0 25px 0;}

.info_box {float:left; width:207px;/* border:solid 1px #9E9996; */margin:15px 0 0 0; padding:0 0 0 0;}

address {	color:#333333;	font-style:normal;	padding:0 0 0 15px;	line-height:140%}

#mech_box { float:left; width:178px; height:243px; background-image:url(../images/mech_box_bck.jpg); margin:15px 0 0 0; }

#elec_box { float:left; width:178px; height:243px; background-image:url(../images/elec_box_bck.jpg); margin:15px 0 0 6px; }

#supply_box { float:left; width:178px; height:243px; background-image:url(../images/supply_box_bck.jpg); margin:15px 0 0 6px;}

#picture_box { float:left; width:500px; padding:20px 0 0 0;  border-top:dashed 1px #9E9996; margin:0 0 0 15px;}

.contact_box { float:left; width:235px; padding:5px; margin:10px 0 0 10px; }

.right { width: 210px; float: left; margin: 5px 0 5px 0; text-align: right; } 

.left { width: 320px; float: left; margin: 5px 0 5px 0; }


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


ul {list-style: none; margin:10px 0 20px 50px;}


li {list-style: disc; padding:0 0 5px 0;}

li.indent {	padding:0 0 5px 20px;	list-style-position: inside; 	list-style-type: circle;}

#links ul {	margin:20px 10px 0 0;}

#links li {	list-style:none;	padding:2px 0 0 0; font-size:11px; text-align:right; }

#links a {color:#999999;}

.comp_info ul {	margin:0 10px 0 15px;}

.comp_info li {	list-style:none;	padding:5px 0 0 0;  }


/* -----------------------BUTTONS----------------------------*/


.about_us a{ float:left; width:135px; height:18px; background: url(../images/button_about.jpg); text-align:center; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:1px 0 0 0; margin:20px 0 0 20px;}

.about_us a:hover{ float:left; width:135px; height:18px; background: url(../images/button_about.jpg); text-align:center; color:#C9CAE4; text-decoration:none; font-weight:bold; padding:1px 0 0 0; margin:20px 0 0 20px;}

.comp_info a{ float:left; width:165px; height:18px; background: url(../images/button_comp_info.jpg); text-align:center; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:1px 0 0 0; margin:20px 0 0 20px;}

.comp_info a:hover{ float:left; width:165px; height:18px; background: url(../images/button_comp_info.jpg); text-align:center; color:#C9CAE4; text-decoration:none; font-weight:bold; padding:1px 0 0 0; margin:20px 0 0 20px;}

.more_info a{ float:left; width:135px; height:19px; background: url(../images/button_more.gif); text-align:center; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:1px 0 0 0; margin:220px 0 0 20px;}

.more_info a:hover{ float:left; width:135px; height:19px; background: url(../images/button_more.gif); text-align:center; color:#C9CAE4; text-decoration:none; font-weight:bold; padding:1px 0 0 0; margin:220px 0 0 20px;}

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

#footer {float:left; width:825px; height:59px; background-image:url(../images/footer.jpg); margin:15px 0 0 0;}

#footer_link {text-align:right; margin:20px 30px 0 0; font-size:11px; color:#ffffff;}

.footer_link {text-decoration: none; text-align:right; font-size:11px; color:#ffffff;}