html, body
{
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 90%;
background-image: url("images/web-design-creative-swirl.gif");
background-repeat: no-repeat;
}

a img
{
border: none;
}

a, a:hover img
{
text-decoration: none;
}

a:link
{
color: #0033CC;
}

a:hover
{
text-decoration: underline;
}

#header
{
height: 134px;
}

#contentwrapper
{
margin: 5px;
width: 590px;
background-color: #fff;
border: 1px solid #36f;
}

.content
{
padding: 10px;
}

.right
{
position: absolute;
top: 180px;
left: 605px;
width: 150px;
background-color: #fff;
border: 1px solid #36f;
font-size: 85%;
}

.right ul
{
padding: 2px;
margin: 0 0 0 13px;
}

.right li
{
padding: 0;
margin: 1px;
}

ul.scndlvl
{
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
list-style-type: disc;
}

h1
{
font-size: 140%;
color: #FF9900;
margin: 0;
padding: 0;
}

h2
{
font-size: 120%;
}

h2#article
{
margin: 0;
padding: 0;
}

#footer
{
text-align: center;
width: 755px;
background-color: #D2E9FF;
color: #000033;
margin: 0 5px 20px 5px;
font-size: 80%;
}

form
{
margin: 0;
padding: 0;
}

.emph
{
display: block;
color: #FF9900;
font-size: 110%;
margin-top: 10px;
}

.port-h
{
border: 1px solid #cccccc;
margin: 3px 0 3px 0;
}

.section
{
float: left;
width: 293px;
margin-bottom: 10px;
}

.section .h
{
background-color: #DCECFF;
color: #000066;
font-size: 120%;
text-align: center;
display: block;
padding: 5px 0 5px 0;
}

.section p
{
padding: 5px;
margin: 0;
}

#navcontainer
{
position: absolute;
top: 89px;
left: 0;
width: 590px;
margin: 5px;
float: left;
background-color: #009;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0;
color: #fff;
font-size: 80%;
text-transform: lowercase;
}

#navcontainer ul li a
{
padding: 5px 12px;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #0033CC;
color: #fff;
}

#navlist li a:hover, #navlist li a:active
{
color: #fff;
text-decoration: none;
background: #CC3333;
text-align: left;
}

#navcontainer a#current
{
background-color: #0033CC;
font-weight: bold;
}

/*Second and subsequent levels*/
#navcontainer ul ul#subnavlist
{
font-size: 100%;
position: absolute;
top: 2.7em;
left: 0;
width: 590px;
background-color: #03c;
}

#navcontainer ul ul#subnavlist li a
{
padding: 2px 12px;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
background-color: #03c;
color: #fff;
}

#navcontainer ul ul#subnavlist a:hover,
#navcontainer ul ul#subnavlist a:focus
{
background-color: #06f;
color: #fff;
}

/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }

#navcontainer ul ul a#subcurrent
{
background-color: #06f;
}

.offerings
{
float: left;
width: 40%;
}

#crumbs
{
font-size: 80%;
margin: 2px;
color: #999;
}

#crumbs a
{
color: #99ccff;
}

#crumbs a:visited
{
color: #cc99cc;
}

table.contact
{
padding: 0;
margin-top: 10px;
font-size: 90%;
}

table.contact td
{ 
padding-right: 2px;
}

.recblock
{
margin-bottom: 20px;
}

li.grptype
{
list-style: none;
margin: 0;
padding: 0;
font-weight: bold;
}

li.grptype ul li
{
font-weight: normal;
}

.note
{
font-weight: normal;
font-size: 80%;
color: #666;
}

#port-cat
{
color: #006;
list-style: none;
}

#port-text
{
float: left;
width: 290px;
margin-right: 10px;
}

#port-detail
{
float: left;
width: 260px;
}


/**********************/
/*Thumbs for portfolio*/
/**********************/

p#thumbs a:link, p#thumbs a:visited
{
border: 5px solid #ccc;
}

p#thumbs a:hover
{
border: 5px solid #03C;
}

#thumbs a
{
float:left;
margin:0 6px 0 0;
border: 5px solid #ccc;
}

p#thumbs
{
margin:10px 0 0 0;
padding:4px 0 0 0;
height:50px;
}
  
img#p-current
{
border: 5px solid #fc0;
float: left;
margin: 0 6px 0 0;
}

#thumbs a#triand
{
background-image: url("images/portfolio-squares/triand-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#triand:hover
{
background-image: url("images/portfolio-squares/triand.jpg");
width: 31px;
height: 31px;
}

#thumbs a#wed
{
background-image: url("images/portfolio-squares/wed-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#wed:hover
{
background-image: url("images/portfolio-squares/wed.jpg");
width: 31px;
height: 31px;
}

#thumbs a#dhr
{
background-image: url("images/portfolio-squares/dhr-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#dhr:hover
{
background-image: url("images/portfolio-squares/dhr.jpg");
width: 31px;
height: 31px;
}

#thumbs a#cafeaustin
{
background-image: url("images/portfolio-squares/cafeaustin-g.gif");
width: 31px;
height: 31px;
}

#thumbs a#cafeaustin:hover
{
background-image: url("images/portfolio-squares/cafeaustin.gif");
width: 31px;
height: 31px;
}

#thumbs a#shard
{
background-image: url("images/portfolio-squares/shard-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#shard:hover
{
background-image: url("images/portfolio-squares/shard.jpg");
width: 31px;
height: 31px;
}

#thumbs a#main
{
background-image: url("images/portfolio-squares/main-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#main:hover
{
background-image: url("images/portfolio-squares/main.jpg");
width: 31px;
height: 31px;
}

#thumbs a#hydepark
{
background-image: url("images/portfolio-squares/hydepark-g.gif");
width: 31px;
height: 31px;
}

#thumbs a#hydepark:hover
{
background-image: url("images/portfolio-squares/hydepark.gif");
width: 31px;
height: 31px;
}

#thumbs a#agc
{
background-image: url("images/portfolio-squares/agc-g.gif");
width: 31px;
height: 31px;
}

#thumbs a#agc:hover
{
background-image: url("images/portfolio-squares/agc.gif");
width: 31px;
height: 31px;
}

#thumbs a#erx
{
background-image: url("images/portfolio-squares/erx-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#erx:hover
{
background-image: url("images/portfolio-squares/erx.jpg");
width: 31px;
height: 31px;
}

#thumbs a#sw
{
background-image: url("images/portfolio-squares/sw-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#sw:hover
{
background-image: url("images/portfolio-squares/sw.jpg");
width: 31px;
height: 31px;
}

#thumbs a#swfa
{
background-image: url("images/portfolio-squares/swfa-g.jpg");
width: 31px;
height: 31px;
}

#thumbs a#swfa:hover
{
background-image: url("images/portfolio-squares/swfa.jpg");
width: 31px;
height: 31px;
}

#thumbs a#tivoli
{
background-image: url("images/portfolio-squares/tivoli-g.gif");
width: 31px;
height: 31px;
}

#thumbs a#tivoli:hover
{
background-image: url("images/portfolio-squares/tivoli.gif");
width: 31px;
height: 31px;
}

.caption
{
text-align: center;
margin-bottom: 15px;
font-size: 80%;
}

#selectedThumb
{
position: relative;
top: 10px;
left: 10px;
z-index: 1;
}