/*
EML

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:#453F40;	background: #BDE5FE url(../images/bg_main.jpg) top center repeat-y; }	
		
#main_container {width: 776px; margin: auto;position:relative; background-color:#FFFFFF;}
#top_bar {width:776px; height:9px; background:url(../images/top_bar.jpg) no-repeat;}
#header {width:776px; height:189px;}
#nav_container {width:776px; height:39px; background:url(../images/bg_nav.jpg) no-repeat; padding:25px 0 0 0;}
#col_one {float:left; width:448px;  margin:30px 0 0 0; padding:0 0 0 25px; }
#col_two {float:left; width:265px;  margin:30px 0 0 0; background:url(../images/home_lines.jpg) no-repeat; padding:0 0 0 30px}
#col_pub {float:left; width:265px;  margin:30px 0 0 0; background:url(../images/pub_lines.jpg) no-repeat; padding:0 0 0 30px}
#col_design {float:left; width:265px;  margin:30px 0 0 0; background:url(../images/design_lines.jpg) no-repeat; padding:0 0 0 30px}
#col_advertising {float:left; width:265px;  margin:30px 0 0 0; background:url(../images/advert_lines.jpg) no-repeat; padding:0 0 0 30px}
#col_full_span {width:740px; margin:30px 0 0 0; padding:0 0 0 25px; }
#col_testimonial {float:left; width:265px;  margin:30px 0 0 0; background:url(../images/testimonials_lines.jpg) no-repeat; padding:0 0 0 30px}
#col_recruitment {float:left; width:295px;  margin:10px 0 10PX 0; padding:0 0 0 0}
#col_jobs {float:left; width:448px;  margin:30px 0 0 0; padding:0 0 0 25px; }
#col_about {float:left; width:448px;  margin:30px 0 0 0; padding:0 0 0 25px; }
#col_web {float:left; width:265px;  margin:30px 0 0 0; background:url(../images/web_lines.jpg) no-repeat; padding:0 0 0 30px}

/* --------------------------HOME BOXES-----------------------------*/

#home_box1 { width:250px; height:180px; background:url(../images/bg_home1.jpg) no-repeat;}
#home_box2 { width:250px; height:180px; background:url(../images/bg_home2.jpg) no-repeat;}
#home_box3 { width:250px; height:180px; background:url(../images/bg_home3.jpg) no-repeat;}

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

#nav_container ul { margin:0 0 0 5px; padding:0; list-style:none;}
#nav_container li { float:left;  text-align:center; color:#FFFFFF; font-size:11px; font-weight:bold; padding:0 20px 0 20px;}
#nav_container a { color:#FFFFFF; text-decoration:none;}
#nav_container a:hover { color:#005677;}

/* --------------------------PARAGRAPHS & TEXT STYLES-----------------------------*/

#col_one p {line-height:160%; padding:0 15px 19px 0;}
#col_two p {line-height:160%; padding:5px 115px 10px 0;}
#col_full_span p {line-height:160%; padding:0 15px 19px 0;}
#col_full_span a { color: #00ACEE; font-weight:bold; text-decoration:none;}
#col_advertising p {line-height:160%; padding:5px 10px 15px 0;}
#col_testimonial p {line-height:160%; padding:5px 10px 10px 0;}
.bigbluetext  { font-size:24px; color:#00ACEE; font-weight:bold; line-height:normal; }
#col_design p {line-height:160%; padding:5px 10px 10px 0;}
.bluelink {color:#00ACEE;}
.smalltext {font-size:10px;}

#col_jobs p {line-height:160%; padding:0 15px 0 0;}
#col_about p {line-height:160%; padding:0 15px 19px 0;}


.blue {float:left; width:200px;font-size:20px; color:#00ACEE;  height:25px; }
.smallblue {float:left; width:200px; font-size:15px; color:#00ACEE; ; font-weight:bold;  text-decoration:none; margin-bottom:5px;height:30px; }
.bigblue  a{float:left; width:200px;  font-size:24px; color:#00ACEE; font-weight:bold; height:30px; text-decoration:none; }

.yellow {float:left; width:200px; font-size:20px; color:#E0D60C; height:25px; }
.smallyellow {float:left; width:200px; font-size:15px; color:#E0D60C; height:30px; font-weight:bold;  text-decoration:none;margin-bottom:5px; }
.bigyellow  a{float:left; width:200px;  font-size:24px; color:#E0D60C; font-weight:bold; height:30px; text-decoration:none; }

.orange {float:left; width:200px; font-size:20px; color:#FF6600; height:25px }
.smallorange  {float:left; width:200px; font-size:15px; color:#FF6600; height:30px; font-weight:bold;  text-decoration:none; margin-bottom:5px; }
.bigorange  a{float:left; width:200px; font-size:24px; color:#FF6600; font-weight:bold; height:30px ; text-decoration:none;}

.green {float:left; width:200px; font-size:20px; color:#3BB34B; height:25px; }
.smallgreen  {float:left; width:200px; font-size:15px; color:#3BB34B; height:30px; font-weight:bold;  text-decoration:none; margin-bottom:5px;}
.biggreen  a{float:left; width:200px; font-size:24px; color:#3BB34B; font-weight:bold; height:30px; text-decoration:none;}

.pink {float:left; width:200px; font-size:20px; color:#E8A2C7; height:25px; }
.smallpink {float:left; width:200px; font-size:15px; color:#E8A2C7;height:30px; font-weight:bold;  text-decoration:none;margin-bottom:5px; }
.bigpink  a{float:left; width:200px;  font-size:24px; color:#E8A2C7; font-weight:bold; height:30px; text-decoration:none; }

.red {float:left; width:200px; font-size:20px; color:#ED2228; height:25px; }
.smallred  {float:left; width:200px; font-size:15px; color:#ED2228; height:30px; font-weight:bold;  text-decoration:none; margin-bottom:5px; }
.bigred  a{float:left; width:200px; font-size:24px; color:#ED2228; font-weight:bold; height:30px;text-decoration:none; }

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

#col_one ul {padding:0; margin:20px 0 0 50px;}
#col_one li {padding:5px 0 5px 0;}
#col_one li a{ color: #00ACEE; font-weight:bold; text-decoration:none;}

#col_design ul {padding:0; margin:5px 0 10px 20px;}
#col_design li {padding:0 0 0 0; font-size:11px; color:#00ACEE; line-height:20px}

#col_full_span ol{ margin:10px 0 20px 30px;}
#col_full_span li{ padding:5px 0 0 0; line-height:160%}


/* --------------------------BUTTONS & TINGS-----------------------------*/

.button01 {float:left; width:114px; height:20px; background:url(../images/bg_button.jpg) no-repeat; text-align:center; padding:6px 0 0 0; margin:0 0 15px 0;}
.button01 a{color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:11px;}
.button01 a:hover { color:#005677;}

.line_spacer {padding:10px 0 10px 0;}

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

#footer {width:776px; height:160px; background:url(../images/bg_footer.jpg) no-repeat;}
.address {float:left; font-style:normal; width:300px; padding:20px 0 0 15px; color:#666666; font-size:11px; line-height:140%}
#numbers {float:right; width:289px;  padding:25px 15px 0 0; text-align:right}
#links {width:776px; text-align:center; padding:15px 0 0 0; color:#B5B5B5;}
#links a {font-size:10px; color:#B5B5B5; padding:0 5px 0 5px;}

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

#form_container { float:left; width:350px; }
#map_container {float:left; width:260px;  margin-top:20px;}

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