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;
}
ol, ul {
	list-style: none;
}

p{

padding:10px 0px;
}

a{
color:#66e;
text-decoration:none;
padding:1px;
}
a:hover{
color:#ccc;
}

input{
background-color:#eee;
border:1px solid #ddd;
}

body  {
       	line-height: 1.5;
	font-size: 14px;
        
font-family: Geneva, Arial, Helvetica, sans-serif;
background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #222222;
}
.twoColFixRtHdr #container { 
	width: 950px;  
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	background:url("http://www.osicoding.com/public/images/header2.jpg") no-repeat;
        height:300px;
	padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
        position:relative;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; 
	padding:0; 

}

#logo{
position:absolute;
top:10px;
left:10px;
}
#slogan{
position:absolute;
top:50px;
left:80px;
font-size:1.55em;
color:#000;
font-family:Arial;


}

ul.techlist{
padding-left:15px;
}
ul.techlist li{
list-style-type:circle;
padding:2px 0px;
}

#contactmenow{
display:block;
background:url("http://www.osicoding.com/public/images/mail.png") no-repeat;
width:62px;
height:64px;
text-align:center;
font-size:11px;
line-height:90px;
}

#search{
position:absolute;
top:10px;
right:10px;
}

#menu{
position:absolute;
top:228px;
left:25px;
}
#menu li{
display:inline;
padding-right:25px;
}


.twoColFixRtHdr #sidebar1 {
	float: right; 
	width: 255px; 
	padding:0px 15px;
}

#sidebar-content{
padding-top:0px;

}
#sidebar-content ul{

}
#sidebar-content h2{

padding:20px 0px 5px 0px;
color: #222;
font-size:1.2em;
border-bottom:3px solid #444;
margin-bottom:10px;


}
#mainContent #flash{

overflow:hidden;
}
#mainContent h1{
font-size:1.25em;
color: #222222;
padding:0px 0px 25px 0px;
}
#mainContent h1 span{
color:#66f;
}

#mainContent h1 em{
font-size:.9em;
}
#mainContent p{
font-size:1.1em;
}

.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; 
	padding:10px 10px 100px 15px;
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px;
	     
} 
.twoColFixRtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
text-align:center;
color:#111;

}
#footer a{


}

#footer-menu li{

display:inline;
}

#footer-menu{
text-align:center;

}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}