/* CSS Document */

body {
	background:url(../images/bg_master.jpg);
	margin:0px auto 0px;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#fff;
}

#bodycontent a, #bodycontent_b a {
	color:#CC0000;
	text-decoration:none;
}

#bodycontent a:hover, #bodycontent_b a:hover {
	color:#FFF;
	text-decoration:underline;
}

.projectDetCopy {
	color:#FFFFE6;
}

.customt2 { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#A4A400; 
	font-style:italic;
	border-bottom:1px dotted #A4A400;
}

.customt { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:15px; font-weight:normal; 
	color:#DFEFFF; 
	letter-spacing:1px;
}

#bodycontent h2, #bodycontent_b h2 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:28px; font-weight:normal; 
	color:#FFF;}

#bodycontent em, #bodycontent_b em { 
	font-style:italic;}

#bodycontent p, #bodycontent_b p { 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; 
	color:#9FAAB2; font-weight:normal; 
	margin:0px 0px 15px; line-height:160%;}

#bodycontent p.yellow, #bodycontent_b p.yellow { 
	color:#F4F4F4;}

#bodycontent h3, #bodycontent_b h3 { 
	font-size:24px; font-weight:normal; 
	color:#FFF; margin:0px 0px 15px 0px;}

#bodycontent td,#bodycontent_b td { 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; 
	color:#9FAAB2; font-weight:normal; }

#box td { 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; 
	color:#9FAAB2; font-weight:normal; }

#box a { 
	color:#FFF;}

h1 {
	margin:0px;
	padding:0px;
	font-size:22px;
	color:#9FAAB2;
	font-weight:bold;
}

h2 {
	margin:0px;
	padding:0px;
	font-size:16px;
	color:#9FAAB2;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#fff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

h4 {
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#333;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

p,li {
	margin:0px 0px 12px 0px;
	padding:0px;
	font-size:14px;
	color:#9FAAB2;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.copya {
	font-size:12px;
	color:#9FAAB2;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#leftcontent {
	width:250px;
}

#bodycontent {
	text-align:left;
	width:650px;
	height:480px;
}

#bodycontent_b {
	text-align:left;
	width:650px;
}

#wrapper {
	position:relative;
	background:url(../images/bg.png) no-repeat top center;
	width:1024px;
	margin:0px auto 0px;
	z-index:100;
	clear:both;
}

#footer {
	width:900px;
	margin:0px auto 0px;
	padding:20px 0px 0px 0px;
	z-index:100;
	clear:both;
}

#navigation {
	width:900px;
	position:absolute;
	z-index:200;
	margin:85px 273px 0px 0px;
}

#logo {
	padding:7px 0px 0px 337px;
}

#subpgNav {
	width:900px;
	margin:-16px 125px 0px 0px;
}

#box {
	position:relative;
	width:900px;
	min-height:550px;
	border:1px solid #868B90;
	margin:30px auto 0px auto;
	padding:25px 15px 15px 15px;
	clear:both;
	z-index:1;
}

.copy {
	font-size:12px;
	color:#9FAAB2;
	padding:0px;
	margin:0px;
	font-style:italic;
}

.footerCopy {
	font-size:12px;
	color:#9FAAB2;
	line-height:140%;
	padding:0px;
	margin:0px;
}

#clear {
	clear:both;
}

#projImages {
	padding:10px 0px 0px 0px;
}

#projImages img {
	margin-right:10px;
	border:1px solid #CCC;
}

#projContaienr {
	position:relative;
	padding:10px 0px 0px 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	clear:both;
}

.projectImagesWidth {
	position:relative;
	width:440px;
	height:auto;
}

#projInfo {
	float:left;
}

.projShow {
	float:right;
	width:282px;
	margin-right:10px;
}

.projShow .next {
	background:url(../images/arrow_down.png) no-repeat;
	height:20px;
	width:20px;
	cursor:pointer;
	margin:10px 0px 0px 0px;
}

.projShow .prev {
	background:url(../images/arrow_up.png) no-repeat;
	height:20px;
	width:20px;
	cursor:pointer;
	margin:0px 0px 10px 0px;
}

button {
	margin:0px; 
	padding:0px; 
	border:0px;
}

#projBlock {
	height:70px; 
	width:280px; 
	background:url(../images/bg_trans.png) repeat-x;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
}

.projBlockClass {
	float:left; text-align:left;
	margin:10px 0px 0px 10px;
	width:178px;
}

.projThumbImg {
	float:right;
	width:92px;
}

.modal {
	cursor:pointer;
}

#leftnav {
	padding:40px 0px 0px 0px;
}

#leftnav a {
	display:block;
	background:url(../images/bg_leftnav.png) no-repeat;
	width:231px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-size:11px;
	color:#9FAAB2;
	text-decoration:none;
	padding:0px 0px 0px 30px;
	margin:0px;
	letter-spacing:3px;
}

#leftnav a:hover {
	color:#FFF;
}

.on {
	color:#FFF;
	display:block;
	background:url(../images/bg_leftnav.png) no-repeat;
	width:231px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	padding:0px 0px 0px 30px;
	margin:0px;
	letter-spacing:3px;
}

#newssmbox {
	padding-bottom:20px;
	width:200px;
}

#pad_r {
	margin-right:15px;
	width:100px;
}

#pad_l {
	width:420px;
}

.borderw {
	border:1px solid #9FAAB2;
	padding:1px;
}

#newssmbox a {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	line-height:130%;
}

#newssmbox span {
	font-size:11px;
	color:#9FAAB2;
	text-decoration:none;
	line-height:130%;
}

#newssmbox a:hover {
	color:#999;
}

#newsbox a:hover {
	text-decoration:none;
}

#bar {
	background:url(../images/bar.png) no-repeat;
	width:369px;
	height:10px;
	margin:25px auto 10px;
}

#panel {
	float:left;
	width:200px;
	margin:20px 10px 0px;
	color:#9FAAB2;
	font-size:11px;
	text-decoration:none;
}

#panel a{
	color:#FFF;
	text-decoration:none;
}

#panel a:hover{
	text-decoration:underline;
}

.col {
    border-right: 1px dotted #666;
    float: left;
    margin-right: 0;
    width: 280px;
	padding-top:10px;
}

#col3 {
	border:none;
}

#col2, #col3 {
	padding-left:20px;
}

.td_height {
	height:30px;
}

/*extras*/

.colt {
    float: left;
    width: 240px;
	padding-top:10px;
}

#colgap {
	margin-right:60px;
}

.dottedbar {
	width:100%; height:10px; border-bottom:1px dotted #666;
}

.height {
	height:4px;
}

.f12 {
	font-size:12px;
}

.pname {
	margin-right:5px; width:215px;
}

.pyear {
	width:20px;
}

.pthumbs {
	width:300px;
}

.pimage {
	width:300px; 
	height:250px; 
	border:1px solid #666; 
	padding:2px;
}

.pdetails {
	padding-left:20px; 
	width:320px;
}

.mb {
	margin-bottom:4px;
}

.pointer {
	cursor:pointer;
}

.btn_mored {
	padding:20px 0px 0px 0px;
}

.borderbtm {
	border-bottom:1px dotted #FFF;
}

.marginr {
	margin-right:6px;
}

.bgcataward {
	background:url(../images/bg_awardcat.png) repeat-x;
	padding:4px;
}