/*~~~~~~~~ global elements ~~~~~~~~*/

/*div { border: 1px solid #666; }*/

* { margin: 0; padding: 0; }

body {
   	text-align:center;
   	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 15px;	
	font-size: small;
	background: #FFF;
	} 

/* adjustment for IE5 */

* html body { 
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}

a img {border: none; }
a {text-decoration: none;}
a:link { color: #114282; font-weight: bold; text-decoration: underline; }
a:visited { color: #114282; font-weight: bold; text-decoration: underline; }
a:active { color: #114282; font-weight: bold; text-decoration: underline; }
a:hover { color: #333; font-weight: bold; text-decoration: underline; }

h1 {font: normal 175% arial, helvetica, sans-serif; color: #114282; margin-bottom:10px;}
h2 {font: bold 150% Georgia, serif; color: #1863B3; margin-top: 6px;}
h3 {font: bold 100% verdana, arial, sans-serif;  }
h4 {font: bold 100% Georgia, serif; }

h1 span, h2 span {display:none;}


/*~~~~~~~~ structure ~~~~~~~~*/
	
#wrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
   	text-align:left;
	}

#content {
	float: left; 
	font-size: 95%;
	width: 958px;
	min-height:420px;
	border: 1px solid #BBBBBB;
	border-bottom: none;
	background: #CCC url("images/sitebg.gif") repeat-x;
	}
	
#homefooter {
	margin: 0;
	padding: 35px 20px 0 20px;
	/*height: 16px;*/
	font-size: 80%;
	color: #999;
	background: #FFF url("images/homefooterbg.gif") no-repeat;
	clear:both;
	}

#portfooter {
	margin: 0;
	padding: 20px 20px 0 20px;
	/*height: 16px;*/
	font-size: 80%;
	color: #999;
	background: #FFF url("images/portfooterbg.gif") no-repeat;
	clear:both;
	}

.indexthumbs {
	width: 450px; 
	height: 110px; 
	overflow: hidden; 
	text-align:center;
	}

.aboutthumbs {
	width: 450px; 
	/*height: 162px; 
	overflow: hidden; 
	text-align:center;*/
	}

.aboutthumbs p {margin-bottom:5px;}

#portthumbs {
	clear:both;
    width: 960px;
	height: 130px;
	background: #114282 url("images/bluethumbbg.gif") no-repeat;
	}

.porttitle {margin:0; padding:0; font-size: 10px; color: #fff; font-family: Arial, sans-serif;}

#thumbs {width: 960px; overflow: hidden; text-align:center;}

#thumbs img {
	margin: 30px 12px 0px 12px;
	padding: 5px;
	}

#logo {
	position: absolute;
	top: 40px;
	left: 0px;
    width:182px;
	height: 58px;
}

#topspace { height: 98px; }

#leftcol {
	float: left; 
	width: 470px;
	padding-top: 20px;
	padding-bottom: 10px;
 	}

#leftcol h1 {
	padding-right: 20px; 
	/*padding-left: 20px;*/ 
	margin-bottom: 5px;
 	}

#leftcol p {
	padding-right: 20px; 
	/*padding-left: 20px;*/ 
	margin-bottom: 20px;
 	}

#rightcol {
	float: right; 
	width: 470px;
	padding-top: 20px;
	padding-bottom: 10px;
	}

#portdes {
	float: left; 
	width: 300px;
	padding: 30px 0px 0 85px;
	margin: 0;
 	}

#portdes img, #rightcol img {
	padding-right: 10px; 
	padding-left: 10px; 
	}

#portdes p {
	margin-bottom: 15px;
 	}

#portdes ol li {
	margin-left: 22px;
	padding: 0 0 3px 0px;
	}
#portdes ul li {
	padding: 0 0 4px 10px;
	background: url(/images/arrowblue.gif) no-repeat 0 5px;
	}

#portdes .quote {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 75%;   /* for IE5.x/win */
  	f\ont-size: 95%;  /* for other IE versions */
 	}

#portcolumn {
	float: right; 
	width: 470px;
	padding: 20px 10px 0 0;
	}

.paginater { 
	z-index:10;
	position: absolute;
	bottom: 95px;
	right: 0px;
    width: 15px;
	height: 16px;
	}

.paginatel { 
	z-index:10;
	position: absolute;
	bottom: 95px;
	left: 0px;
    width: 15px;
	height: 16px;
	}
	
.inset {
	padding-left: 85px;
}

.aboutpadl {
	width: 390px;
	margin-left: 70px;
	}
.aboutpadr {
	width: 390px;
	margin-left: 28px;
	}
.aboutpadr p {
	margin-bottom: 5px;
	}

.aboutpadl h1, .aboutpadr h1 {
	font: bold 100% Georgia, serif;
	color: #114282;
	text-transform: uppercase; 
	letter-spacing: 1px;
	margin-bottom: 4px;
	}


/*~~~~~~~~ navigation ~~~~~~~~*/
	

div#nav-globalwrap	{
	position: absolute;
	top: 69px;
	right: 50px;
	width: 395px;
	margin: 0; padding: 0;
	}

div#nav-globalwrap ul#menu	{
	height: 30px;
	width: 395px;
	background: transparent url(/images/navswaps.gif) top left no-repeat;
	margin: 0; padding: 0;
	position: relative;
	}

div#nav-globalwrap ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 30px;
	display: block;
	}
	
div#nav-globalwrap ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#nav-home	{left: 0; width: 95px;}
#nav-about	{left: 95px; width: 100px;}
#nav-portfolio	{left: 195px; width: 105px;}
#nav-contact	{left: 300px; width: 95px;}

#nav-home a:hover	{background: transparent url(/images/navswaps.gif) 0 -30px no-repeat;}
#nav-about a:hover {background: transparent url(/images/navswaps.gif) -95px -30px no-repeat;}
#nav-portfolio a:hover {background: transparent url(/images/navswaps.gif) -195px -30px no-repeat;}
#nav-contact a:hover {background: transparent url(/images/navswaps.gif) -300px -30px no-repeat;}

div#nav-catwrap	{
	width: 302px;
	margin-bottom: 20px; 
	padding: 0;
	}

div#nav-catwrap ul#tabs	{
	height: 50px;
	width: 302px;
	background: transparent url(/images/catswaps.gif) top left no-repeat;
	margin: 0; padding: 0;
	position: relative;
	}

div#nav-catwrap ul#tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#tabs li, ul#tabs a {
	height: 50px;
	display: block;
	}
	
div#nav-catwrap ul#tabs li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#nav-web	{left: 0; width: 97px;}
#nav-print	{left: 97px; width: 91px;}
#nav-motion	{left: 188px; width: 112px;}

#nav-web a:hover	{background: transparent url(/images/catswaps.gif) 0 -50px no-repeat;}
#nav-print a:hover {background: transparent url(/images/catswaps.gif) -97px -50px no-repeat;}
#nav-motion a:hover {background: transparent url(/images/catswaps.gif) -188px -50px no-repeat;}

/* You are here - category nav  */
 
body#web #nav-web	{background: transparent url(/images/catswaps.gif) 0 -50px no-repeat;}
body#print #nav-print {background: transparent url(/images/catswaps.gif) -97px -50px no-repeat;}
body#motion #nav-motion {background: transparent url(/images/catswaps.gif) -188px -50px no-repeat;}

/*~~~~~~~~ specials ~~~~~~~~*/
	
.line { border-top: 1px solid #CCC; }
.underline { border-bottom: 1px solid #CCC; }
.tiny { font-size: 85%; margin-left:10px; text-align: center; }	
.clear { height: 10px; clear: both; }
.recommendation { font: italic 100% Georgia, serif; color: #114282; }

ul { margin-bottom: 2em; }

ul li { list-style: none; }

/* Listen */
ul#news {
	border: 1px solid #bbb;
	padding: 2em;
	background:  #fffeb8;
	}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
	}


.fade { margin-bottom: 2em; }

.fade p { 
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	}