BODY {
	background: url('/images/blue_hash.png') repeat-x #6496b1;
	margin: 0;
	font: 12px verdana;
}

p, dd, dl, td, th {
    color: #666;
}

#wrapper {
	width: 100%;
}

#container {
    width: 893px;
    margin: auto;
    background: rgb(254, 254, 254);
}

/**
 * Header
 */

#header {
    background: url("/images/header.png") no-repeat;
    height: 86px;
}

#header a {
    width: 250px;
    height: 100%;
    display: block;
    text-decoration: none;
}

/**
 * Menu
 */

#menu {
    text-align: center;
}

#menu ul {
    margin: 0;
    margin-left: 16px;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
    height: 64px;
    padding: 0;
}

#menu li {
    float: left;
    cursor: pointer;
    height: 64px;
}

#menu a {
    display: block;
    height: 64px;
    text-indent: -999px;
    overflow: hidden;
}

#menu #home {
    background: url("/images/btn_home.jpg") no-repeat;
    width: 171px;
}

#menu #home.active {
    background: url("/images/btn_home_hi.jpg") no-repeat;
    width: 171px;
}

#menu #about {
    background: url("/images/btn_about.jpg") no-repeat;
    width: 172px;
}
#menu #about.active {
    background: url("/images/btn_about_hi.jpg") no-repeat;
    width: 172px;
}

#menu #portfolio {
    background: url("/images/btn_portfolio.png") no-repeat;
    width: 133px;
}
#menu #portfolio.active {
    background: url("/images/btn_portfolio_hi.png") no-repeat;
    width: 133px;
}

#menu #services {
    background: url("/images/btn_services.jpg") no-repeat;
    width: 225px;
}
#menu #services.active {
    background: url("/images/btn_services_hi.jpg") no-repeat;
    width: 225px;
}

#menu #contact {
    background: url("/images/btn_contact.jpg") no-repeat;
    width: 159px;
}
#menu #contact.active {
    background: url("/images/btn_contact_hi.jpg") no-repeat;
    width: 159px;
}

#menu #menu-extend {
    background: url("/images/menu_extend.jpg") no-repeat;
    width: 132px;
}

/**
 * Main
 */

#main {
	background: url("/images/gradient3.png") repeat-x 0 bottom;
	padding-bottom: 2em;
	overflow: hidden;
	min-height: 550px;
	height: 1%;
}

#main .section {
    margin: 0 16px;
    overflow: hidden;
    height: 100%;
}

#main .half-section {
    width: 50%;
    margin: 0 30px;
}


/**
 * Footer
 */

#footer {
    background: #0b435e;
    height: 48px;
    text-align: center;
}

#footer p {
    color: #e4e1e1;
    font-size: 11px;
    margin: 0;
    padding: 0;
    border-top : 15px solid #0b435e;
}

/**
 * Misc
 */

h1, h2, h3, h4, h5, h6 {
    color: #f6ac19;
    font-family: "times new roman";
    margin: 0;
    padding: 0.6em 0 0.3em 0;
}

h1 {
    font-size: 250%;
}

h2 {
    font-size: 200%;
}

p {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-top: 3px;
	margin-bottom: 15px;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

.float-right {
    float: right;
}

.clear-both {
    clear: both;
}

img { 
    behavior: url('/css/iepngfix.htc');
}

.required-element {
    color: red;
}

.footer-note {
    color: #aaa;
    font-size: 75%;
}

/**
 * Others
 */
#contact-form {
    width: 420px;
} 
#contact-form td.top { 
    vertical-align: top;
}

#contact-form .col1 {
	width: 150px; 
}

#contact-form .resize {
    width: 250px;
    border: 1px solid #ccc;
}

.form-errors {
    color: red;    
}

/**
 * Front
 */
#front .blue-box {
    background: url('/images/front_blue_box2.jpg') no-repeat;
    float: left;
    height: 562px;
    width: 449px;
    margin-top: 1px;
}

#front .blue-box ul {
	list-style: none;
	list-style-image: none;
	margin: 50px 0 0 49px;
	padding: 0;
}

#front .blue-box li {
    background: url("/images/bullet_green.png") no-repeat 0 0.8em;
    padding: 0.5em 0 0.5em 12px;
    color: #fff;
    font-family: Verdana;
    font-size: 17px;
    
}

#front .right-box {
    background: url('/images/front_monitor.png') no-repeat right bottom;
    float: left;
    height: 562px;
    width: 389px;
    margin-top: 1px;
}

* html #front .right-box {
    background: url('/images/front_monitor.gif') no-repeat right bottom;
}

#front .right-box .networking {
    background: url("/images/networking.png") no-repeat;
    width: 105px;
    height: 24px;
	margin: 35px 0 25px 30px;
}

#front .right-box ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 30px;
}

#front .right-box li {
    background: url("/images/bullet_green.png") no-repeat 0 0.8em;
    padding: 0.4em 0 0.4em 12px;
    color: #4b95d0;
    font-family: Verdana;
    font-size: 17px;
    
}

/**
 * Hacks
 */
#min-height-hack-1 {
    float: right;
    width: 0px;
    height: 550px;
}