/* @override 
	../css/3col.css
	http://localhost/cns/css/3col.css
	http://www.planexus.com/css/3col.css
*/

/* Planexus July 2009 Rework */

/* New 3 Column Liquid Format */

/* @group Header */

/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	text-align: center;
	background: url(../images/page_background.png) repeat-x left top;
	height: 206px;
}

div#header.short {
	height: 110px;
	border-bottom: 1px solid #a1a1a1;
}

#header img {
	margin: 0;
	clear: both;
}


/* @end */

/* @group Page Properties */

body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: #f1f3d7;
		min-width:600px;
	font: 11px Lucida, Verdana, sans-serif;
	color: #1f180d;
}

a {
		color: #304468;
	}

a:hover {
		color:#fff;
		background: #304468;
		text-decoration:none;
	}

p {
		margin:.4em 0 .8em 0;
	padding-left: .5em;
}

p.quote {
	text-align: justify;
	padding-right: 6px;
	padding-left: 6px;
	font: italic 13px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
	float: none;
	clear: left;
}

img {
		margin:10px 0 5px;
	border-style: none;
}

h1, h2, h3 {
	margin: 0 0 4px;
}

h1 {
	font-size: 20px;
	color: #000;
}

h2 {
	font-size: 16px;
	color: #000;
}

h3 {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000;
	margin: .4em .5em 1em;
}

ul {
	float: left;
	padding: 10px 0 0 20px;
	margin: 0;
	clear: left;
}

li {
	line-height: 18px;
	list-style-type: circle;
	margin: 0;
	padding: 0;
	font-weight: bold;
	position: relative;
	left: 20px;
}

/* @end */

/* @group Main Structure */

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow: visible;
}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding: 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow: visible;
	}
	/* 3 Column settings */
	.threecol {
	background-color: white;
}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;
}
	.threecol .colleft {
		right: 50%;
	border-right: 1px solid #d4d4d4;
	background-color: #f7f7f7;
}
	.threecol .col1 {
		width: 46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;
}
	.threecol .col2 {
		width: 21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width: 20%;			/* Width of right column content (column width minus padding on either side) */
		left: 84%;
	border: 1px solid #b7b68d;
	margin-top: 72px;
	padding: 52px 1% 1%;
	margin-bottom: 20px;
	background-color: #fdfef5;
	overflow: visible;
}

/* @end */

/* @group Footer */

#contact_bar {
		clear:both;
		float:left;
		width:100%;
		border-top: 1px solid #a4a4a4;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	background: #c9d3e3 url(../images/contact.png) no-repeat 10px center;
}

#contact_bar p {
		margin: 0 0 5px;
	font-size: 13px;
	padding-top: 2px;
}

/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top: 1px solid #959595;
	background-color: #f1f3d7;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom: 1px solid #676767;
}
	#footer p {
		padding: 10px;
		margin:0;
	font-size: 10px;
	text-align: center;
}



/* @end */

/* @group Col-Specific Styles */

.col2 img {
	display: block;
	float: left;
	margin: 4px 7px 0 -6px;
	position: relative;
	clear: both;
}

.col2 h1 {
	font-size: 16px;
}

.col2 h2 {
	font-size: 14px;
	border-bottom: 1px solid #b1b1b1;
	clear: both;
}

.col3 h1 {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #bbca77;
	padding: 0;
	margin: 0;
	background: url(../images/main_page/col3_h1_leaf.png) no-repeat right center;
}

.col3 h2 {
	font: 14px Georgia, "Times New Roman", Times, serif;
}

.col1 h1 {
}

/* @end */

/* @group Specific Styles */

p#interested {
	width: 329px;
	padding: 0;
	position: absolute;
	display: block;
	margin: 0;
	top: 10px;
	text-align: left;
}

p#contact_us {
	padding: 0;
	width: 329px;
	margin: 0;
	position: absolute;
	bottom: 10px;
	text-align: left;
}

span.project_title {
	position: relative;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	color: #000;
}

span.project_description {
	position: relative;
	top: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	min-height: 40px;
	display: block;
}

p.section_intro {
	padding: 0;
	margin-bottom: 8px;
	margin-top: 0;
}

p.read_more {
	display: inline-block;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 14px;
	margin-top: 0;
}

/* Elements for Sub-Pages */



#header_bar div.page_title {
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	position: absolute;
	top: 10px;
	left: 180px;
}

#header_bar div.page_subtitle {
	font: 12px Georgia, "Times New Roman", Times, serif;
	display: block;
	position: absolute;
	top: 31px;
	left: 180px;
	text-align: left;
	margin-right: 10px;
	padding: 4px;
	border-bottom: 1px solid #7c7c7c;
	color: black;
}

#header_bar div.page_map {
	text-align: left;
	left: 180px;
	position: absolute;
	display: block;
	top: 73px;
}

h2.photo_section_divider {
	padding-top: 10px;
}

img.thumbnail_array:hover {
	margin: 0px;
	border: 2px solid #4588d8;
}

div.carson_signature {
	font: 13px Georgia, "Times New Roman", Times, serif;
	display: block;
	position: relative;
	text-align: right;
	padding-right: 6em;
}

p.list_heading {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}

div.list_section_outer {
	clear: left;
	float: left;
	width: 100%;
	background: url(../images/box_bottom.png) repeat-x 0 bottom;
	padding: 0 0 8px;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.list_section_inner {
	float: left;
	background: url(../images/box_bg_dot.png) repeat;
	width: 98%;
	padding: 1%;
	border: 1px solid #dee0c7;
	border-bottom-style: none;
}

div.list_section {
	clear: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

div.photo_container {
	margin: 20px auto;
	overflow: auto;
	display: block;
	position: relative;
	max-width: 636px;
	clear: both;
}

div.photo_container img.float_left {
	margin: 4px;
}

div.thumbnail_container {
	float: left;
	clear: both;
	max-width: 300px;
	margin-left: 10px;
}



/* @end */

/* @group Boxes & Graphics */

div#contact_box {
	border: 2px solid #507bb4;
	display: block;
	position: relative;
	text-align: justify;
	padding: 10px;
	overflow: visible;
	font-size: 13px;
	max-width: 460px;
	margin: 40px auto auto;
	background-color: #c9d3e3;
	width: 440px;
	height: 92px;
}

#contact_box img {
	float: right;
	display: block;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
}

#who_we_are {
	display: block;
	position: relative;
	max-width: 500px;
}

div.projects_section {
	background-color: white;
	padding: 0;
	border: 1px solid #d4d4d4;
	float: left;
	position: relative;
	clear: both;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
}

div.projects_wrapper {
	background-color: transparent;
	float: left;
	position: relative;
	clear: both;
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

div.projects_wrapper h2 {
	text-align: center;
}

div.projects_box_corner_tl {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 9px;
	height: 9px;
	background-image: url(../images/main_page/projects_section_topleft.png);
}

div.projects_box_corner_tr {
	position: absolute;
	top: -1px;
	width: 9px;
	height: 9px;
	background-image: url(../images/main_page/projects_section_topright.png);
	right: -1px;
}

div.projects_box_corner_br {
	position: absolute;
	width: 9px;
	height: 9px;
	background-image: url(../images/main_page/projects_section_bottomright.png);
	right: -1px;
	bottom: -1px;
}

div.projects_box_corner_bl {
	position: absolute;
	width: 9px;
	height: 9px;
	background-image: url(../images/main_page/projects_section_bottomleft.png);
	bottom: -1px;
	left: -1px;
}

div#plane {
	background-image: url(../images/main_page/plane.png);
	width: 240px;
	height: 178px;
	margin: auto auto -164px;
	padding: 0;
	top: -164px;
	position: relative;
}

div#blog_icon {
	background-image: url(../images/rudy/blog_icon.png);
	width: 46px;
	height: 41px;
	margin-top: -18px;
	margin-right: -34px;
	float: right;
	position: relative;
}

div#news_icon {
	background-image: url(../images/rudy/news_icon.png);
	width: 42px;
	height: 41px;
	margin-top: -22px;
	margin-right: -32px;
	float: right;
	position: relative;
}

div#contact_box_scrollwork {
	background-image: url(../images/main_page/main_scrollwork.png);
	width: 400px;
	height: 130px;
	position: absolute;
	bottom: -131px;
	left: 32px;
}

/* My Comment */

div#education_top_header {
	width: 100%;
	height: 30px;
	background-color: #79834d;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 5px solid #bbca77;
}

div#education_top_left {
	width: 14px;
	height: 13px;
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url(../images/main_page/col3_top_left.png);
}

div#education_top_right {
	width: 14px;
	height: 13px;
	position: absolute;
	background-image: url(../images/main_page/col3_top_right.png);
	right: -1px;
	top: -1px;
}

div#contact_email_box {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 20px;
	border: 1px solid #507bb4;
	padding: 0;
	position: relative;
	background: #c9d3e3 no-repeat;
}

div#contact_email_envelope {
	width: 63px;
	height: 52px;
	position: absolute;
	background-image: url(../images/contact/envelope.png);
	right: 0;
	top: 0;
}

#contact_email_box h2 {
	border-bottom: 1px solid #51629d;
	margin: 20px 10px 14px;
}

#contact_email_box p {
	margin: 10px;
	padding: 0;
}

#contact_email_box p a {
	font-size: 13px;
}

div#contact_phone_box {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 20px;
	border: 1px solid #507bb4;
	padding: 0;
	position: relative;
	background: #c9d3e3 no-repeat;
}

div#contact_phone_graphic {
	width: 58px;
	height: 58px;
	position: absolute;
	background-image: url(../images/contact/phone.png);
	right: 0;
	top: -4px;
}

#contact_phone_box h2 {
	border-bottom: 1px solid #51629d;
	margin: 20px 10px 14px;
}

#contact_phone_box p {
	margin: 10px;
	padding: 0;
}

div#contact_snail_box {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	border: 1px solid #507bb4;
	padding: 0;
	position: relative;
	background: #c9d3e3 no-repeat;
}



#contact_snail_box h2 {
	border-bottom: 1px solid #51629d;
	margin: 20px 10px 14px;
}

#contact_snail_box p {
	margin: 10px;
	padding: 0;
}

div.box_left_repeat {
	background: url(../images/contact/box_left_repeat.png) repeat-y;
	height: 100%;
	position: absolute;
	width: 123px;
	left: -124px;
	top: 0;
}

div.box_left_top {
	width: 139px;
	height: 7px;
	position: absolute;
	background-image: url(../images/contact/box_left_top.png);
	left: -124px;
	top: -7px;
}

div.box_left_bottom {
	width: 123px;
	height: 7px;
	position: absolute;
	background-image: url(../images/contact/box_left_bottom.png);
	left: -124px;
	bottom: -1px;
}

div.box_right_top {
	width: 10px;
	height: 10px;
	position: absolute;
	background-image: url(../images/contact/box_top_right.png);
	right: -1px;
	top: -1px;
}

div.box_right_bottom {
	width: 10px;
	height: 10px;
	position: absolute;
	background-image: url(../images/contact/box_bottom_right.png);
	bottom: -1px;
	right: -1px;
}

div.partner_box {
	margin: 20px auto;
	padding: 6px;
	position: relative;
	text-align: center;
}

div.partner_box span.heading {
	clear: none;
	margin: 6px;
	display: block;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
}

div.partner_box span.items {
	clear: none;
	padding: 4px;
	margin: 6px;
	display: inline-block;
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: 1px solid #f1f3d7;
}

div.news_article {
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #2f6a37;
	background-color: white;
	position: relative;
	display: block;
	padding: .5em;
}



/* @end */

/* @group Image Styles */

img.centered {
	margin: 20px auto;
	float: none;
	clear: both;
	display: block;
	position: relative;
	border-left-width: 1px;
	border-left-style: dotted;
	padding-left: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-color: #2a5383;
}

img#framed.centered {
	border: 1px solid #666;
	padding: 4px;
	background-color: #a9a961;
}

img#noborder.centered {
	border-style: none;
	padding: 0;
	margin: 14px auto;
	visibility: visible;
}

#header_bar div.header_image_array img {
	padding: 0;
	margin: 0;
	float: none;
	position: relative;
}

img.detail_image {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

img#breadcrumb {
	display: inline-block;
	position: relative;
	margin-left: 9px;
	margin-right: 8px;
	top: 4px;
}

#right_banner {
	float: right;
	margin: 10px 0 10px 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	padding-left: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-color: #2a5383;
}

img#rudy_facebook {
	float: right;
	clear: none;
	margin: 1em 0 1em 2em;
	border-style: none;
}

img.float_left {
	border: 1px solid #666;
	padding: 4px;
	margin: 0 20px 0 0;
	float: left;
	clear: none;
	background-color: #a9a961;
}

img.thumbnail_array {
	margin: 2px;
	float: left;
	clear: none;
	border-style: none;
}



/* @end */