body {
margin : 0;
padding : 0;
font : Times New Roman", arial, 75% helvetica, sans-serif;
line-height : 1.8em;
color : #666;
background : #fff;
  background-image: url(images/portfolio-04.jpg)
}
			/*TOP BANNER*/ 
#header { 
height : 200px;
margin-bottom : 1em;
border-top : 10px solid #015990;
background : transparent url(images/banner.jpg) no-repeat;
color : #CC0033;
} 
			/*3 COLUMNS*/ 
#gutter {
float : left;
width : 1%;
height : 1px;
} 
#col1 {
  background-color:
#CCFF33;
margin-right:auto;
width : 1%;
margin-bottom : 1em;
  border: #9900CC;
}
#col2 {
float : left;
width : 25%;
margin-left : 3%;
margin-bottom : 1em;
border-right : 1px solid #eee;
padding-right : 3%;
} 
#col3 { 
float : left;
width : 20%;
margin-left : 3%;
margin-bottom : 1em;
}
			/*TOP NAV*/  
#navcontainer ul { 
margin-top : 10px;
list-style-type : none;
background : #fff;
color : #666;
} 
#navcontainer ul li a { 
padding : 20px;
color : #666;
background : transparent url(images/list-off.gif) no-repeat left center;
text-align : left;
font : normal 1.2em "Trebuchet MS", "Lucida Grande", verdana, "Lucida Sans Unicode", lucida, sans-serif;
text-decoration : none;
} 
#navcontainer ul li a:hover { 
color : #006699;
background : transparent url(images/list-on.gif) no-repeat left center;
} 
#navcontainer ul li a#current { 
background : transparent url(images/list-active.gif) no-repeat left center;
color : #000;
} 
			/*FOOTER*/ 
#footer { 
clear : both;
height : 100px;
border-top : 5px solid #015990;
padding : 5px;
text-align : center;
background : transparent url(images/footer.jpg) no-repeat top center;
color : #000;
} 
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding : 0.5%;
text-transform : capitalize;
font-size : 2em;
letter-spacing : 1px;
text-align: center;
color : #6600FF;
background : transparent;
} 
h2 {
margin : 0;
padding : 5px;
text-align: center;
text-transform : uppercase;
font-size : 1.4em;
letter-spacing : 1px;
color : #FF0000;
background : inherit;
}
  h3 {
margin : 0;
padding : 5px;
text-align: left;
text-transform : uppercase;
font-size : 16px;
letter-spacing : 1px;
color : #CC0000;
background : inherit;
}
			/*LINKS*/
a {
text-decoration : none;
color : #0000FF;
background-color : inherit;
} 
a:hover {
text-decoration : underline;
color : #444;
background : inherit;
} 
a img {
border : 0;
} 
			/*CLASS*/
.imgleft {
float : left;
padding-right : 10px;
margin : 0;
  margin-top: 4auto
}
.links {
font-size : 1.4em;
text-transform : uppercase;
letter-spacing : 1px;
font-weight: bold;
padding : 5px;
margin-bottom : 10px;
color : #0e1a88;
border-bottom : 1px solid #eee;
} 
.box {
margin : 0 0 15px 0;
padding : 5px;
border : 1px solid #eee;
background : #0000FF;
color : #666;
} 
.post {
background : #ffd090;
padding : 3px;
margin : 20px 5px 0 5px;
border : 0 dashed #8a795d;
font-size : 80%;
} 
.post .date {
background : url(images/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 5px 0 5px;
} 
.post .comments {
background : url(images/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 5px 0 5px;
} 
.post .readmore {
background : url(images/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 5px 0 5px;
} 
			/*SEARCH BOX*/ 
legend {
font-weight : bold;
color : #ff9934;
} 
input {
background : #0066FF;
}