/* CSS Document */
/*Global*/
html, body{height:100%;}
img { margin: 0px; padding: 0px; border-style: none; }
body{
margin:0px;
padding:0px;
color:#111111;
background-color:#F0F0FF;
background-image:url(bg.gif);
background-repeat:repeat-x;
font-family:Helvetica, Arial, Verdana, sans-serif;}
strong{color:000000;}
.thumb{width:50px; height:50px; margin:2px; float:left;}
.clear{clear:both;}
ul{list-style-type:none;}

/*Layout*/
#wrapper{position: relative; left: 50%; width: 685px; margin:0px; padding:0px; margin-left: -342px; background-image:url(bg.gif);background-repeat:repeat-y;overflow:hidden;}
#otherpage #wrapper{background-image:none;}
#header{width:512px; height:140px; background-image:url(title.gif); background-repeat:no-repeat; float:left;}
#logo{background-image:url(logo.gif); background-repeat:no-repeat; width:173px; height:170px;float:right;}
#nav{height:30px; width:512px; position:relative;}
#content{position:relative;width:502px;padding-left:5px; padding-right: 5px; clear:both;float:left;}
#othercontent{background-color:#F0F0FF; position:relative; width:685px; padding-top:20px;clear:both;}
#column{background-image:url(column.gif);background-repeat:repeat-x; position:relative; width:161px; padding-top:10px; padding-left:12px; font-size:0.9em;float:right; }
#footer{position:relative; width:681px; margin:0px; padding:2px; background-color:#e6e6f3;
border-width:3px; border-bottom-style:solid;border-color:#000000; font-size:0.6em;clear:both;}

/*Navigation*/
#nav ul { width: 512px; float: left; margin: 0; padding: 0; list-style-type:none;}
ul a{text-indent:-5000px; overflow:hidden; list-style-type:none;}
#nav .news a{background-image:url(news.gif); background-repeat:no-repeat; background-position:left top; width:71px; height:30px; display: block;}
#nav .portfolio a{background-image:url(portfolio.gif); background-repeat:no-repeat; background-position:left top; width:127px; height:30px; display: block;}
#nav .about a{background-image:url(about.gif); background-repeat:no-repeat; background-position:left top; width:84px; height:30px;  display: block;}
#nav .contact a{background-image:url(contact.gif); background-repeat:no-repeat; background-position:left top; width:230px; height:30px;  display: block;}

/*Nav Selected*/
#newspage #nav .news a{background-image:url(newsbold.gif); background-repeat:no-repeat; background-position:left top; width:71px; height:30px;  display: block;}
#portfoliopage #nav .portfolio a, #otherpage #nav .portfolio a{background-image:url(portfoliobold.gif); background-repeat:no-repeat; background-position:left top; width:127px; height:30px;  display: block;}
#aboutpage #nav .about a{background-image:url(aboutbold.gif); background-repeat:no-repeat; background-position:left top; width:84px; height:30px;  display: block; }
#contactpage #nav .contact a{background-image:url(contactbold.gif); background-repeat:no-repeat; background-position:left top; width:230px; height:30px;  display: block;}


/* Heading(s)*/
h1, h2, h3, h4, h5, h6{margin-top:0px; margin-bottom:5px; color:#000000;}
h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3{font-size:1em; clear:both;border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#000;}
h4{font-size:0.9em; margin-top:5px; color:#5E6D6F;}
.underline{border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000;}

/*Fonts*/
p{font-size:0.8em;}
#column p{font-size:0.9em; color:#00000F;}

/*Links*/
a:link {color: #FF0000;	text-decoration: none;}
a:visited {text-decoration: none;color: #660000;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/*Lists*/
ul{padding:0px; margin: 0px;}
li{padding:0px; margin:0px;}
#nav li{float:left;}
#content li{text-indent:20px;font-size:0.8em;}
#column li{text-indent:15px;padding-top:0px;font-size:0.715em;}