html
{
background-image:url('../pics/background/bg1.jpg');
background-attachment:fixed;
}

body
{
margin:auto;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
font-size:12px;
line-height:1.5;
}

body a
{
text-decoration:none;
color:black;
}

body a:hover
{
color:#7f7f7f;
}

body h1
{
font-size:24px;
line-height:1.2;
font-weight:200;
}

body h2
{
font-size:14px;
line-height:1.5;
font-weight:700;
color:#66BAEE;
}

body h2 a
{
text-decoration:none;
font-size:14px;
line-height:1.5;
font-weight:700;
color:#66BAEE;
}

.bold
{
font-weight:700;
}

.quote
{
font-size:10px;
font-style:italic;
}

.client
{
font-weight:700;
color:#66BAEE;
}

#wrapper
{
width:800px;
border:none;
margin:auto;
margin-top:50px;
position:relative;
background-color:#FFFFFF;
overflow:auto; 
}

#header
{
width:800px;
margin-bottom:20px;
}

#mainlogo
{
border:none;
margin-right:20px;
margin-top:30px;
position:relative;
left:520px;
}

#maincontent
{
padding-left:20px;
padding-bottom:20px;
width:480px;
float:left;
}

#maincontent a span
{
display:none;
}

#maincontent a:hover span
{
display:block;
position:absolute;
left:0px;
top:220px;
color:#000000;
}

#right
{
width:300px;
float:right;
}

.link
{
text-decoration:none;
color:#000000;
}

.link:hover
{
color:#7f7f7f;
}

.portfolio
{
width:480px;
margin-bottom:20px;
float:left;
}

.portfolioimg
{
margin-right:10px;
float:left;
}

#mainpics
{
width:480px;
min-height:240px;
position:relative;
}

.imgleft
{
margin-top:5px;
border:1px solid;
color:#000000;
}

.imgmid
{
margin-top:5px;
border:1px solid;
margin-left:6px;
color:#000000;
}

.imgright
{
margin-top:5px;
border:1px solid;
margin-left:6px;
color:#000000;
}

.menus
{
font-size:10px;
}

.menus a
{
text-decoration:none;
color:#000000;
}

.menus a:hover
{
color:#7f7f7f;
}

#expertise
{
width:130px;
padding-left:20px;
float:right;
}

#mainmenu
{
width:130px;
padding-right:20px;
float:right;
font-weight:700;
position:relative;
top:44px;
}

#downloads
{
font-weight:200;
}

#spacer
{
width:300px;
height:30px;
float:right;
}

#contact
{
width:150px;
float:right;
position:relative;
font-size:14px;
}

#latestnews
{
width:260px;
margin-top:10px;
margin-left:20px;
margin-right:20px;
float:right;
position:relative;
font-size:10px;
}

#latestnews a
{
color:#000000;
text-decoration:none;
}

#latestnews a:hover
{
color:#7f7f7f;
}

.latestnewstitle
{
color:#66BAEE;
font-size:14px;
line-height:1.5;
font-weight:700;
}

#latesttweet
{
width:260px;
margin-top:10px;
margin-left:20px;
margin-right:20px;
float:right;
position:relative;
font-size:10px;
}

#latesttweet a
{
color:#000000;
text-decoration:none;
}

#latesttweet a:hover
{
color:#7f7f7f;
}

.tweet
{
width:260px;
margin-left:20px;
margin-top:10px;
margin-right:20px;
padding-top:5px;
padding-bottom:10px;
float:right;
border-top:1px dotted #66BAEE;
color:#000000;
font-size:10px;
position:relative;
}

.newsinst
{
font-style:italic;
font-size:11px;
color:#7f7f7f;
text-decoration:none;
}

.news
{
width:260px;
margin-left:20px;
margin-top:10px;
margin-right:20px;
padding-top:5px;
float:right;
border-top:1px dotted #66BAEE;
color:#000000;
font-size:10px;
position:relative;
}

.news a
{
text-decoration:none;
}

.news a:hover
{
color:#7f7f7f;
}

.newsarticle
{
padding-bottom:20px;
border-bottom:1px dotted #66BAEE;
overflow:hidden;
}

.newsarticle a:hover
{
color:#7f7f7f;
}

.newsimage
{
border:none;
margin-right:10px;
margin-top:10px;
}

#pagedetail
{
width:760px;
border:none;
margin:auto;
margin-top:30px;
padding-left:20px;
padding-right:20px;
position:relative;
background-color:#FFFFFF;
color:#808080;
overflow:auto;
}

#pagedetail a
{
color:#808080;
}

#pagedetail a:hover
{
color:#000000;
}

#address
{
font-size:10px;
}
