body {
background : #f7f0e0 url(../images/homepage_mainbg.gif) repeat-x scroll left top;
font-family : "Lucida Sans Unicode", Trebuchet MS, Helvetica, Arial, sans-serif;
color : #333333;
margin : 0;
padding : 0;
}
p {
margin : 0;
padding : 0;
line-height : 1.4em;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333;
font-size : 11px;
}
a:link {
text-decoration : none;
color : #333;
}
a:visited {
text-decoration : none;
color : #333;
}
a:hover {
text-decoration : underline;
color : #000000;
}
h1 {
margin : 0;
padding : 0;
font-weight : normal;
font-size : 18px;
padding-top : 10px;
padding-bottom : 15px;
color : #64742c;
}
h2 {
margin : 0;
padding : 0;
font-weight : normal;
font-size : 15px;
text-align : center;
padding-top : 15px;
padding-right : 5px;
padding-bottom : 15px;
color : #64742c;
}
h3 {
margin : 0;
padding : 0;
font-weight : bold;
font-size : 13px;
text-align : left;
padding-top : 8px;
padding-left : 14px;
padding-right : 5px;
padding-bottom : 5px;
color : #64742c;
}
#container {
width : 100%;
margin : 0 auto;
}
#maincontent {
width : 800px;
margin : 0 auto;
}
/************** header section ***************/
#header {
width : 800px;
margin : 0 auto;
height : 282px;
}
#header #logo {
padding-top : 17px;
margin-left : 10px;
}
#header #nav {
margin-top : 13px;
float : right;
}
#header #nav ul {
display : inline;
}
#header #nav li {
display : inline;
}
#header #nav li a {
display : block;
float : right;
}
#header #nav a#home {
width : 129px;
height : 37px;
background : url(../images/nav_home_hover.gif);
background-position : 0 0;
}
#header #nav a#portfolio {
width : 129px;
height : 37px;
background : url(../images/nav_portfolio.gif);
background-position : 0 0;
}
#header #nav a#portfolio :hover {
background-position : 0 -48px;
}
#header #nav a#contact {
width : 129px;
height : 37px;
background : url(../images/nav_contact.gif);
background-position : 0 0;
}
#header #nav a#contact :hover {
background-position : 0 -48px;
}
/************** content section ***************/
#content {
width : 790px;
margin : 0 auto;
}
#content #leftpanel {
width : 540px;
float : left;
}
#content #leftpanel h2 {
font-size : 14px;
font-weight : normal;
text-align : left;
}
#content #rightpanel {
width : 225px;
float : right;
margin-top : 50px;
}
#content #rightpanel #featuredprj {
background : url(../images/featuredprd_bg.gif) no-repeat;
height : 244px;
width : 218px;
}
#content #rightpanel #featuredprd #featurecontents {
width : 190px;
padding-left : 14px;
padding-top : 6px;
}
#content #rightpanel #subfeaturedprd {
background : url(../images/grey_bg.gif) no-repeat;
height : 72px;
width : 190px;
margin-left : 14px;
margin-top : 10px;
}
#content #rightpanel p {
padding-left : 14px;
padding-right : 12px;
}
#content #rightpanel p a:link, #content #rightpanel p a:visited {
text-decoration : underline;
color : #b4d445;
}
#content #rightpanel p a:hover {
text-decoration : underline;
color : #b4d445;
}
#content #rightpanel #k1supports {
background : url(../images/k1supports_bg.gif) no-repeat;
height : 157px;
width : 218px;
margin-top : 5px;
}
/************** footer section ***************/
#footer {
width : 100%;
background-image : url(../images/footer_bg.gif);
clear : both;
float : left;
height : 34px;
}
#footer p {
text-align : center;
font-size : 11px;
padding-top : 10px;
color : #918e87;
}
/************** miscellaneous ***************/
.thumb {
margin-left : 64px;
padding-bottom : 3px;
}
.divider {
margin-top : 20px;
}
.image {
border : 1px solid #b4d445;
width : 187px;
height : 120px;
margin-left : 14px;
margin-top : -5px;
}
img {
border : none;}