/*
Anchor Builders

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:#000000; background:#BDBDBD url(../images/bg_body.jpg) repeat-x;	}			

#main_container {width:960px; margin: 20px auto 0 auto; background-color:#FFFFFF; padding: 0 0 10px 0;}
#logo { float:left; width:283px; height:226px;}
#banner { width:677px; height: 226px; float:left; }
#left_col {float:left; width:274px;  }
#main_col {float:left; width:672px; padding:0 0 0 9px; background-color:#FFFFFF; }
#our_work {float:left; width:329px; margin:0 0 0 0;}
#portfolio {float:left; width:329px; margin:0 0 0 14px;}
.projects {}
.caption { float:right; margin:20px 40px 0 0;}
#testimonials {float:left; width:625px; margin:0 0 0 0;}


/* -------------------------NAVIGATIONS------------------------------*/

#nav_container {width:960px; height:53px; background:url(../images/bg_nav.jpg) no-repeat;}
#nav_container ul {margin:0; padding:0; list-style:none;}
#nav_container li {float:left; text-align:center;  }
#nav_container li a {text-decoration:none; color:#FFFFFF; display: block; width:160px;  padding:18px 0; font-weight:bold;}
#nav_container li a:hover {color:#FF9900;}
#left_col ul {margin:5px 0 10PX 0; padding:0; list-style:none;}
#left_col li { background:url(../images/bg_side_nav.jpg) no-repeat; height:23px; padding:7px 0 0 0;}
#left_col li a  {text-decoration:none; color:#333333; padding:0 0 0 40px; font-weight:bold;}
#left_col li a:hover {color:#FF9900; }
#left_col li.last { background:url(../images/bg_side_nav2.jpg) no-repeat; height:23px; padding:7px 0 0 0; margin:5px 0 15px 0;}

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

#left_col h2 { font: normal 12px "arial black", Arial; background:url(../images/bg_nav_header.jpg) no-repeat; width:239px ; height:23px; color:#FFFFFF; padding:11px 0 0 35px;}
#left_col h3 { font: normal 12px "arial black", Arial; background:url(../images/bg_nav_header.jpg) no-repeat; width:239px ; height:23px; color:#FFFFFF; padding:11px 0 0 35px;}
#main_col h1 { font: normal 12px "arial black", Arial; background:url(../images/bg_header_one.jpg) no-repeat; width:662px ; height:23px; color:#FFFFFF; padding:11px 0 0 35px;}
#main_col h2 { font: normal 12px "arial black", Arial; background:url(../images/bg_header_two.jpg) no-repeat; width:295px ; height:23px; color:#FFFFFF; padding:11px 0 0 35px;}
#main_col h3 { font: normal 12px "arial black", Arial; background:url(../images/bg_header_two.jpg) no-repeat; width:295px ; height:23px; color:#FFFFFF; padding:11px 0 0 35px;}
#main_col h4 { font: normal 14px "arial black", Arial; background:url(../images/bg_project_header.jpg) no-repeat; width:295px ; height:23px; color:#000000; padding:10px 0 0 35px; }

.projects h4 { font: normal 14px "arial black", Arial; background:url(../images/bg_project_header.jpg) no-repeat; width:295px ; height:23px; color:#000000; padding:10px 0 0 35px; }

.projects h5 { font: normal 12px "arial black", Arial;  width:295px ;  color:#B70000; padding:0 0 0 35px;}

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

.text_box1  {float:left;  width:635px; padding:10px 15px 0 15px; height:275px;}
.text_box1 p {padding:0 0 15px 0; line-height:160%; }
.text_box2  {float:left;  width:635px; padding:10px 15px 0 15px;}
.text_box2 p {padding:0 0 15px 0; line-height:160%; }
#main_col  a{ text-decoration:none; color:#CC0000;}
#our_work p {padding:25px 0 10px 15px; line-height:160%;}
#testimonials p {padding:25px 0 10px 15px; line-height:180%;}
.home_pics {float:left;width:300px; padding:30px 0 0 0;}
.home_pics img {margin:0 9px 9px 0;}
.home_pics2 {float:left;width:300px; padding:30px 0 0 20px;}
.home_pics2 img {margin:0 9px 9px 0;}
.projects a { color:#333333; text-decoration:none;}
.projects p {width:370px; line-height:140%; margin:0 0 0 35px; padding:0 0 10px 0;}
.divide {padding:15px 0 5px 12px;}
.additional_image {float:left;padding:10px 10px 0 10px;width:100px;}

.false_header { font: normal 12px "arial black", Arial; background:url(../images/bg_nav_header.jpg) no-repeat; width:239px ; height:23px; color:#FFFFFF; padding:11px 0 0 35px;}

#portfolio2 p {line-height:160%; padding:20px 0 10px 20px}

cite {padding:25px 0 10px 15px; line-height:160%;}

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

#main_col ul {margin:30px 0 0 50px;}
#main_col li {padding:10px 0 10px 0;}
#main_col li  a{ color:#333333; text-decoration:none;}

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

#portfolio2  {width:98%}
#portfolio2 img { margin:10px 0 0 10px;}

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

#footer_container {width:100%; margin: 0 auto; background: url(../images/bg_footer.jpg) repeat-x; padding:0 0 50px 0;}
#footer {margin:0 auto; width:960px; height: 124px; background:url(../images/bg_footer2.jpg) no-repeat;}
address {font-style:normal; color:#FFFFFF; float:left; padding:20px 0 0 20px; line-height:140%;}
#numbers {font-style:normal; color:#FFFFFF; float:left; padding:20px 0 0 40px; line-height:140%;}
#links { margin:0 auto; width:500px; color:#FFFFFF; text-align:center; padding:10px 0 0 0; font-size:11px;}
#links  a {color:#FFFFFF; text-decoration: none;}
#footer  a {color:#FFFFFF; text-decoration: none;}

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

#form-container {float: left;	width: 450px;	background-color: #FFFFFF; margin:30px 0 0 0;}

#form-container form p, form#formname #form-container p {	clear: both; font: normal 10px "Arial", Arial Narrow; 	padding: 1px;	background-color: #FFFFFF;
}
#form-container form p label, form#formname #form-container p label {  float: left;  width: 25%;  text-align: right;  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p.wide label, form#formname #form-container p.wide label{  width: 90%;  text-align: left;  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p span.formw, form#formname #form-container p span.formw{  float: right;  width: 70%;  text-align: left;}
/* Input BG Size Etc */
.singleline-field {	width: 300px;	height: 18px;	font: normal 11px "Arial", Arial Narrow;	display: inline;	border: #999999 solid 1px;}
/* Textarea BG Size Etc */
.multiline-field {	width: 300px;	font: normal 11px "Arial", Arial Narrow;	display: inline;	border: #999999 solid 1px; height:150px}
/* Dropdown BG Size Etc */
select.singleline-field {	width: 300px;	height: 20px;		border: #999999 solid 1px;}
/* Required Highlight Colour */
.darktxt {color:#FF0000;	font-weight: bold;}

#checkbox_box {	float: right;	width: 300px;	margin-right: 15px;	margin-top: 5px;}

/* rotator in-page placement */

/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

    div#rotator ul li.show {
	z-index:50
}