/*reset style from eric meyer*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    font-family: Calibri, Verdana, sans-serif;
    font-size: 62.5%;
    line-height: 2em;

}
    a:link {
color: #000000;
}
    a:visited {
color: #000000;
}


#wrapper {
    margin: 0 auto;
    width: 960px;
	background: #ffffff;
}

#header {
}
#sidebar {
    width: 320px;
    float: right;
    color: #ffffff;
    background-color: #0e512e;
    margin-left: 10px;
}

.sidebarpic {
    margin: 5px;
    width: 140px;
    float: right;
}
#sidebar p {
text-align: right;
width: 320px;
float: right;
}
#sidebar ul {
list-style-type: none;
width: 150px;
float: left;
margin-left: 10px;
font-size: 1.2em;
}

#sidebar a:link{
color: #ffffff;
}

#sidebar a:visited{
color: #ffffff;
}

#nav {
	margin: 0 auto; 
	background-color: #0e512e;
	width: 960px;
    height: 50px;
}
#nav ul {
	list-style-type: none;
}
#nav ul li {
	width: 75px;
	height: 50px;
	border-right: 1px solid #000000;
	float: left;

}
#nav ul a {
	display: block;
	width: 75px;
	height: 50px;
	text-decoration: none;
}
#nav li a{
	background-color: #0e512e;
}
span {
	visibility: hidden;
}
#button1 {background-image: url(../images/button1.png);}
#button2 {background-image: url(../images/button2.png);}
#button3 {background-image: url(../images/button3.png);}
#button4 {background-image: url(../images/button4.png);}
#button5 {background-image: url(../images/button5.png);}

#button1:hover {background: url(../images/button1.png) 0px 50px;}
#button2:hover {background: url(../images/button2.png) 0px 50px;}
#button3:hover {background: url(../images/button3.png) 0px 50px;}
#button4:hover {background: url(../images/button4.png) 0px 50px;}
#button5:hover {background: url(../images/button5.png) 0px 50px;}

#multi1 {background-image: url(../images/projects/flash1.png);}
#multi2 {background-image: url(../images/projects/kick.png);}
#multi3 {background-image: url(../images/projects/mro.png);}
#multi4 {background-image: url(../images/projects/dmitri.jpg);}
#multi5 {background-image: url(../images/projects/slide.jpg);}
#multi6 {background-image: url(../images/projects/roop.jpg);}
#multi7 {background-image: url(../images/projects/type.png);}

#multi1:hover {background: url(../images/projects/flash1.png) 0px 140px;}
#multi2:hover {background: url(../images/projects/kick.png) 0px 140px;}
#multi3:hover {background: url(../images/projects/mro.png) 0px 140px;}
#multi4:hover {background: url(../images/projects/dmitri.jpg) 0px 140px;}
#multi5:hover {background: url(../images/projects/slide.jpg) 0px 140px;}
#multi6:hover {background: url(../images/projects/roop.jpg) 0px 140px;}
#multi7:hover {background: url(../images/projects/type.png) 0px 140px;}

#content {
    width: 620px;
    clear: left;
    float:;
    padding: 10px;
    background-color: #ffffff;
}
#content p {
font-size: 1.5em;
}
#content h1{
font-size: 2.4em;
line-height: 3em;
font-family: 'Georgia', 'Courier New', 'Serif';
}
#content h3{
font-size: 2.2em;
line-height: 2em;
font-family: 'Georgia', 'Courier New', 'Serif';
}
#content ol {
list-style-type: none;
}
#content ul {
list-style-type: none;
}
#content ul li {
font-size: 1.5em;
}
#content ol li {
	width: 194px;
	height: 140px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;

}
#content ol a {
	display: block;
	width: 194px;
	height: 140px;
	text-decoration: none;
}
#footer {
    font-size: 8px;
    padding: 10px;
    background-color: #ffffff;
	clear: both;
}