/* Global Styles */

html {
  background-image: none;
  width:100%;
}



body {
	margin:0px;
    background-color: #333333;
    background-image: none;
   	font:12px arial;
	color:#ffffff;
	line-height:20px;
	letter-spacing:.1em;
	}

td {
	font:12px arial;
	color:#FFFFFF;
	}

hr {
	height:1px;
	color: #999999;
	border: none;
	}

a:visited, a:link {
	color: #FF3300;
	text-decoration:NONE;
	}

a:hover {
	color: #FF3300;
	text-decoration:UNDERLINE;
	}
a:hover img, a:link img, a:visited img{
  border-style: none;
}

a[href $='.doc'] {
   padding-right: 18px;
   background: transparent url(/images/icon_doc.gif) no-repeat center right;
}

a[href $='.pdf'] {
   padding-right: 18px;
   background: transparent url(/images/icon_pdf.gif) no-repeat center right;
}

a[href $='.xls'] {
   padding-right: 18px;
   background: transparent url(/images/icon_xls.gif) no-repeat center right;
}

a[href $='.xml'] {
   padding-right: 18px;
   background: transparent url(/images/icon_feed.gif) no-repeat center right;
}

a[href $='.rss'] {
   padding-right: 18px;
   background: transparent url(/images/icon_feed.gif) no-repeat center right;
}

a[href ^="/rss/"] {
   padding-right: 20px;
   background: transparent url(/images/icon_feed.gif) no-repeat center right;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/images/icon_mailto.gif) no-repeat center right;
}

a[href ^="http://"] {
   padding-right: 20px;
   background: transparent url(/images/icon_external.gif) no-repeat center right;
}


a[class ="popup"]  {
   padding-right: 18px;
   background: transparent url(/images/icon_popup.gif) no-repeat center right;
}

/* ID Styles */

#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}


#logo {
	font:20px century gothic;
	line-height:30px;
	letter-spacing:.4em;
    font-weight: bold;
    color: #ffffff;;
    vertical-align: middle;
    padding-top: 30px;
    Padding-left:165px;
}

#header {
  background: #000000 url(../images/blackhead_bg.jpg) repeat-x center top;
  width: 100%;
  height:110px;
  border-bottom-color: #8B0000;
  border-bottom-style: double;
  border-bottom-width: thick;



}

#tagline {
	font:14px century gothic;
	color: #999999;
	line-height:18px;
	letter-spacing:.7em;
    vertical-align: middle;
    padding-top:5px;
    Padding-left:165px;
    width:650px;
	}

#dateformat a {
	color:#99CCFF;
	font:11px century gothic;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}

#dateformat a:hover {
	color: #ffffff;
	}

#maincontent{
  width:500px;
  border:2px #FF0000;
  top: 125px;
  color: #FFFFFF;
  position: absolute;
  left: 175px;
  padding-right: 5px;
}

#maincontent_full{
  width:100%;
  top: 125px;
  color: #FFFFFF;
  position: absolute;

}

#maincontent ul {
   list-style-position: inside;
}

#maincontent_full ul li{
text-indent: 0px;
list-style-type: disc;
list-style-position: inside;

}

#navigation{
    margin:0px;
    padding-right:10px;
    Padding-top:0px;
    float:left;
    width: 140px;
    height: 2000px;
    list-style-type: none;
    }

#navigation ul {
	font:11px century gothic;
	color: #FF0000;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:0.2em;
	line-height:25px;
	display:block;
    list-style: none;

}

#navigation ul ul {
   color: #FFFFFF;
   display:block;
   list-style: none;
   list-style-position: outside;

}

#navigation ul li{
   text-indent: -40px;
   list-style-type: none;
}

#navigation ul ul li{
   text-indent: -65px;
   list-style-type: none;
}

#admin ul {
  font:14px arial;
}

#admin ul li {
  line-height:20px;
  list-style-type: none;

}

#admin ul ul li {
  font:13px arial;
  text-indent: 40px;
}

#admin ul img {
    padding:0px 2px 0px 2px;
}


#recentprojects{
  width: 230px;
  float: right;
  padding-right: 25px;
  padding-left: 25px;
}

#recentprojects h1 {
	font:16px century gothic;
	color: #ffffff;
	letter-spacing:.1em;
	line-height:16px;
    font-weight: bold;
	}

#recentprojects h2 {
	font:12px arial;
	color:#ffffff;
    letter-spacing:.1em;
    text-align: justify;
    color:#dddddd;
	}

#recentprojects h3 {
	font:12px arial;
	color:#ffffff;
    letter-spacing:.1em;
    text-align: justify;
    color:#999999;
	}

#recentprojects p {
  text-align: right;
}

.recentprojectphoto {
    max-width:150px;
    margin: auto;
}

.blogprojectphoto {
    max-width:150px;
    margin: auto;
}

.blogprojectphoto_single{
	float:left;
	padding-right: 10px;
}

#wrapper
 {
  width:100%;
}


#bodyText {
	font:12px arial;
	color:#ffffff;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
    text-align: justify;
	}

#footer{
  bottom: 0px;
  position: fixed;
}



/* Class Styles */

p {
	font:12px arial;
	color:#ffffff;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
    text-align: justify;
	}

h9{
	font:24px century gothic;
	color: #ffffff;
	line-height:20px;
	letter-spacing:.1em;
    font-weight: bold;
	}

h1{
	font:20px century gothic;
	color: #ffffff;
	line-height:20px;
	letter-spacing:.1em;
    font-weight: bold;
	}


h2 {
	font:16px century gothic;
	color: #ffffff;
	letter-spacing:.1em;
	line-height:16px;
    font-weight: bold;
    text-align: justify;
	}

h3 {
	font:12.5px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
    font-weight: bold;
    text-align: justify;
	}

h4 {
  font:10px arial;
  color:#999999;
  text-align: left
}

.sidebarHeader {
	font:16px century gothic;
	color: #ffffFF;
	letter-spacing:.1em;
	line-height:16px;
    font-weight: bold;
	}

.copyright {
  font:10px arial;
  color:#999999;
  text-align: left
}

.blogger-labels {
  font:12px arial;
  color:#999999;
}

.label
 {  font:12px arial;
	color:#ffffff;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
    text-align: left;
    text-transform: capitalize;
}

.normal
 {
	font:12px arial;
	color:#ffffff;
	letter-spacing:.1em;
}

#template_chooser{
  float:right;
}

.comment {
  background-color: #a7a3df;
  border-width: thin;
  border-color: #070064;
  border-style: solid;
  padding: 2px;
}

.button {
  text-align: center;
  padding-left: 10px;
}

.error  {
  background-color: #FFAA9D;
  border-width: 1px;
  border-color: #ff0000;
  border-style: solid;
  padding: 2px;
  font-weight: bold;
}

#alert{
  width: 75%;
  margin-left:Auto;
  margin-right:auto;
  padding-right: 10px;
  padding-left:85px;
  padding-bottom: 15px;
  text-align: justify;

}

#alert h1{
  text-align: center;
  padding-right:85px;
  font-size: 1.25em;
  padding:0px;
  color:#000000;
}

#alert p{
  color: #000000;
}


#alert a{
  color:#000000;
  text-align: right;
  font-weight: bolder;
  padding-bottom:
}

.alert_info{
    Border:2px solid #0000ff;
    background: #8080ff url(/images/alert_blue.png) no-repeat center left;
}

.alert_clear{
    Border:2px solid #00ff00;
    background: #80ff80 url(/images/alert_green.png) no-repeat center left;
}

.alert_medium{
    Border:2px solid #FFFF00;
    background: #ffff80 url(/images/alert_yellow.png) no-repeat center left;
}

.alert_high{
    Border:2px solid #ff0000;
    background: #FF8080 url(/images/alert_red.png) no-repeat center left;
}

.tr_alert_high{
    color: #000000;
    background: #FF8080;
}

.tr_alert_info{
    color: #000000;
    background: #8080ff;
}

.tr_alert_clear{
    color: #000000;
    background: #80ff80;
}

.tr_alert_medium{
    color: #000000;
    background: #ffff80;
}

.tr_alert_high{
    color: #000000;
    background: #FF8080;
}

#gmap {
	position:absolute;
	right:10px;
	top:25px;
	width:372px;
	height:262px;
	z-index:1;
}

#map {
  margin-left: 10px;
  width: 98%;
  height: 600px;
}

.map_footer{
  font-size: 0.65em;
  font-style: italic;
}