body {
background: #F7F7F6 url("images/background3.gif") repeat-y 50% 0 fixed;
margin: 0;
padding: 0;
text-align: center;
}

.clear {
clear: both;
}


#container {
margin: 0px auto;
text-align: left;
width: 692px;
}

h1 {
width: 692px;
height: 130px;
text-indent: -9999px;
background: url(images/header_spring.jpg);
margin: 0;
padding: 0;
}

#left {
width: 178px;
float: left;
}

#left img {
border: 1px solid #6A72A0;
}

#left h2 {
font: normal 13px tahoma, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #6A72A0;
width: 160px;
padding: 0 0 0 60px;
margin-left: 5px;
margin-top: 20px;
}

#left h3 {
font: normal 11px verdana, arial, helvetica, sans-serif;
background: transparent url(images/bullet_title.gif) no-repeat;
color: #80866A;
width: 140px;
padding: 0 0px 0 20px;
margin-left: 2px;
margin-top: 20px;
}

.margin {margin-left: 8px;}

/* Link styles for text below new site images */
.link a {
color: /* #80866A */ #604808;
text-decoration: none;
border-bottom: 1px dotted #80866A;
margin-left: 10px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.link a:hover {
color: /* #F7F7F6 */ #604808;
text-decoration: none;
border-bottom: none;
}


#content {
width: 479px;
float: left;
padding: 15px 0 10px 20px;
text-align: left;
}

#content h2 {
font: 17px trebuchet, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #5863a0;
padding: 0;
}

#content h3 {
font: normal 13px  verdana, arial, helvetica, sans-serif;
background: transparent;
color: #80866A;
width: 454px;
padding: 0 0 0 0px;
}

#footer {
margin: 0px auto;
position: relative;
background-color: #6C7294;
border-top: 9px solid #F7F7F6;
width: 692px;
padding:0;
clear: both;
}

#footer h2 {
margin: 0;
padding: 6px 0;
text-align: center;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #D3D8C4;
}

#footer h2 a:visited, #footer h2 a:link {
color: #D3D8C4;
text-decoration: none;
border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
color: #F7F7F6;
text-decoration: none;
border-bottom: none;
}

.text {
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #5B604C;
margin-bottom: 10px;
}

.text a{
color: #80866A;
text-decoration: none;
border-bottom: 1px dotted #80866A;
}

.text a:hover {
color: #B84F71;
text-decoration: none;
border-bottom: none;
}


#navcontainer {
width: 178px;
}

#navcontainer ul {
font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
text-indent: 10px;
letter-spacing: 1px;
margin: 2px 0px;
padding: 0px;
list-style: none;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#navcontainer li{
padding: 0 0 0 0;
color: #036; background: #C6C5CD;
text-align: left;}

#navcontainer a {
display: block;
font-weight: bold;
height: 30px;
color: #745300; background: transparent;
text-decoration: none;
border-left: 3px solid #979FC6;
border-bottom: 1px solid #ACAC82;
border-right: 1px solid #ACAC82;
}

#navcontainer a:link, #navcontainer a:visited {
width: 173px;
color: #5C604D;
text-decoration: none;
}

#navcontainer a:hover {
color: #fff; background: /* #F97B62 */ #C0C987;
border-left: 3px solid #64739C;
border-bottom: 1px solid #F6F6BE;
width: 173px;
}

#navcontainer li a#current {
width: 173px;
color: #fff; background: /* #F97B62 */ #A6B151;
text-decoration: none;
border-left: 3px solid #64739C;
border-bottom: 1px solid #F6F6BE;
}

.bright  {
font-weight: bold;
color:/* #F97B62 */ #7D873D; background: transparent;
font-size: 110%;
letter-spacing: 1px;
}

/* Portfolio Links */

#websites {
width: 450px;
}

#websites ul {
list-style:none;
color: #80866A;
font: normal 11px/24px Verdana, Arial, Helvetica, sans-serif;

}

#websites li a{
color: #80866A;
text-decoration: none;
border-bottom: 1px dotted #80866A;
margin-left: -20px;

}

#websites li a:hover {
color: #B84F71;
text-decoration: none;
border-bottom: none;
}

.webimage {
position: absolute; z-index:1;
padding: 7px;
margin-top: 0px;
margin-left: 250px;
border: 2px solid #D89FB2;}

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div11
{
visibility: hidden;
position: absolute; z-index:1;
padding: 7px;
margin-top: 200px;
margin-left: 240px;
width: 200px;
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color: #9C6571;
}

#bcit ul {
list-style:none;
color: #B84F71;
font: normal 11px/18px verdana, Arial, Helvetica, sans-serif;

}

#bcit li a{
color: #B84F71;
text-decoration: none;
border-bottom: 1px dotted #80866A;
margin-left: -25px;
}

#bcit li a:hover {
color: #80866A;
text-decoration: none;
border-bottom: none;
}
/*End Portfolio */

/*services page*/
#examples     {
width: 460px; }

#examples p {
border: 1px solid #4E73A9;
padding: 10px 0 10px 10px;
text-align: center;
color: #663; background: #F6F6F1;
font:  bold 12px/20px verdana, arial, helvetica, sans-serif;
letter-spacing: 1px;
}

#examples img {
border: 1px solid #617D86;
margin-right: 20px;
margin-top: 5px;
}
/*end services page*/

/* About allegRo Page*/

.onelink{
color: #80866A;
text-decoration: none;
border-bottom: 1px dotted #80866A;
}
/* End About Page */

/*contact page*/
.textcontact        {
color: #960; background: transparent;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding-right:100px;
padding-left: 100px}


.formheader{
background-color: #afbfa6;
color: #fff;
font: normal 14px Georgia, "Times New Roman", Times, serif;
letter-spacing : 8px;
}

.formtext{
font-family: verdana, geneva, arial, helvetica, sans-serif;
color: #4A583E;
font-size: 12px;
text-align: right;
}

.formspan{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
color: #4A583E;
}

.grey   {
background-color:#F6F6EC; }

.bc    {
font-weight: bold;
color:#036; background: transparent;
}

.big    {
font-weight: bold;
color:#2E58AC; background: transparent;
letter-spacing: 1px;}

.submit2 {
color: #fff; background: #bdbd9b;
border: 1px solid #7490ac;
text-align: center;
}

.backlink{
color: #e1608a;
text-decoration: none;
border-bottom: 1px dotted #80866A;
}
/* end contact page*/

/*tool-tips*/
a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}
/*end tool-tips*/