* {font-size: 100%; padding: 0; margin: 0;}
body {margin: 0; padding: 0;
  background: white url(bodybg.gif) 0 0 no-repeat; color: #202020;
  font: 0.86em/1.333 Arial, Helvetica, sans-serif; margin: 0; padding: 0;
   min-width: 40em; margin: 0 auto;}
a:link {color: #4682B4; text-decoration:underline;}
a:hover {color: #3366CC; text-decoration:none;}
a:visited {color: #224086;}
.skip {display: none;}

h1 {font-size: 150%; margin: 0;}
h2 {font-size: 170%; margin: 0.50em 1.1em 0.5em;}
h3 {font-size: 118%; margin: 2em 0 0.2em; color:#224086;}
h4 {font-size: 107%; margin: 0.5em 0 0; color:#224086; font-weight: 400;}
h5 {font-size: 100%; margin: 1em 0 0;}
h6 {font-size: 100%; margin: 0.3em 0 0.2em;}
strong {font-weight: bold;}
em {font-style: italic;}
pre, code {font: 1em Courier, "Courier New", monospace; letter-spacing: -0.066em;
  color: #333;}
p {margin: 0.3em 0 1em; line-height: 1.25em;}
hr {display: block; clear: both; visibility: hidden;}

#masthead {padding: 1em 2.5em 0; margin: 0; border-bottom: 1px solid #000; 
  background: #033563 url(images/topmast-bg.jpg) 0 0 repeat; color: #fff}
#masthead h1 {margin: 0 15px 0 20px; background:transparent url(images/eolsenweb.jpg) no-repeat top left;
width:150px; height:49px;color: #df7a1c;}
    
#masthead h1 span {
display:none;
}

#tag {margin: 0 0 0 24px; padding: 0em 5px 1.3em 0;
  font-size: 90%; font-weight: normal; line-height: 1em; color: #ddf0f9;}

.home #masthead {padding-top: 1em; padding-left: 2.5em;}
.home #masthead h1 {font-size: 250%; margin-left: 22px;}
.home #tag {font-size: 105%; font-weight: normal; padding-top: 0.10em; margin-left: 24px;}

.floatleft {
           float: left; 
           margin: 5px 5px 5px 5px;
           border: 1px solid #4682B4;
           padding: 3px;
          }

.dropcap
 {float:left;
 margin-top:3px;
 color:#224086;
 padding-top:.15em;          
 font-size:30pt;
 height:0.7em;
 font-weight:bold;
 font-family: Arial, Verdana;}
 
 
 .bold
 {
 	font-size: 105%; letter-spacing: 0em; font-weight: 500; color: #224086;
 	
}
 
input.button {
  color: #000; background: #fff;
  font-size: 12px;
  font-weight:500;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border: solid 0px #ffcf31;
  border-bottom: 1px solid #000;
  margin: 0; padding: 0;
}


div#surround p { /* div'd paragraph formatting */
  padding: 0.8em 1em 0.5em 2em;
  margin:0;
  margin-bottom:14px; 
  font: 109% Verdana, Arial,  sans-serif; line-height: 1em; font-style: italic; font-weight: 600; color:#808080;
  background:transparent url(images/paragraph-line.jpg) no-repeat top left;
}

#main {position: relative; padding: 3em 0 1em 0; margin: 1px 2px 0 0;
  background: url(mainbg.gif) top left repeat-y;
  border-bottom: 1px solid #FFF; border-top: 3px double #B3C8DF; border-right: 5px double #FFF;}
#main ul {list-style: square;}
#main li {margin: 0.075em 0 0;}

#content {float: right; width: 59%; padding: 0 12% 0 2%; margin: 0;
  word-spacing: -0.05em; letter-spacing: -0.01em; background-image: url(images/list-item-bck.png); background-repeat:no-repeat}
 
#content #lead {margin: 0.5em 0 1em; font: 160% Arial, Verdana, sans-serif; line-height: 1em; font-weight: 500; color:#224086;
  text-align: left; letter-spacing: -1px; word-spacing: 0;}
#content p {margin: 0.3em 0 1em; line-height: 1.25em; letter-spacing: 0.11px; color:#202020;}
#content h4 {margin: 0 0 0.1em; line-height: 1.25em; font-weight: 300; color:#224086;}
a:hover {color: #3366CC; text-decoration:none;}
.contactAddr {font-weight: bold;}

#sidebar {margin: 0 74% 0 35px; padding: 0;}
#sidebar * {margin: 0 0 0; padding: 0.2em 0 0;}

#sidebar h3 {margin: 0; padding: 7px 7px 5px; font: 1em Arial, Verdana, sans-serif; font-weight: 500; color: #fff;
  background: #0c4d8f; background-image: url('images/flexi-gradient.jpg'); background-repeat:no-repeat; text-align: center; border-right: 1px solid #B3B3B3;}
#sidebar h3 a {background: #F0F3FA; color: #424248; padding: 2px 0.5em 0; margin-right: -0.75em;
  border: 1px solid #B3B3B3; border-bottom-color: #DBDBDD; text-decoration: none;}
#sidebar h3 a:hover {background: #DBDBEF; color: #000; border-color: #AEAEAE;}

#sidebar ul {list-style: none; border: 1px solid #B3B3B3; font-size: 1em; background: #F8FBFF;}
#sidebar p:hover {background: #FFF;}
#sidebar li {margin: 0.2em 0 0.2em; padding: 0 0.4em 0.3em; border-top: 1px solid #F8FBFF; color: #5A5B5D;}

#sidebar ul li a:hover {background: #ced6f9; color: #000; padding: 0.2em 0.4em 0.2em; text-decoration: none; display: block; text-align: left;}
#sidebar ul li a {text-decoration: none; padding: 0.2em 0.4em 0.2em; display: block; text-align: left;}
#sidebar ul li a:link {text-decoration: none; color: #3366CC;}
#sidebar ul li a:visited {text-decoration: none; color: #666;}

#current {position: relative; border-bottom: 1px solid #FFF; font-weight: bold; background: #FFF !important; color: black !important;}

#sidebar li.moreinfo {text-align: right; margin: 0; padding: 0 0 1px;}
#sidebar p {border: 1px solid #B3B3B3; font-style: italic; font-size: 1em; line-height: 1.33em; color: #224086;
  padding: 0.66em; margin-bottom: 1em; background: #F8FBFF;}

#sidebar blockquote {margin: 0; padding: 0;}
#sidebar blockquote p {margin: 0.75em 1.25em 0 0.75em; padding: 1em; border: none;
  text-indent: 15px; font-size: 90%; line-height: 1.2em; background: #F8FBFF;}
#sidebar blockquote p span {display: block; font-style: italic; text-indent: 0;}    
#sidebar .nothing {font-style: italic; color: gray;}
#sidebar .callout {background: #E4EAF4;}
#sidebar .callout h4 {background: #BCE; color: #000;
  border: 1px solid #667; border-bottom: none;}
#sidebar .callout p {background: transparent; color: #113;
  border: 1px solid #667; border-top: 1px dotted black;}

#eventbox li {line-height: 1.1em;}

#subnav {position: absolute; z-index: 3; top: 0; left: 29%; right: -6px;
  margin: 0; padding: 2em 0 0.5em 2%; font-size: smaller;}
#subnav a {text-decoration: none; color: gray;}
#subnav b {font-weight: normal; margin: 0 0.5em; color: #776;}

#navbar {position: absolute; z-index: 5; top: 0; left: 0; right: 0; width: 94%;
  margin: -1px 0 0; padding: 0px 0px 0px 0px;
  border: 1px solid #333399; border-width: 2px 1px 1px 1px;
  background: #E4EAF4; white-space: nowrap;}
html>body #navbar {margin: -4px 0 0;}
#navbar a {border-right: 1px solid #8F8E82; padding:  1.5px 7px 1px 7px;
  text-decoration: none; font-weight: bold; font-variant: small-caps; font-size: 16px;
  color: #772;}
html>body #navbar a {padding: 0.1em 0.5em 0.1em;}
#navbar a#home {padding-left: 60px;}
#navbar a:hover {background: #075f9e center center; background-repeat: no-repeat; color: #fff;}
#navbar b {display: none !important;}

.home #navbar #home {color: #CCA; background: transparent;}
.webservice a#webservice, .start a#start, .about a#about, .advance a#advance, .portfolio a#portfolio, .online a#online, .design a#design, .discovery a#discovery,
.development #sidebar #develop a, .start a#start, .deploy a#deploy, .monitor a#monitor, .maintain a#maintain, .contact a#contact, .writing a#writing, .domain a#domain,
.writing #writing, .engine #engine, .stats #stats, maintenance #maintenance, .WebDesign #WebDesign, .Graphics #Graphics, .traffic #traffic, .hosting #hosting, .visitors #visitors{
  position: relative; border-bottom: 1px solid #FFF; background: #FFF !important; color: black !important;}

#footer {margin: 0 0 10px; border: 1px solid #BBB; border-width: 1px 0;
  background: #FAFAFF url(bodybg.gif) 0 -100px no-repeat;
  font-size: smaller; clear: both;}
#footer p {margin: 0 0 0 100px; padding: 0.75em 1.5em 0.5em 0;}

div#links {position: absolute; top: 81px; left: 10px; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a img {display: none; border-width: 0;}
div#links a:hover img {display: block; position: absolute; top: 190px; left: 10px; height: 50px; width: 50px; border-width: 0;}

/**************** FOR PORTFOLIO **************/
.portfolioblock {
padding:10px;
position:relative;
padding-bottom:5px;
background-color:#F0F0E4;
width:850px;
height:260px;
padding-top:10px;
border-top: 4px solid #586B7A;
margin-bottom:20px;
font-size:11px;
background-image:url(portfolio/portfolio_files/portbg2.jpg);
background-position:bottom center;
}

.portfolioblock img {
padding:0px;
padding-left:0;
border: 2px solid #586B7A;
background: url(../images/loading2.gif) 335px 240px no-repeat;
}

h4 {
font-family:Arial, Helvetica, sans-serif; 
font-size: 16px;
margin: 0.5em 0 0;
margin-bottom:10px;
font-weight:600;
color:#4682B4;
}
h2 {
font-family:Arial, Helvetica, sans-serif; 
font-size: 24px;
margin: 0em 0 0;
margin-bottom:10px;
font-weight:600;
color:#4682B4;
}

.lower{
	position:absolute;
	bottom: 10px;
	width: 200px;
	text-align: left;
	line-height: 1.2em;}