/* CSS Document */

/* Copyright Calvary Design Ltd. August 2008 */
/* All rights reserved */
/* www.calvarydesign.com */

body {margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica; color:#666666;}

p {margin:1.2em 0; padding:0; font-size:11px; line-height:1.6em}
h3 {margin:0 0 -10px 0; padding:0; font-weight:normal; font-size:16px; line-height:1.6em; color:#333}
h4 {margin:0 0 -10px 0; padding:0; font-weight:normal; font-size:14px; line-height:1.6em; color:#333}
.blue {color:#0066CC;}
.red {color:#990000;}
.quote {margin:1.2em 0; padding:0; font-size:12px; line-height:1.6em; color:#0066CC}

a {color:#0066cc; text-decoration:none;}
a:hover {color:#666666; text-decoration:underline;}

#container {margin:auto; margin-top:20px; margin-bottom:20px; padding:0; width:768px}

/* main header */
#header {margin:0; padding:0; height:60px;}
#header #logo {margin:10px 0 0 15px; padding:0; width:200px; height:40px; float:left; background:url(../img/CD-logo.jpg) no-repeat;}
#header #logo a {display:block; height:40px;}
#header #logo h1 {display:none;}
#header #slogan {margin:25px 15px 0 0; padding:0; width:114px; height:14px; float:right; background:url(../img/CD-slogan.jpg) no-repeat;}
#header #slogan h2 {display:none;}

/* main nav */
#nav {margin:0; padding:0; height:28px; border:1px solid #E6F2FF; background:url(../img/NavBg.jpg) repeat-x;}
#nav ul {margin:6px 7px 7px 7px; padding:0; font-size:12px; list-style:none; text-align:center;}
#nav ul li {margin:0 10px; padding:0; display:inline;}
#nav ul li a {margin:0; padding:7px 10px 3px 10px; text-decoration:none; color:#666666;}
#nav ul li a:hover {color:#0066CC; background-color:#EFF3F4}

#home #nav-home a,
#about #nav-about a, 
#news #nav-news a, 
#prods #nav-prods a, 
#portfolio #nav-portfolio a,
#clients #nav-clients a, 
#contact #nav-contact a {color:#0066CC; /*font-weight:bold;*/ background-color:#EFF3F4}

/* sub nav */
#subnav {margin:0; padding:0; height:28px; border:1px solid #E6F2FF; /*background:url(../img/NavBg.jpg) repeat-x;*/}
#subnav ul {margin:6px 7px 7px 7px; padding:0; font-size:12px; list-style:none; text-align:left}
#subnav ul li {margin:0 5px; padding:0; display:inline;}
#subnav ul li a {margin:0; padding:7px 10px 4px 10px; /*display:block;*/ text-decoration:none; color:#666666;}
#subnav ul li a:hover {color:#0066CC; background-color:#EFF3F4}

#port_web #subnav-web a,
#port_css #subnav-css a,
#port_dev #subnav-dev a,
#port_mark #subnav-mark a, 
#port_print #subnav-print a, 
#port_it #subnav-it a {color:#0066CC; /*background-color:#EFF3F4*/}




/* home page flash */
#flash {margin:0; padding:0; height:200px; border-bottom:1px solid #E6F2FF;}

/* home boxes */
#boxes {margin:15px 0; padding:0;}
#boxes #one {margin:0 0 0 15px; padding:0 10px 0 0; width:235px; float:left; border-right:1px solid #E6F2FF; /*background-color:#0099FF;*/}
#boxes #two {margin:0 0 0 15px; padding:0 10px 0 0; width:235px; float:left; border-right:1px solid #E6F2FF; /*background-color:#009966;*/}
#boxes #three {margin:0 0 0 15px; padding:0 10px 0 0; width:221px; float:right; /*background-color:#CC3366;*/}

/* news headlines */
#newsheadlines {margin:13px 0; padding:0; font-size:11px}
.headlinesdate {margin:0 5px 1px 0; padding:0; width:80px; float:left; /*background-color:#009966*/}
.headlinestitle {margin:0 0 1px 0; padding:0; width:145px; float:left; /*background-color:#993399*/}

/* main content */
#content {margin:25px 0 15px 0; padding:0}
#content #left {margin:0 0 0 15px; padding:0 25px 0 0; width:460px; float:left; border-right:1px solid #E6F2FF; /*background-color:#0099FF;*/}
#content #right {margin:0 15px; padding:0; width:230px; float:right; /*background-color:#0099FF;*/}

#content .line {margin:10px 0 20px 0; padding:0; height:1px; border-bottom:1px solid #E6F2FF;}

#content #services {margin:0; padding:0;}
#content #services ul {margin:20px 0 20px 18px;; padding:0; font-size:11px; line-height:1.6em}
#content #services ul li {margin:3px 0; padding:0; list-style-image:url("../img/tick_bulletpoint_green.jpg")}

#content #portfolio {margin:0; padding:0;}
#content #portfolio .port_left {margin:10px 0; padding:0; width:200px; float:left;}
#content #portfolio .port_right {margin:10px 0; padding:0; width:200px; float:right;}

#content .clientlist {margin:0; padding:5px 0; font-size:12px; border-bottom:1px solid #E6F2FF}
#content .clientlist .clientlist_left {margin:0; padding:0; width:160px; float:left; font-size:11px; font-weight:bold; /*background-color:#00CC66*/}
#content .clientlist .clientlist_left a {display:block;}
#content .clientlist .clientlist_right {margin:0; padding:0; width:290px; float:right; font-size:11px; /*background-color:#999933*/}


/* news section */
.newsitem {margin:12px 0; padding:0;}
.newsdate {margin:1px 5px 1px 0; padding:10px 0 0 0; width:68px; height:56px; float:left; color:#0066cc; font-size:16px; text-align:center; background:url(../img/NewsDateBg.jpg) repeat-x bottom; border:1px solid #E6F2FF; }
.newstitle {margin:1px 0 -10px 90px; padding:0; width:350px; font-size:14px; color:#333 /*background-color:#993399*/}
.newsdesc {margin:0 0 0 90px; padding:0; width:350px; font-size:12px; /*background-color:#993399*/}

#twitter_div {font-size:12px;}
#twitter_div ul {margin:0; padding:0;}
#twitter_div li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #E6F2FF; list-style:none}


/* Form */
#form {margin:10px 0 20px 0; padding:0; font-size:11px; font-weight:bold}
#form .form_left {margin:5px 20px 5px 0; padding:0; width:210px; float:left; /*background-color:#99CC33;*/}
#form .form_right {margin:5px 0; padding:0; width:210px; float:left; /*background-color:#CC6666;*/}
#form .login_input {margin:0; padding:2px; width:200px; color:#0066cc; border:1px solid #0079F2; font-size:12px;}
#form .full {margin:10px 20px 10px 0; padding:0; width:440px; float:left; /*background-color:#99CC33;*/}
#form .button {margin:0 5px 0 0; padding:0; width:82px; height:22px; float:left; background:url(../img/reset_bt.jpg) no-repeat; border:0; cursor:pointer; color:#0066cc; font-size:12px;}
#form .reset_button {margin:0 5px 0 0; padding:0; width:82px; height:22px; float:left; background:url(../img/reset_bt.jpg) no-repeat; border:0; cursor:pointer; color:#666; font-size:12px;}
#form .login_area {margin:0; padding:2px; width:430px; color:#0066cc; border:1px solid #0079F2; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



/* footer */
#footer {margin:15px 0; padding:0;}
#footer #line {margin:0; padding:0; height:5px; background-color:#666666;}
#footer #foottext {margin:15px 0; padding:0; font-size:70%;}
#footer #foottext #copyright {margin:0 20px 20px 15px; padding:0; float:left; width:350px; /*background-color:#99FF99*/}
#footer #foottext #footlinks {margin:0 0 20px 0; padding:0; float:left; width:300px; text-align:right; /*background-color:#999999*/}
#footer #foottext #css {margin:-1px 15px 20px 0; padding:0; float:right; width:55px; text-align:right; /*background-color:#9999CC*/}