/*Basic style settings*/
html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote, a, img,ul, li, fieldset, form, label{
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}
body {line-height:1.5;text-align:left;}
body {font-size:75%;color:#000; background:#ffcccc;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;color:white;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em; color:#33cc00;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em; color:#00ffff;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#fff;text-decoration:underline;}
blockquote {margin:1em;color:#666;font-style:italic;font-size:1.3em;font-weight:bold;}

div.width-230,div.width-310,div.width-470,div.width-670,.width-950{
float:left; margin-right:10px;
}
.clear {clear:both;}
.last, div.last {margin-right:0;}
.width-230 {width:230px;}/*6*/
.width-310 {width:310px;}/*8*/
.width-470 {width:470px;}/*12*/
.width-670 {width:670px;}/*17*/
.width-950 {width:950px;margin:0;}/*24*/
.prepend-5 {padding-left:100px;}
.prepend-top {margin-top:1.5em;}
.loud{color:#33cc00;}
.borderbottom{border-top:1px solid #343a3d;}
.date{color:#33cc00;}
.readmore{color:#FF00FF;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #343a3d;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

/*Specific CSS for layout*/
#container {
width:950px;
margin:0 auto;
}
#header {
border-bottom:1px solid #ccc;
}
#header img {
float: left;
}

#portfolio {
margin:0px;
float:left;
list-style:none;
}


#menu  { float: right; padding: 6px 0 0 0; list-style: none;margin-top:20px;margin-bottom:10px;}
#menu li { display: inline; }
#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #ff00ff; }
#menu a:hover { color: #ff00ff; border-bottom: 2px solid #ff00ff
; }
#menu .active a { border-bottom: 2px solid #fff; color: #fff;}

img.thickborder {
margin-left: 7px;
border: 4px solid #33cc00;
}

a:hover img.thickborder {
border: 4px solid #FF00FF
;
}


#header_text {
float:right;
background:url('../images1/zebrapink.png') no-repeat;
position:relative !important;
margin-right:0px;
height:250px;
z-index:1000

}

#project {
padding-top:85px;
padding-left:80px;
padding-right:50px;
z-index:1001;
}

#content {
background: transparent url("../images/div_bg.gif") repeat-y;
}
ul.features{
margin-left:10px;
padding-left:30px;
margin-bottom:10px;
}
#sidebar {
margin-right:0px;
}
#footer  p{
float:left;
color:#51595f;
}
#footerlink {
float:right;
margin-right:50px;
margin-top:10px;
}
#footerlink a, a:hover {
color:#51595f;
text-decoration:none;
}

#sidebar ul{
list-style:none;
}
#sidebar ul li {
margin-top:20px;
}
#sidebar p{
margin:0px;
}

/*form*/
label {
  float: left;
  width: 15%;
  vertical-align: top;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}
input,
textarea,
select {
  padding: 0px;
  font: 400 1em verdana, sans-serif;
  color:#e5e5e5;
  background: #2d3235;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #ccc;
  border-right:0px;
  border-top:0px;
  overflow:hidden;
  width:50%;
  
  
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  overflow:hidden;
  background: #2d3235;
  border-left: 1px solid #00ffff;
  border-bottom: 1px solid #00ffff;
}



input.button {
  padding: 2px 5px;
  width:60px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #33cc00;
  border-width: 1px;
  border-style: solid;
  border-color: #51595f #00ffff #00ffff #51595f;
}