@charset "utf-8";
/* CSS Document */



/* text */

div,p,a
{
font: 11px verdana;
color: #858174;
}

#rightcontent>p
{
padding-right: 40px;
}

em
{
font-style: italic;
}

strong
{
font-weight: bold;
}


#navshift a
{
display: block;
font-size: 10px;
color: #666666;
text-decoration: underline;
}

#navshift a:hover
{
font-size: 10px;
text-decoration: underline;
}

a
{
text-decoration: underline;
}

a:hover
{
text-decoration: underline;
}

p a, li a, #bigleft a, #bigright a
{
text-decoration: underline;
}

p a:hover, li a:hover, #bigleft a:hover, #bigright a:hover, li a:hover
{
text-decoration: underline;
}

.italic
{
font: 12px verdana;
color: white;
font-style: italic;
}
/* elements */

img, form, iframe, object
{
margin:0;
padding: 0;
border: 0;
}

iframe
{

}

#casestudyarea
{
width: 510px;
height: 219px;
}

#supportbox
{
position: relative;
width: 480px;
height: 210px;
margin: 0;
padding: 0;
border:0;
}

#newsarea
{
width: 355px;
height: 185px;
}

form
{
display: inline;
}

p, #iframebody p span, p span
{
margin: 0 0 10px 0;
padding: 0;
line-height: 15px;
}

.newsheadline>a
{
margin-bottom: 6px;
}

.newsheadline>a, .newscontent, #bio p, .newsheadline>p, .newscontent>p, #headlinetest
{
color: #555045;
}

#bio p
{
font: 12px verdana;
}

.title
{
font-weight: 100;
font-size: 12px;
}

body
{
padding: 0;
margin: 0;
background-image: url("images/background.gif");
background-position: top center;
height: 100%;
}

ul
{
margin: 3px 0 0 0;
padding: 0;
list-style-type: none;
}

li
{
margin: 0;
padding: 0 0 5px 15px;
background: url('images/bullet.gif') no-repeat 6px 6px;
}

/* structure */

#bglayer
{
position: relative;
margin: 0 auto;
width: 901px;
height: 100%;
/*background-image: url("images/middleback.gif");*/
}

#container
{
position: relative;
width: 901px;
}

#content
{
position: relative;
width: 901px;
height: 442px;
margin: 0;
padding: 0;

}

#bottombar
{
position: relative;
width: 901px;
height: 30px;
margin: 0;
padding: 0;
background: url("images/bottomcap.gif");
}

#logospace
{
position: relative;
width: 901px;
height: 74px;
margin: 0;
padding: 0;
background: black;
}

#utilitynav
{
position: absolute;
top: 0px;
right: 0px;
margin: 0;
padding: 0px 0 0 0;
}

#utilitynav a, #utilitynav .spacer
{
margin: 0 0 0 20px;
padding: 0;
color: #c1bbab;
font-size: 11px;
}


#leftspace
{
position: relative;
width: 391px;
height: 442px;
float: left;
margin: 0;
padding: 0;
background: url("images/leftback.gif") repeat-y;
}

#leftimages
{
position: relative;
width: 390px;
height: 342px;
margin: 0;
left: 1px;
padding: 0;
}

#clientslist
{
position: absolute;
width: 200px;
height: 150px;
margin: 0;
padding: 0;
right: 22px;
bottom: 30px;
}

#newslist
{
position: absolute;
width: 355px;
height: 185px;
margin: 0;
padding: 0;
right: 15px;
bottom: 15px;

}

#titlebox
{
position: absolute;
width: 266px;
height: 132px;
margin: 0;
padding: 0;
right: -3px;
bottom: 200px;
}

#flashbox
{
position: absolute;
margin: 0;
padding: 0;
width: auto;
height: auto;
left: 35px;
bottom: 50px;
}

#rightspace
{
position: relative;
width: 510px;
height: 442px;
float: left;
margin: 0;
padding: 0;
background-color: white;
}

#blackspace
{
position: relative;
width: 510px;
height: 21px;
margin: 0;
padding: 0;
background: black;
}

#rightimage
{
position: relative;
width: 510px;
height: 122px;
margin: 0;
padding: 0;
background: white;
}

#hometext
{
position: relative;
margin: 0;
padding: 40px 30px 0 0;;
background: white;
}

#rightcontent
{
position: relative;
width: 480px;
height: 273px;
margin: 26px 0px 0 0;
padding: 0 30px 0 0;
background: url("images/rightcorner.gif") no-repeat;
background-position: bottom right;
border: 0px solid red;
}


#clientsimage
{
position: relative;
width: 480px;
height: 396px;
margin: 25px 0px 0 0;
padding: 0 30px 0 0;
background: url("images/rightcorner.gif") no-repeat;
background-position: bottom right;
border: 0px solid red;
}

#navspace
{
position: relative;
width: 391px;
height: 100px;
margin: 0;
padding: 0 0 0 0;
background: url("images/tabback.gif") no-repeat;
}

#mainnav
{
position: relative;
width: 380px;
height: 31px;
margin: 0;
padding: 0px 0 0 11px;
}

#subnav
{
position: relative;
width: 391px;
height: 65px;
margin: 0;
padding: 0;
}

#navshift
{
position: relative;
width: 85px;
height: 60px;
margin: 0;
padding: 0;
}

#barleft
{
position: relative;
width: 377px;
height: 20px;
float: left;
margin: 0;
padding: 6px 10px 4px 4px;
color: white;
text-align: right;
}

#footer
{
position: relative;
width: 500px;
margin: 0;
padding: 0 0 0 401px;

}

#barright
{
position: relative;
width: 510px;
height: 30px;
float: left;
margin: 0;
padding: 0;

}

#underleft
{
position: relative;
width: 391px;
float: left;
margin: 0;
padding: 0;

}

#underright
{
position: relative;
width: 510px;
float: left;
margin: 0;
padding: 0;

}

.featurecase
{
position: relative;
float: left;
width:119px;
height: 105px;
margin-right: 7px;
margin-top: 15px;
text-align: center;

}
.featurecase a
{
margin-top: 5px;
font-size: 12px;
text-decoration: underline;
}

.featurecase a:hover
{
text-decoration: underline;
}

.fflcear
{
clear: both;
border: 0;
margin: 0;
padding: 0;
}
