/*

Purrus

MWISMedia New Media Design & Development

Author: Mike Stephens

 */


/* ---------------------------------------------------------------*/
/* 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, form, select {
 font: normal 11px Arial, Helvetica, sans-serif;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	color: #999999;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #ffffff;
	color: #999999;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: repeat-x url(../images/bg_header.jpg);
}

/* ---------------------------------------------------------------*/

/* Div Containers*/

#main_container {
	width: 780px;
	margin: 35px auto auto auto;
	padding: 0;
}

#col_one {
 width: 300px;
 background: repeat-y left url(../images/bg_sidebox.jpg);
 float: left;
}

#col_one_header {
 background: no-repeat top left url(../images/logo.jpg);
 width: 300px;
 height: 159px;
 margin: 0 10px 0 0;
}

#col_one_content {
 text-align: left;
 margin: 0 15px 0 15px;
}

#col_one_footer {
 width: 306px;
 height: 27px;
 background: no-repeat url(../images/bg_footer_sidebox.jpg);
}

#col_two {
 width: 459px;
 padding: 0;
 float: left;
}

#col_two_header {
 background: no-repeat url(../images/bg_header_mainbox.jpg);
 height: 15px;
 width: 459px;
 margin: 0 0 0 5px;
}

#col_two_main {
 width: 463px;
 text-align: left;
 background: repeat-y url(../images/bg_mainbox.jpg);
}

#col_two_content {
 width: 379px;
 margin: 5px auto 0 auto;
}

#col_two_content p {
 line-height: 17px;
}

#col_two_footer {
 width: 459px;
 height: 64px;
 background: no-repeat url(../images/bg_footer_mainbox.jpg);
 margin: 0 0 0 5px;
}

.sidebox {
 width: 285px;
 height: 117px;
 background: no-repeat url(../images/bg_sidebox_item.jpg);
 margin: 0 0 8px 0;
}

.sidebox_last {
 width: 285px;
 height: 86px;
 background: no-repeat url(../images/bg_sidebox_last.jpg);
 margin: 0 0 3px 0;
}

.sidebox_content {
 padding: 10px;
 background: no-repeat url(../images/uk_div.gif);
}

#main_nav {
  width: 280px;
  height: 270px;
  float: right;
  clear: left;
  margin: 0 3px 0 0;
}

#main_nav ul {
 width: 280px;
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: right;
}

#main_nav li {
 height: 32px;
 background: repeat-x url(../images/bg_nav_up.jpg);
 line-height: 32px;
 padding: 0;
 margin: 0;
}


#main_nav li.last {
 background: repeat-x url(../images/bg_nav_last_up.jpg);
 height: 36px;
 line-height: 36px;
 padding: 0;
 margin: 0;
}


#main_nav li a { 
 padding: 0 10px 0 0; 
 color: #ffffff;  
 display: block; 
 height: 35px;
}

#main_nav li a:hover { 
 border-bottom: none; 
 background: repeat-x url(../images/bg_nav_over.jpg);
}

#main_nav li.last a:hover { 
 border-bottom: none; 
 background: repeat-x url(../images/bg_nav_last_over.jpg);
}

#footer_bg {
	height: 10px;
	background: repeat-x url(../images/bg_footer.jpg);
	margin: 25px 0 0 0;
}

/* Misc */

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

li {
 background: no-repeat url(../images/bullet_arrow.jpg) 0 3px;
 padding: 0 0 0 20px;
 margin: 10px 0 0 0;
 line-height: 17px;
}

img {
border: none;
}

.nolink:hover {
 border-bottom: none;
}

.homelink {
 width: 100%;
 height: 100%;
 display: block;
}

.homelink:hover {
 border-bottom: none;
}

/* Text */

#col_two_content h1 {
 font: bold 22px Arial, Helvetica, sans-serif;
 color: #99CC00;
 background: no-repeat bottom left url(../images/divider.jpg);
 padding: 0 0 5px 0;
 margin: 5px 5px 10px 0;
}

#col_two_content h2 {
 font: bold 16px Arial, Helvetica, sans-serif;
 color: #99CC00;
 background: no-repeat bottom left url(../images/divider.jpg);
 padding: 0 0 5px 0;
 margin: 5px 5px 10px 0;
}

#col_two_content h3 {
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #99CC00;
 background: no-repeat bottom left url(../images/divider.jpg);
 padding: 0 0 5px 0;
 margin: 5px 5px 10px 0;
}


.sidebox_content h1 {
 font: bold 14px Arial, Helvetica, sans-serif;
 background: no-repeat bottom left url(../images/bg_sidebox_header.jpg);
 padding: 0 0 5px 0;
 color: #99CC00;
 margin: 3px 0 0 3px; 
}

.sidebox_content p {
 margin: 7px 0 0 3px; 
}

a {
 color: #99CC00;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 border-bottom: 1px dashed #99CC00;
}

#footer a {
 text-decoration: none;
 color: #9C9A9A;
 font-weight: normal;
}

em {
 color: #99CC00;
 font-style: normal;
}

/* Projects CSS - - - - - - - - */

.project {
 width: 150px;
 float:left;
 margin: 5px;
 text-align: center;
 padding: 0 0 0 5px;
 border: 1px dotted #F7F4F0;
 color:#999999;
 font: normal 12x Arial, Helvetica, sans-serif;
}

.project a:hover {
 border-bottom: none;
}

.brd_proj {
 padding: 2px;
 margin: 2px;
 border: 1px solid #CCCCCC;
}

.project p {
 font: normal 12x Arial, Helvetica, sans-serif;
 color:#999999;
}