@charset "UTF-8";
/* CSS Document */


a.blog:link {
	color: #000000;
	text-decoration: none;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a.blog:visited {
	color: #000000;
	text-decoration: none;
	}
a:visited {
	color: #ffffff;
	text-decoration: none;
	}	
a:hover {
	color: #fff498;
	text-decoration: none;
	font-weight: bold;
	}	
.white {
	color: #FFFFFF;
	}
		

.green_highlight {
color: #46ad4f;
font-size: 16px;
line-height: 21px;
}


body {
background-image:url(images/bg_gradient.gif);
background-repeat:repeat-x;
background-color: #6c1c11;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

hr {
border: 1px solid #fff498;
 border-style: none none solid; 
}

h2 {
color: #fff498;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
	}

.p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #FFFFFF;
}

.intro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
color: #FFFFFF;
font-weight: bold;
}

#banner {
width: 800px;
height: 200px;
z-index: 1;
}

#main_body_wrapper {
width: 600px;
min-height: 700px;
height:auto !important;
height:700px;
background-color: #2a100c;
position: relative;
left: 200px;
top: 20px;
		}
		
#body_wrapper_bg_image {
width: 600px;
min-height: 700px;
height:auto !important;
height:700px;
background-color: #2a100c;
position: relative;
left: 200px;
top: 20px;
	/*
	background-image:url(images/mike-mosedale_about.gif);
	*/
background-repeat:no-repeat;
background-position: bottom right;
	}	
		
#nav_wrapper {
width: 600px;
height: 40px;
}

#sub_nav {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bolder;
padding-top: 40px;
color:#CCCCCC;
}

#text_container {
width: 560px;
padding: 20px;
position:relative;
top: 10px;
padding-bottom:20px;
}

#left_column {
width: 175px;
height: 700px;
background-color:#3C1506;
position: absolute;
top: 220px;
background-image:url(images/panel_bg.gif);
background-repeat:repeat-x;
}

#left_col_text {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size:12Px;
line-height: 14px;
font-weight: bold;
color:#99FF33;
width: 150px;
height: 250px;
position: absolute;
top: 115px;
left: 12px;
}

#body_wrapper {
width: 800px;
position: relative;
margin-left: auto;
margin-right: auto;
}

#portfolio_container {
width: 550px;
min-height: 410px;
height:auto !important;
height:410px;
background-color:#FFFFFF;
border: 3px solid #fff498;
margin-left: auto;
margin-right: auto;
}

#portfolio_container2 {
width: 550px;
padding-bottom: 40px;
background-color:#FFFFFF;
border: 3px solid #fff498;
margin-left: auto;
margin-right: auto;
}

#inner_container {
margin-left: auto;
margin-right: auto;
width: 490px;
height: 380px;
margin-top: 10px;
margin-bottom: auto;
}

.inner_container2 {
margin-left: auto;
margin-right: auto;
width: 490px;
margin-top: 10px;
margin-bottom: auto;
}

.thumbnail {
width: 150px;
padding: 1px;
border: 1px solid #000000;
left: 30px;
top: 20px;
}

#ul {
padding:0; 
margin:0; 
list-style-type:none; 
    }

#blog_gfx {
width: 300px;
height: 400px;
z-index: 9;
position: absolute;
top: 470px;
right: 543px;
background-image:url(images/blog_gfx_new.gif);
background-repeat:no-repeat;
}

#blog_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
width: 140px;
height: 90px;
position: absolute;
left: 70px;
top: 75px;
}

#service_description {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 14px;
color:#FFFFFF;
width: 160px;
height: 120px;
position: absolute;
top: 340px;
left: 50px;
}

#signoff_container {
width: 800px;
height: 100px;
position: relative;
top: 35px;
}

.sign_off_text {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#CCCCCC;
text-align:center;
margin-left:auto;
margin-right: auto;
}

div.img {
margin: 2px;
 height: auto;
width: auto;
 float: left;
 text-align: center;
 left: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}	

div.img img {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

div.img a:hover img {border: 1px solid #333333;
}

div.desc {
  text-align: center;
  font-weight: normal;
  font-size: 10px;
   width: 150px;
  min-height: 28px;
  height:auto !important;
	height:28px;
  margin: 2px;
}
div.desc_left {
  text-align: left;
  font-weight: normal;
  width: 150px;
 margin: 2px;
}
div.desc_strips {
  text-align: center;
  font-weight: normal;
  width: 200px;
 margin-left: auto;
 margin-right: auto;
}