/*
Web Defined.us
copyright 2005, All Rights Reserved.

Colors:
common blue: #3670db
lft nav: #3670db
rgt nav: #777
*/

/* GLOBALS */
div,span,p,a,h1,h2,h3,h4,h5,h6,form,label,input,textarea,ul,li,dl,lh,dt,dd {color:#333;margin:0;padding:0;font-weight:normal;line-height:100%;font-family:Arial, Helvetica, sans-serif;}
div,span {height:auto;}
ul,li {list-style-type:none;}
img {border:0;}

div.clearleft {clear:left;height:0px;overflow:hidden;}
div.clearright {clear:right;height:0px;overflow:hidden;}
div.clearboth {clear:both;height:0px;overflow:hidden;}

/* MAIN */
body {min-width:700px; margin:0; padding:0;}      /* 2x LC width + RC width */
div#header {height:150px; text-align:left; background:url(../images/css/header_bg2.jpg) top left repeat-x;}
div#footer {clear:both; background:url(../images/css/footer_bg2.jpg) top left repeat-x;}
div#columns {padding-left:160px; /* LC width */ padding-right:160px;  /* RC width */}
div#columns .col {position:relative; float:left;margin:30px 0 30px 0;}
div#columns div#col3_1 {width:160px; /* LC width */ right:160px; /* LC width */ margin-left:-100%;}
	* html div#columns div#col3_1 {left:160px; /* RC width */}
	::root div#columns div#col3_1 {margin-left:-120%; /* RC width */}
div#col3_2 {width:100%;}
div#columns div#col3_3 {width:160px; /* RC width */ margin-right:-160px; /* RC width */}
div#topnav {height:22px; background:url(../images/css/link_bg.jpg) top left repeat-x;}
div.flash_align {margin-left:18px;}


/* CONTENT */
/* header */
div#header span {float:right;}

/* top nav */
div#topnav ul {margin:0; padding:0;}
div#topnav li {float:left; border-left:0px solid #fff; margin:0; padding:0;}
div#topnav li a.first {border-left:0px solid #fff;}
div#topnav li a:visited {color:#666;}
div#topnav li a {white-space:nowrap; margin:0; padding:4px 15px 6px 15px; border-left:0px solid #ffffff; text-decoration:none; font-size:12px; line-height:13px; font-weight:bold; /*color:#444444;*/ color:#666; text-align:center;}
div#topnav li a:hover {}

/* column 1 left */
div#col3_1 a { font-size:11px; font-weight:normal; /*color:#999;*/ color:#3670db; text-decoration:none;}
div#col3_1 a:hover {text-decoration:underline;}
div#col3_1 span a {font-size:12px;font-weight:bold;color:#3670db;}
div#col3_1 ul {margin:0 0 0 7px;}
div#col3_1 li {}


/* column 2 center */
div#innerwrapper {margin:0 0 0 20px;}
div#col3_2 a { font-size:11px; color:#3670db; text-decoration:none;}
div#col3_2 a:hover {text-decoration:underline;}

div#col3_2 h1 {color:#3670db; font-size:1.20em; margin:0 0 6px 20px; text-transform: capitalize;}
div#col3_2 h2 {color:#3670db; font-size:1.20em; margin:0 0 6px 20px; text-transform: capitalize;}
div#col3_2 h3 {color:#3670db; font-size:1.20em; margin:0 0 6px 20px; text-transform: capitalize;}
div#col3_2 h4 {color:#3670db; font-size:1.20em; margin:0 0 6px 20px; text-transform: capitalize;}
div#col3_2 h5 {color:#3670db; font-size:.95em; margin:0 0 6px 20px; text-transform: capitalize;}
div#col3_2 h5 a {color:#3670db; font-size:.95em; margin:0 0 6px 20px; text-decoration:none;}
div#col3_2 h5 a:hover  {color:#3670db; font-size:.95em; margin:0 0 6px 20px; text-decoration:underline;}
div#col3_2 h6 { font-size:24px; margin:0 0 10px 20px;}
div#col3_2 p { font-size:.95em; line-height:1.4em; margin:0 0 10px 20px;}
div#col3_2 ul {margin:0 0 20px 40px; width:auto;}
div#col3_2 li {margin: 0 0 .5em 0; font-size:.90em; list-style-type:none;}
div#col3_2 li a { font-size:.90em;text-decoration:underline; color:#333;}
div#col3_2 li a:hover {text-decoration:none;}
div#col3_2 ul#portfolio {margin:0 0 40px 390px;padding:0;}
div#col3_2 ul#portfolio li.portfolio {margin: 0 0 .5em 0; font-size:.95em; list-style-type:none;}

div#col3_2 div#comment {color:#777; font-size:.85em; font-style:italic; line-height:1.25em; margin:0 0 18px 0px;}
div#col3_2 div#comment p {color:#777; font-size:.85em; font-style:italic; line-height:1.25em;}

div#col3_2 div.preloadLFT {float:left; width:200px; height:200px; padding:0; margin:0 30px 20px 0;}
div#col3_2 div.preloadRGT {float:left; width:200px; height:200px; padding:0; margin:0 0px 20px 0;}

.clearLFT {clear:left;}

/* portfolio */
div#col3_2 div#innerwrapper div.portwrap {margin:0 0 30px 0;padding:0 0 20px 0;border-bottom:1px dotted #ddd;}
div.portwrap img {float:left;width:360px;margin:15px 20px 0 20px;}
div.portwrap h5 {font-size:1.0em !important;text-align:left;}
div.portwrap h5 a, div.portwrap h5 a:visited {font-size:1.0em !important;text-decoration:none;}
div.portwrap h5 a:hover {text-decoration:underline;}
div.portwrap ol {float:left;width:40%;margin:15px 0 0 0;list-style-type:none;}
div.portwrap ol li {margin:0 0 12px 0 !important;font-size:0.90em !important;line-height:120% !important;}



/* column 3 right */
div#col3_3 a { font-size:11px; font-weight:normal; color:#777; text-decoration:none;}
div#col3_3 a:hover {text-decoration:underline;}
div#col3_3 span a {font-size:12px;color:#777;font-weight:bold;}
div#col3_3 ul {margin-bottom:12px;padding:0 0 0 40px;}
div#col3_3 li {}


/* footer */
div#footer { padding:3px 10px 5px 10px; font-size:11px; line-height:16px; color:#fff; text-decoration:none; padding-bottom:5px;}
div#footer div#footerlinks {float:right;}
div#footer div#footerlinks a { font-size:11px; padding-bottom:8px;  line-height:16px; padding-top:5px; color:#fff; text-decoration:none;}
div#footer a:hover {text-decoration:underline;}