/*reset*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

:focus {
     outline: 0;
}

body {
     line-height: 1px;
     color: black;
     background: #000;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: separate;
     border-spacing: 0;
}

caption, th, td {
     text-align: left;
     font-weight: normal;
}

blockquote:before, blockquote:after,q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}
/*end reset*/
/*typography*/
body { 
  font-size: 75%;
  color: #000; 
  background: #000;
  font-family: Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.4em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1em;}
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; line-height:1em;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; line-height:1em;}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*end typography*/
/*general styles*/

div#container{
	width:800px;
	margin: 0 auto;	
	background: url(../images/htmlbg.jpg) repeat-y;
	color:white;
}
/*end general*/
/*header*/
h1 {
position:relative;
width: 800px;
height: 186px;
font-size:12px;
margin:0;
padding:0;
}
h1 span {
position:absolute;
width:100%;
height:100%;
background:url(../images/homeh1.jpg) no-repeat;
}
/*end header*/
/*navi*/
ul#navi{
	height:36px;
	background: url(../images/navibg.png) no-repeat;
	margin:0;
	padding:0;
}
ul#navi li{
	float:left;
	list-style:none;
	padding:0px 12px;
	font-size:30%;
}
ul#navi li a{
	display:block;
	width:130px;
	height: 35px;
	position:relative;	
	color:#666;
}
ul#navi li a span{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/navi-text.png) no-repeat 25px 7px;
}
ul#navi li#navi-skills a span{
	background-position:-120px 7px;
}
ul#navi li#navi-tip a span{
	background-position:-280px 7px;
}
ul#navi li#navi-news a span{
	background-position:-440px 7px;
}
ul#navi li#navi-links a span{
	background-position:-600px 7px;
}
ul#navi li#navi-skills a{
	width:150px;
}
ul#navi li#navi-tip a{
	width:130px;
}
ul#navi li#navi-news a{
	width:148px;
}
ul#navi li#navi-links a{
	width:120px;
}

/*end navi*/
/*main*/
div#main {
	background: url(../images/contentbg.jpg) no-repeat;
	padding-top:60px;
}
div#main div#tip-container{
	float:left;
	width:190px;
	background:url(../images/tip.png) no-repeat;
	margin: 0 0 0 80px;
}
div#main div#tip {
	background: #c1c1c1;
	border: 2px white solid;
	border-top:none;
	width: 140px;
	margin: 37px 0 3em 10px;
	padding: 15px;
	 font: 120%/160% Arial, Sans-Serif;

}
div#main div#content, div#main div#content-sub{
	float:left;
	width:391px;
	background: #c5c5c5 url(../images/home-content-bg.png) repeat-x;
	margin-left:55px;
	border: 2px solid white;
}	
div#main div#content-sub{
	margin: 0 80px;
	width:640px;
}
 div#main div#content h2 {
	margin:4px 0 0 2em;
	background: url(../images/h2bg.jpg) no-repeat;
	height:42px;
	width:251px;
	text-indent: -300em;
}
div#main div#content-sub h2{
	color:red;
	padding-top: 35px;
	padding-left: 20px;
}
 div#main div#content p,  div#main div#content-sub p{
 	padding-left: 20px ;
 	padding-right: 20px;
 	color: #121010;
 	font: 120%/160% Arial, Sans-Serif;
 }
/*end main*/
/*footer*/
p#footer {
	clear:both;
	text-align:center;
	padding:2.4em 0;
	font: 120% Georgia, Serif;
}
/*end footer*/