/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:"Comic Sans Ms", "Lucida Grande", "Trebuchet MS", sans-serif;
font-size: 1.25em;
}
/* layout*/
#container {
width: 100%;
}
#banner{
background-image: url(images/gradient.jpeg);
background-repeat: repeat-x;
height: 150px; 
height: 200px;/*needs both height for ie 6*/
}
/*bar under banner*/
#spacer {
background-color: #8518A4;
height: 35px;
padding: 0;
}
/*styling for banner and spacer*/
/*web- styling for email address*/
.web {
color:#FFFFFF;
font-size: 1em;
margin-left:75%;
}
/*keeping it simple slogan*/
h2#slogan
{
margin-left: 15em;
margin-top: -1em;
font-family: 'Cataneo BT', arial,sans-serif;
font-size: 1.5em;
color:#FFFFFF;
}
/*image placement*/
img#screen {
margin-left: 80%;
margin-top: -5.5em;
}
img#kis {
margin-left: 2em;
margin-top: 1em;
} 

/*content of page*/
/*wrapper for content*/
#contentwrapper{
float: left;
width: 100%;
}
/* main content*/
#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
padding-left: 4em;
padding-top: 5em;
padding-bottom: 5em;
padding-right: 4em;
}
/*inner so content can be padded */
#content_inner{
padding-left: 2em;
padding-right: 2em;
/*border-style: solid;
border-width: 3px;
border-color: #853392;*/
}


/*navigation*/
#rightcolumn{
float: right;
width: 180px; /*Width of right column in pixels*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth 200) */
margin-top: 5em;
font-size: .75em;
}
/*navigation styling*/
#rightcolumn ul {
list-style: none;
}
#rightcolumn li {
border-bottom: 5px solid #FFFFFF;
}
#rightcolumn a:link, #rightcolumn a:visited {
display: block;
text-decoration: none;
padding: 0 0 0 .5em;
border-left: 12px solid #8518A4;
background-color: #A63DC4;
color:#FFFFFF;
}
#rightcolumn li a:hover {
background-color: #8518A4;
}

/*bottom of page footer*/
#footer{
clear: left;
width: 100%;
background-color: #8518A4;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
text-decoration: none;
color: #FFFFFF;
}
/* styling for hr & table in portfolio page*/
a img {
border: none;}
hr {
color: #8518A4;
background-color: #8518A4;
height: 2px;
}
td {
vertical-align: top;
}