/*undohtml.css by Tantek Celik (CC) 2004*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none;outline:none; }
a{outline:none; }
address { font-style:normal }

/*Site CSS*/
body{
background:#fff url(background.jpg) top left repeat-x;
overflow-x:hidden;
}
div.wrap{
width:1000px;
margin:0 auto;
}

/*********************************************
			HEADER
*********************************************/
div.header{
height:101px;
width:1000px;
overflow:hidden;
}
div#jBall{
top:-10px;
width:89px;
height:90px;
background:transparent url(J_logo.png) top left no-repeat;
_background:transparent url(j_Logo.gif) top left no-repeat;
position:absolute;
cursor:move;
z-index:10;
}
div.ustin{
margin-left:91px;
_margin-left:45px;
width:132px;
height:45px;
background:url(ustin.jpg) top left no-repeat;
}
div.maier{
width:157px;
height:45px;
background:url(maier.jpg) top left no-repeat;
}
div.com{
width:131px;
height:45px;
background:url(com.jpg) top left no-repeat;
}
div.header div{
float: left;
margin-top:20px;
}
div.rss{
margin-top:20px;
background:url(rss.gif) top left no-repeat;
}
div.rss a{
display:block;
width:30px;
height:40px;
}
/*********************************************
			NAVIGATION
*********************************************/
ul.nav{
display:block;
float:right;
height:30px;
width:570px;
margin:8px 0 0;
}
ul.nav li{
display:inline;
}
ul.nav li a{
display:block;
float:left;
width:142px;
height:30px;
padding:8px 0;
text-align:center;
background:url(nav.jpg) top center no-repeat;
color:#fff;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}
ul.nav li a:hover, ul.nav li a.active{
background:url(nav_act.jpg) top center no-repeat;
color:#4b83b7;
}

/*********************************************
			Homepage Content
*********************************************/
div#contentarea.homepage div{
margin-top:5px;
}
div#contentarea.homepage div.top, div#contentarea.homepage div.bottom{
width:1000px;
float:left;
}
div.news, div.images{
float:left;
width:359px;
}
div#contentarea.homepage div.projects, div.happening{
float:right;
width:507px;
}

/*********************************************
			Homepage Headers
*********************************************/
div#contentarea.homepage h2, div#contentarea.projects h2{
font:45pt "Century Gothic";
text-align:center;
width:359px;
font-weight:bold;
color:#dad7c8;
letter-spacing:-3px;
background:url(med_border.png) bottom left no-repeat;
_background:url(med_border.gif) bottom left no-repeat;
padding-bottom:17px;
position:relative;
z-index:3;
}

div#contentarea.homepage div.projects h2, div#contentarea.homepage div.happening h2, div#contentarea.projects div.projects h2, div#contentarea.projects div.projectnews h2{
width:507px;
font-weight:bold;
background:url(large_border.png) bottom left no-repeat;
_background:url(large_border.gif) bottom left no-repeat;
}

/*********************************************
		Homepage Content Styling
*********************************************/
ul#news, ul#whatshappening, ul#projectnews{
margin-top:-5px;
}
ul#news li a img, ul#whatshappening li a img, ul#projectnews li a img{
display:block;
margin-left:8px;
}
ul#news li a, ul#whatshappening li a, ul#projectnews li a{
color:#c3c0b3;
display:block;
height:33px;
background:#fff;
font-family:Century Gothic;
font-size:10px;
}
ul#news  li a b, ul#whatshappening li a b, ul#projectnews li a b{
font-size:15px;
color:#a8a59a;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-0.01em;
cursor:pointer;
margin-top:-15px;
line-height:16px;
}
ul#news  li a b{
width:290px;
}
ul#whatshappening  li a b, ul#projectnews li a b{
width:400px;
}
ul#imagelife{
width:320px;
margin:0 auto;
}
ul#imagelife li{
display:inline;
}
ul#imagelife li a img{
float:left;
margin:0 5px 5px 0;
}
ul#latestprojects li{
display:inline;
}
ul#latestprojects li a{
display:block;
float:left;
width:165px;
background:url(latest_bg.jpg) top center no-repeat;
text-align:center;
font:26px "Century Gothic";
font-weight:bold;
color:#c8c5b7;
position:relative;
z-index:4;
}
ul#latestprojects li a img{
display:block;
margin:17px auto;
width:130px;
height:130px;
}

/*********************************************
		Blog Content Styling
*********************************************/
div#contentarea.blog{
padding-top:10px;
}
div#content{
width:679px;
float:left;
font-family:Arial, Helvetica, sans-serif;
padding:0 20px 0 10px;
}
div#content h1 a{
display:block;
text-decoration:none;
font:36px Century Gothic;
color:#4b83b7;
margin:0 -20px 0 -10px;
padding:0 10px 15px 10px;
background:url(blogHeader_border.jpg) bottom left no-repeat;
font-weight:bold;
letter-spacing:-0.02em;
}
div#content h1 a:hover{
color:#5695D1;
}
div#content h2,h3,h4{
color:#a8a59a;
font-weight:bold;
font-family:Century Gothic;
}
div#content h2{
font-size:30px;
}
div#content h3{
font-size:24px;
}
div#content h4{
font-size:18px;
}
div#content p.tags{
font-size:12px;
color:#999;
margin:-6px 0 10px 0;
line-height:auto;
}
div#content p.tags a{
font-weight:bold;
color:#a8a59a;
}
div#content p{
font-size:16px;
color:#333;
margin:0 0 10px 0;
line-height:20px;
}
div#content p.pullquote{
float:right;
width:250px;
margin:5px;
background:#e5e2d2 url(quote.gif) 4px 4px no-repeat;
padding:6px 10px 10px 34px;
font:30px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#b2afa3;
}
div#content a{
color:#4b83b7;
text-decoration:underline;
}
div#content blockquote{
padding:5px 0 0 30px;
color:#a8a59a;
font:18px Arial, Helvetica, sans-serif;
background:url(quote.gif) top left no-repeat;
}
div#content ul{
margin:0 0 5px 0;
}
div#content ul li{
padding:3px 0 3px 15px;
color:#333;
background:url(bullet.jpg) 0px 9px no-repeat;
}

/*********************************************
		Blog Sidebar Styling
*********************************************/
div#sidebar{
border-left:1px solid #a8a59a;
margin:30px 0 20px 699px;
padding-left:10px;
}
div#sidebar dl{
margin:0;
padding:0;
}
div#sidebar dt{
font:50px "Century Gothic";
font-weight:bold;
color:#dad7c8;
letter-spacing:-3px;
}
div#sidebar dd{
margin:0;
padding:0 5px 0 5px;
}
div#sidebar dd a{
display:block;
color:#a8a59a;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0 0 0 5px;
}
div#sidebar dl dd input, div#sidebar dl dd textarea{
display:block;
width:258px;
/width:254px;
_width:251px;
border:0px;
margin-left:-1px;
border:1px solid #999;
padding:0 10px 0 10px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666;
}
div#sidebar dl dd input{
font-weight:normal;
font-size:18px;
line-height:20px;
}
div#sidebar dl dd textarea{
height:100px;
}
div#sidebar dl dd ul li{
font-size:10px;
color:#999;
padding-left:5px;
}
hr{
clear:both;height:0;margin:0;padding:0;visibility:hidden;
}

/*********************************************
		Blog Comment Styling
*********************************************/
div#comments{
background:#e5e2d2;
position:absolute;
width:100%;
left:0;
margin-top:54px;
_margin-top:34px;
}
div#comments h1{
position:absolute;
font:54px Century Gothic;
letter-spacing:-3px;
padding:0 0 0 5px;
color:#c8c5b7;
margin-top:-53px;
font-weight:bold;
}
dl.comments{
margin:0 30px 0 30px;
padding:10px 0 10px 0;
}
dl.comments dt a{
color:#c8c5b7;
}
dl.comments dt a:hover{
color:#a8a59a;
}
dl.comments dt{
font:30px Century Gothic;
color:#c8c5b7;
padding:0 0 0 10px;
font-weight:bold;
margin-bottom:-6px;
position:relative;
z-index:3;
letter-spacing:-2px;
text-transform:uppercase;
}
dl.comments dd{
font:16px Century Gothic;
color:#fff;
font-weight:bold;
background:#c8c5b7;
width:590px;
padding:5px 10px 10px;
margin:0;
}
dl.comments dd a{
color:#fff;
text-decoration:underline !important;
}


/*********************************************
			Projects Headers
*********************************************/
div#contentarea.projects div.leftSection{
float:left;
width:507px;
}
div#contentarea.projects div.projects{
width:507px;
padding-top:10px;
}
div#contentarea.projects div.allprojects{
margin-top:10px;
width:359px;
float:right;
}
div#contentarea.projects div.projectnews{
width:507px;
padding-top:10px;
}
ul#allprojects{
margin-top:-5px;
}
ul#allprojects li{
border-bottom:1px solid #c8c5b7;
}
ul#allprojects li a{
display:block;
height:89px;
margin:0 !important;
width:100%;
background:#fff;
}
ul#allprojects li a:hover{
background:url(projects_act.jpg) top left repeat-x;
}
ul#allprojects li a img{
float:left;
margin:5px 20px 5px 5px;
width:65px;
height:65px;
}
ul#allprojects li a{
margin:0 0 0 90px;

font:36px Century Gothic;
line-height:70px;
color:#c8c5b7;
font-weight:bold;
}

/*********************************************
			Span Classes
*********************************************/
.x{
display:none;
}
div.loading{
width:24px;
height:24px;
background:url(ajax-loader.gif) top left no-repeat;
margin:20px auto;
}
b{
color:#c8c5b7;
}