/* undohtml.css */

/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */

/*   http://creativecommons.org/licenses/by/2.0                   */

/* This style sheet is licensed under a Creative Commons License. */



/* Purpose: undo some of the default styling of common (X)HTML browsers */



/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }



/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }



h1, h2, h3, h4, h5, h6, p

{

	font-size: 100%;

}



/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd

{ margin:0; padding:0 }



/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }



/* de-italicize address */

address { font-style:normal }


/* CSS Document */

body { margin: 0px 0px 0px 0px; background: #303030; }
html { min-height: 100%; margin-bottom: 1px; }

#container { margin: 0 auto; background: #FFFFFF url(images/ctbg.gif) no-repeat;  width: 750px;margin-top: 20px; }
#topheader { height: 19px; border-bottom: 1px solid #777777; color: #ff6600;	width: 750px; }
#theader { font-family: Impact, Sans-serif;	font-size: 36px; color: #303030;	background: url(images/logo.gif) no-repeat 0;	margin-left: 18px; margin-top: -5px; margin-bottom: -5px; padding-left: 35px; width: 697px; }
#theadert { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #ff6600; padding-left: 73px; }
#mainbanner, #mainbanner span { width: 750px;	height: 85px;border-bottom: 1px solid #303030;background: url(images/mainbanner4.gif) no-repeat;padding-top: 30px;	padding-bottom: 20px;	font-family:Tahoma, sans-serif;	font-size: 26px;	font-weight : bold;			color: #fff;}


#nav { border-top: 5px solid #303030;	width: 750px; }
#nav ul { margin: 0 0 0 155px; }
#nav li { list-style-type: none; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#nav li a { text-decoration: none; color: white; background:#303030 url(images/navbg.gif) no-repeat; width: 100px; height: 17px; padding-top: 5px; display: block; float: left; text-align:center; }
#nav li a:hover { text-decoration: underline; color: white; background:#ffffff url(images/navbg3.gif) no-repeat; width: 100px; height: 17px; padding-top: 5px; display: block; float: left; text-align:center; }
#content { float: none; clear:both; width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.8px;
	font-size: 24px;
	color: #303030;
	margin: 0 0 0 0;
	padding-left: 24px;
	padding-top: 16px;
	padding-bottom: 12px;
}
h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	margin: 0 0 0 43px;
	padding-top: 0px;
}
#footer {
  width: 750px;
  margin: 0 auto;
	background:url(images/footer.gif) no-repeat;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
}
#footer a { color: #ff6600; text-decoration: none; }
#p404 {
  margin: 0 auto;
	padding-top: 20px;
	width: 400px;
	height: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.intro {
  margin-top: 5px;
  padding-left: 37px;
	padding-right: 30px;
  width: 683px;
	padding-top: 12px;
  height: 153px;
  background: url(images/introbg.gif) no-repeat #FFF;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
	line-height: 13px;
}
div.content { width: 740px; padding: 5px;}
hr { margin-left: 50px; height: 0px; border-top: 2px dashed #FF6600;}
.post {width: 650px; margin: 0 auto; padding-top: 5px; padding-bottom: 10px;}
#content a { color: #ff6600; text-decoration: none; }
label { margin-left: 50px; width: 150px; height: 20px; display: block; float: left; }
b { color: #ff6600;}
strong {color: #000000;}

/* News Start */
ul.news {
	margin: 0;
	padding-left:18px;
	list-style: none;
}
.news li {
	margin: 0 0 0px 0;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
}
.news span {
	margin: 0px 0px 0px 10px;
}

.news p {
	font-family:Tahoma, sans-serif;
	font-size:13px;
	font-weight : normal;
	margin: 0px 10px 0px 10px;
	padding-right:11px;
}

.news h2 {
	font-family:Tahoma, sans-serif;
	font-size: 20px;
	font-weight : bold;	
	color: #ff6600;
	padding:0;
	margin: 0px 0px 2px 10px;
}

.news div {
float: left;
	margin: 0 0 0 5px;
}

/* News Ends, Portfolio below */
ul.port {
	margin: 0;
	padding-left:29px;
	margin-bottom:20px;
	list-style: none;
}
.port li {
	margin: 0 0 30px 0;
	padding: 5px;
}
.port span {
	margin: 0px 0px 0px 120px;
}

.port p {
	margin: 0px 10px 0px 120px;
	padding-right:11px;
	font-family:Tahoma, sans-serif;
	font-size:13px;
	font-weight : normal;
}

.port h2 {
	padding:0;
	margin: 0px 0px 2px 120px;
	color: #ff6600;
	font-weight : bold;
	font-family:Tahoma, sans-serif;
	font-size: 20px;
}

.port div {
float: left;
	margin: 0 0 0 5px;
}
/* port ends */
.stdPadding {
	padding-left:45px;
}

a {
	font-weight : bold;
}

.replaceTextImage 

{

	position:relative;

	margin:0px; padding:0px;

	/* hide overflow:hidden from IE5/Mac */

	/* \*/

	overflow: hidden;

	/* */

}

.replaceTextImage span

{

	display:block;

	position:absolute;

	top:0px;

	left:0px;

	z-index:1;

}