body {font-family:Arial, Helvetica, sans-serif;background-color:#666;}

/* Containers:
----------------------------------------------- */
#wrapper {margin:55px auto;padding:0 0 0 20px;width:850px;}
#wrapper2 {margin:55px auto;padding:0 0 0 20px;width:650px;}
.contentmain_box {width: 80%; padding: 10px;float: left; clear:left;}

/* Headers:
----------------------------------------------- */
#header {padding:21px 0 0 36px;}

/* Footer:
----------------------------------------------- */
	#footer {width:90%; padding: 2px 0 2px 5px; clear:both;}
	#footer p {color:#404141; font:10px arial,helvetica,clean,sans-serif;padding:0;}


/* images:
----------------------------------------------- */
#logo {margin:20px 0 0 0; padding:0;}
.main {background-image: url(../img/main.jpg); background-repeat:no-repeat; background-position:83px 39px;}
img.bottom {padding:0 0 10px 0;}
.lpad {padding:0 0 0 25px;}
.pad {padding:5px 7px 35px 5px;}
.lbottom {background-image: url(../img/bg.gif); background-repeat:repeat-x; background-position:bottom;}
.imgborder {border: 15px;padding: 50px 10px 10px 10px;}
.thumbnail {padding:4px;border:1px solid #666; margin:3px;}
.profile-img img {float:left;padding:4px;border:1px solid #999;background-color:#333; margin:0 8px 3px 5px; }

/* =Structure
----------------------------------------------- */
#content {width:100%;height:420px; background-color:#666; }
/*#content_left {float:left;padding:20px 0 0 20px;margin:0;width:195px;border: 5px solid #fff;height:350px;background-image: url(../img/Los_angeles_downtown_skylin.gif); background-repeat:no-repeat; background-position:bottom right; }*/
#content_left {float:left;padding:20px 0 0 20px;margin:0;width:195px;height:350px;background-image: url(../img/Los_angeles_downtown2.gif); background-repeat:no-repeat; background-position:bottom right; }

/*#content_main {float:left;border:#fff 5px solid; padding:20px 0 0 0;width:514px;  height:350px;overflow:hidden; background-image: url(../img/main.jpg); background-repeat:no-repeat; background-position:29% 50%;  }
*/
#content_main {float:left; border-left:#fff 3px solid;padding:20px 0 0 0;width:514px;  height:350px;overflow:hidden; background-image: url(../img/deepfog.jpg); background-repeat:no-repeat; background-position:55% 80%;}

#content_subpage {float:left;border:#fff 5px solid; padding:40px 0 0 30px;width:584px;height:480px;overflow:auto;background-color:#98cbcb; }
#content_subpage_port {float:left;border:#fff 5px solid; padding:30px 0 0 30px;width:584px; overflow:auto;background-color:#98cbcb; }
#content_subpage_service {float:left;border:#fff 5px solid; padding:30px 0 0 30px;width:584px; height:600px;overflow:auto;background-color:#98cbcb; }
.content_spotlight {background-image: url(../img/Los_angeles_downtown_skylin.gif); background-repeat:no-repeat; background-position:0 55%;float:left;margin:20px 0 0 0;padding:6px; width:232px; height:100px;border-left: 4px solid #666;border-top: 4px solid #666;border-bottom: 5px solid #333;}
.border_rt {border-right: 4px solid #666;}
#content_contact {float:left;border:#fff 5px solid; padding:30px 0 0 30px;width:584px; height:480px;overflow:hidden;background-color:#f086ba; }
#content_about {float:left;border:#fff 5px solid; padding:30px 0 0 30px;width:584px; height:380px;overflow:hidden;background-color:#d3cb47; }
#content_services {float:left;border:#fff 5px solid; padding:30px 0 0 30px;width:584px;height:380px;overflow:hidden;background-color:#8aadb8; }
.subpage {padding:5px;width:550px;height:250px;overflow:auto; }
.approach_left {float:left;padding:10px 0 0 5px;width:20px; height:45px;overflow:hidden;background-color:#8bbfbf;clear:left;margin-bottom:15px;}
.approach_main {float:left;border-left:#a0d0d0 5px solid; padding:10px 0 0 5px;overflow:auto;width:425px;height:45px;overflow:hidden;background-color:#8bbfbf;margin-bottom: 17px;}
#container_main {line-height: 140%;background-color: #333;width: 400px;padding: 0px 0px 0px 0px;text-align: left;}
#content_port {width:650px;height:330px; background-color:#666; }
#content_main_port {background-color:#ACACB4;padding:30px 0 0 10px;overflow:auto; height: 100%;}
#content_port_left {float:left;background-color:#ACACB4; border-right:#666 10px solid;padding:20px;overflow:hidden;height:97%;}


#post_slide {clear:both; position:absolute; height:100px;width:500px; background-color:#52525E;  padding:10px; overflow-x:scroll; float:left;}
#post_slide ul {margin:0;padding:0;}
#post_slide li {margin: 0; float:left; 
	padding: 0;
	display: inline;
	list-style-type: none;}
#post_slide a {display:block; padding:5px;}

/* Nav:
----------------------------------------------- */
#nav {padding:10px 0 0 35px;width:150px;}
#nav ul {list-style-type:none;margin:0;padding:0;}
#nav li {list-style-type:none;font-weight:bold;font-family:Verdana, Helvetica, sans-serif;font-size:16px;line-height:normal;}
.border {border-right: 1px solid #666;}
#nav a {color:#383838;text-decoration:none;white-space:nowrap;padding:5px 5px 3px 5px;}
#nav a:hover {color:#98cbcb;text-decoration:none;white-space:nowrap;padding:5px 5px 3px 5px; }

#second_nav {float:left;width:188px;padding:25px 0 0 25px;clear:both; }
#second_nav ul {list-style-type:none;margin:0;padding:0;}
#second_nav li {clear:left;display:inline;line-height:normal;text-indent:0;list-style-type:none;font-weight:400;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#second_nav a {color:#383838;text-decoration:none;white-space:nowrap; padding:0 7px 0 2px;}
#second_nav a:hover {color:#fff;text-decoration:none;white-space:nowrap;padding:0 7px 0 2px;}

body#signup a.join,
body#home a.home,
body#approach a.approach,
body#about a.about,
body#services a.services,
body#port a.port,
body#contact a.contact
 { color:#ccc;text-decoration:none;white-space:nowrap;padding:5px 5px 3px 5px;}

/* Headings:
----------------------------------------------- */
h1, h2, h3 {margin: 0px;padding: 0px;font-weight: normal;font:140%/1.5em Arial,Serif;color:#333;}
h4 {margin:0;padding:10px 0 5px 0;font:100%/1.0em Arial,Serif;font-weight: bold;color:#333;}

.approach_left strong {margin: 0px;padding: 0px;font-weight: normal;font:140%/1.5em Arial,Serif;color:#333;}

.main_page_tag {font-size:2em;left:-400px;top:-90px;  }


/* links
----------------------------------------------- */
a {color: #666;}
a:hover {color: #fff;}
a:visited {color: #fff;}
/* misc:
----------------------------------------------- */
#dhtmltooltip{position: absolute;left: -300px;width: 250px;border: 1px solid black;padding: 10px;color:#fff;background-color: #6C757D;visibility: hidden;z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

/* text:
----------------------------------------------- */
p {color: #333;font-family: Verdana, Arial, sans-serif;font-size:.85em;font-weight: normal;line-height: 130%;text-align: left;margin:0;padding:5px 20px 5px 5px;}
.white {color:#fff;}
.grey {color:#333;}
.content_spotlight p {color: #333;font-family: Verdana, Arial, sans-serif;font-size:.80em;font-weight: normal;line-height: 130%;text-align: left;margin:0;padding:5px;}

/* Forms:
----------------------------------------------- */

	/*   Sidebar navs and links 	*/
-----------------------------------------
	
 dd, dt {margin-left: 0;padding-left: 0;line-height: 17px;margin-bottom: 4px;}
body #sidebar dt 	{text-transform: uppercase;letter-spacing: 2px;margin-top: 25px;background: transparent;color: #ffe;padding: 2px 5px ;background: #f60;text-shadow: 2px 3px 3px #785;}
 dd a:link, #sidebar dd a:visited {font-weight : normal; }
.imgborder {border: 15px;padding: 50px 10px 10px 10px;}
.profile-img img { border:6px solid #fff;padding:0;margin:0 8px 3px 0;}
dd, dt {margin-left: 0;padding-left: 0;line-height: 17px;margin-bottom: 4px;}
bodydt 	{text-transform: uppercase;letter-spacing: 2px;margin-top: 25px;background: transparent;color: #ffe;padding: 2px 5px ;background: #f60;text-shadow: 2px 3px 3px #785;}
dd a:link, dd a:visited {font-weight : normal; }
.service {width:22em;clear:both;margin: 0;padding:5px 0 0 0;border:7px solid #eee;background-color:#fff;}
.project {position:relative;clear:both;margin: 0 0 5em 0;padding:10px;border:7px solid #eee;background-color:#fff;}
.project .project_column {float:left;width:16em;margin:0 0 10px 0;}
.project h4.project_title {font-size:2em;font-weight:normal;margin:0 0 10px 0;padding:0;border-bottom:1px solid #e0e0e0;}
.project h4.project_title a {display:block;color:#000;margin:0;padding:0 80px 4px 0;background:url(../img/visit_site_bw.gif) no-repeat right 7px;background-repeat:no-repeat;}

.project h4.project_title a:hover {background:url(../img/visit_site.gif)  right 7px;background-repeat:no-repeat;}
.project h5.project_type {font-weight:normal;color:#666;font-size:1em;margin:0;padding:0 2px 5px 2px;}
.project h5.project_type span {color:#444;font-size:0.8em;font-weight:bold;text-transform:uppercase;	padding:0.1em;background:#ffc;}
.project .screenshot {position:relative;float:right;margin:0 0 5px 5px;	padding:1px;/*border:5px solid #eee;*/}
.project .screenshot img {padding:1px;width:150px;border:1px solid #ccc;}
.project .project_features {list-style-type:none;margin:7px 0 0 0;padding:0;}
.project .project_features li {color:#666;padding:0 1px 7px 26px;background:url(../img/checkmark.gif) no-repeat top left;	}
.project .project_details {position:relative;clear:both;font-size:0.9em;padding:12px;margin:0;border-top:1px solid #e0e0e0;background-color:#f7f7f7;}
.approach_img {padding:0 1px 0 26px;width:300px;height:70px;text-transform:none;background:url(../img/approach.gif) no-repeat top left;	}
.port_img {padding:0 1px 0 26px;background:url(../img/port.gif) no-repeat top left;	}
.about_img {padding:0 1px 0 26px;width:300px;height:50px;text-transform:none;background:url(../img/about.gif) no-repeat top left;	}
.services_img {padding:0 1px 0 26px;width:300px;height:50px;text-transform:none;background:url(../img/services.gif) no-repeat top left;	}
.contact_img {padding:0 1px 0 26px;width:300px;height:50px;text-transform:none;background:url(../img/contact.gif) no-repeat top left;	}
.resources_img {padding:0 1px 0 26px;width:300px;height:50px;text-transform:none;background:url(../img/resources.gif) no-repeat top left;	}
.hideFromScreen {display:none; margin:10px; padding:0 0 10px 0;}