/*
The template from which this was created wsa designed by csscreme.com,
AND then HEAVILY modified and customized by Matt Saling.
No csscreme designers were harmed in the making of this website.  
*/

body {
background: url(images/background2.gif) top center repeat-x #CFDEEA;
margin: 0px;
padding: 16px 0;
font: 12px arial, sans-serif, helvetica, verdana;
color: #282828;
text-align: center;
}

p{
font-size:12px;
line-height:20px;
pading:0;
margin:5px 0 20px 0;
}

img {
border-style: none;
}

img.pic_left{
float:left;
padding:5px;
margin:10px 10px 10px 0;
border:1px  #CCCCCC solid;
}

a {
color: #2E9FED;
text-decoration: none;
}

a:hover {
color: #1471B1;
}

h1.pagetitle{
padding:12px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:30px;
color:#FFFFFF;
font-family:arial, helvetica, sans-serif;
}

h3{
font-size:14px;
color: #003366;
padding:0;
margin:0;
}

h4{
font-size:14px;
padding:0px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}

#container {
position: relative;
width: 750px;
margin: 0 auto;
padding: 0px;
text-align: left;
}

#head {
width: 750px;
height: 198px;
background: url(images/head-mic1.jpg) no-repeat;
}

#head h1 {
position: absolute;
margin: 67px 0 0 36px;
width: 300px;
height: 75px;
background: url(images/logo.gif) no-repeat;
}

#head h1 a {
text-indent: -2000px;
width: 300px;
height: 75px;
display: block;
background: url(images/logo.gif) no-repeat;
}

.top_head_banner{
float:right;
width:200px;
height:120px;
}

#menu {
position: absolute;
width: 730px;
top: 176px;
left: 20px;
margin: 0px;
padding: 0px;
z-index: 100;
font-size:12px;
}

#menu li {
list-style-type: none;
float: left;
margin: 0 8px;
height: 22px;
}

#menu li a {
padding: 0 0 7px 0;
height: 22px;
color:#000033;
}

#menu li a:hover {
color:red;
}

#menu .current {
color:#000033;
font-weight:bold;
}


#content {
margin: auto;
background: url(images/bg_main.gif) repeat-y;
width: 750px;
height: auto; 
}

#content_edit {
margin: auto;
background: url(images/bg_main_edit.gif) repeat-y;
width: 750px;
height: auto; 
}

#content_left {
float:left;
padding:0 30px 30px 30px;
width: 445px;
height:auto;
}

.column-left{
float:left;
width:215px;
padding:0;
}

.column-right{
float:right;
width:215px;
padding:0;
}

#content_right{
float:left;
padding:5px;
width: 200px;
height:auto;
}

#bluepagetitle {
background: url(images/bluepagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

#purplepagetitle {
background: url(images/purplepagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

#redpagetitle {
background: url(images/redpagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

#yellowpagetitle {
background: url(images/yellowpagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

#orangepagetitle {
background: url(images/orangepagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

#greenpagetitle {
background: url(images/greenpagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

#pinkpagetitle {
background: url(images/pinkpagetitle.jpg) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px; 
}

.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}

.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}

/*---------contact----------*/
#form {
padding: 0px;
margin: 0px;
}

#fields label {
width: 260px;
display: block;
padding: 0px;
}

#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
}

#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 63px;
}

#send input {
width: 64px;
height: 20px;
margin: 0px;
}

#content_left ul {
margin: 0 0 20px 20px;
padding: 0px;
list-style-type: none;
list-style-image:url(images/orangearrow.png);
}

#content_left li{
margin:5px 0;
padding:0 0 0 0;
}

.contact_info{
float:left;
padding:15px;
}

/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}

#footer {
text-align:left;
font-size:10px;
color:#000033;
background: url(images/footer.gif) no-repeat;
background-position:0px 0px;
padding-top:2px;
width: 750px;
height:85px;
}

#footer-inside{
margin:10px 10px 10px 30px;
}

#footer ul{
margin:0 0 5px;
padding:0;
list-style:none inside none;
}

#footer ul li{
display:inline;
margin:0 10px 0 0
}

#footer a {
background: none;
padding: 0px;
}