/***********************************************/
/* Robin Silberling   www.robinnet.net     */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	background-color: #F4F3F2;
	text-align: center;
}

a {
	color: #009d9f; 
}


	a:link, a:visited {
		text-decoration: none;
	}
	
	
	
	a:hover {
		text-decoration: underline;
		cursor: pointer;
		background-color: #ccfeff;
		color: black;
	}

p {
	line-height: 160%;	
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1{
 	font-weight: bold;
	letter-spacing: .2px;
	padding-top: 20px;
	font-size: 2.0em;
	font-family:  "Cambria", "Calisto MT", "Georgia", "MS Serif", "New York", serif;
	color: #573c35;
	text-align: left;
}

h2{
 	font-size: 120%;
 	font-weight: bold;
	letter-spacing: .2px;
}

h3{
 font-size: 110%;
 color: #55333C;
}

td {
	font-size: 100%;
}


ul {
 	line-height: 150%;
 	margin-left: 0;
	padding-left: 0;
}

li {
	list-style-type: circle;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
			
.left {
	float: left;
	padding-right: 30px;
}

.right {
	float: right;
	/*padding-left: 20px;*/
	}
	
.clear {clear: both} 

img {
	border: 0;
}

/***********************************************/
/* Main Layout Divs                                 */
/***********************************************/

#mainwrapper {
	width: 900px;
	margin-left: 70px;
	text-align: left;
	background-color: white;
	font-size: 70%;
	border-left: 1px solid #EAE3DD;
	border-right: 1px solid #B29980;
	/*margin: 0 auto;*/
	/*background-image: url(images/nest-wide.jpg);
	background-position: bottom;
	background-repeat: no-repeat;*/
}

#masthead{
	width: 900px;
	margin: 0px;
	background-color: #573C35;
	font-size: 1.3em;
	vertical-align: baseline;
	
}

#masthead img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#footer{
	clear: both;
	width: 900px;
	text-align: center;
	color: #888888;
	margin-top:20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #3c2819;
	vertical-align: bottom;
}

#main_content {
	float: left;
	width: 95%;
	margin: 0px 25px 25px 25px;
	padding-top: 00px;
	/*border: 1px solid #efefef;*/
	
}

#main_content .narrow {
	float: left;
	width: 570px;
	padding: 0 10px 0 0px;
}

.narrow img.bird {
	float: left;
	margin: 5px 0 0 -70px;
	padding-right: 5px;
}


/*.narrow img.bird {
	position: absolute;
	top:50px;
	left: 50px;
	z-index: 1;
}
*/

#main_content .sidebar{
	border-left: 1px solid #efefef;
	width: 260px;
	float: left;
	padding-left: 10px;
	padding-bottom: 20px;
	font-size: 100%;
	color: #8b655e;
	
	background-color: #f9ffff;
	
}

#main_content .sidebar h1 {
	color: #67abab;
	text-align: center;
	font-size: 160%;
}

	.date {
		text-align: center;
		padding: 10px;  
		margin-top: 0px;
		color: #84abab;
	}

#main_content .sidebar h2{
	color: #005657;
	font-size: 120%;
	margin: 0px;
	padding: 20px 0 5px 0;
}

#main_content .sidebar h3{
	color: #575757;
	border: 0;
	font-size: 100%;
	margin: 0px;
}

#main_content ul{
	/*color: #333333;*/
	border: 0;
	font-size: 100%;
	margin: 0px;
	padding-left: 15px;
	list-style: square;
}


/* ************************************** */
/* -           TOP  NAV          - */
/* ************************************** */

ul#nav {
	width: 880px;
	height: 24px;
	background-color: #573C35;
	float: left;
	list-style: none; 
	margin: 0; 
	padding: 05px 0px 10px 20px;
	border-bottom: 5px solid #CCFEFF;
	background: url(images/bgstrip1.gif);
}

	#nav li {
	 	float: left;
		display: block;
		 font-weight: bold;
		 text-transform: none;
		 font-size: 110%;
		 padding: 6px 40px 5px 6px;
		letter-spacing: 1px;
		font-family:  "Cambria", "Calisto MT", "Georgia", "MS Serif", "New York", serif;
	}
	
	#nav li a{
		 display: block;
		 color: #E8E1E1; 
	}
	
	#nav li a:hover{
		 display: block;
		 color: #C1FFFF;
		 background-color: #573c35;
		 text-decoration: none;
		 background: url(images/up_triangle_aqua.gif) no-repeat bottom;
		  padding-bottom: 10px;
	}


/*  INDICATE CURRENT PAGE  - top navigation */
body#pageone li.pageone a,
body#pageB li.pageB a,
body#pageC li.pageC a,
body#pageD li.pageD a, 
body#pageE li.pageE a,
body#pageF li.pageF a{
	 color: #CCFEFF;
	 padding-bottom: 10px;
	 font-weight: bold;
	background: url(images/up_triangle_aqua.gif) no-repeat bottom;
}



/***************  within CONTENT **************/


.bigger{
	font-size: 130%;
	line-height: 200%;
	padding: 0 30px 0 35px;
}

/*#main_content h1{
	
	
}
*/

#main_content h2{
	color: #573c35;
	/*border-top: 1px solid #E4DDD6;*/
	padding: 15px 0 15px 0;
}

#main_content h3{
	color: black;
	padding-top: 10px;
	margin-left: 00px;
}

.homebox{
	margin-top: 20px;
	padding: 10px;

	border-top: 2px solid #e5f4f5;
	border-bottom: 2px solid #e5f4f5;
	/*background-color: #f9ffff;*/
	background-image: url(images/bg-grad6.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.homebox h1{
	margin: 0;
	padding: 0;
	font-size: 160%;
	color: #67abab;
	text-align: center;
}
/*
#main_content img{
	border: 1px solid #eae1df;
	padding: 5px;
}*/



/*#main_content a:hover img{
	border: 1px solid #00cccc;
	background: #ccfeff;
}*/

img.noborder{
	border: 1px solid white;
	padding: 0;
}

img.border {
	border: 1px solid #7b7b7b;
	margin: 3px;
}

/* new portfolio list */
.portfolio-item{
	border-bottom: 1px solid #efefef;
	padding: 20px 0 20px 0;
	 height: 150px;
}
.portfolio-item img{
	float: left;
	margin-right: 20px;
  
	border: 1px solid #cccccc;
	
}


.portfolio-item h2{
	padding: 0;
	margin-top: -20px;
	
}

portfolio-item P{
	display:block;
}


/*  older portfolio */
.portfolioimage {
	border: 1px solid white;
	float: left;
	text-align: center;
	color: #664B32;
	/*padding: 6px;*/
	margin: 10px;
	width: 220px;  
}

		.portfolioimage p {
			padding: 8px 0 10px 0;
			margin: 0;
			font-weight:bold;
		}
		.portfolioimage a img {
			border: 5px solid #e7e7e7;
			padding: 2px;
			width: 200px;
			height: 160px;
		}
		
		.portfolioimage a:hover img{
			background-color: #ccfeff;
			border: 5px solid #72b6b4;
			color: black;
			/*border: 1px solid #d3cab8;*/
		}

/*a:hover .portfolioimage {
	background-color: #ccfeff;
	color: black;
	border: 1px solid #d3cab8;
}*/


.photocontent img{
	border: 1px solid #cfcfcf;
	padding: 6px;
	margin-right: 8px;
}

	.photocontent img.selected{
		background-color: #ecffff;
	}

	
.addspace{
		height: 100px;
	}
	
	
/*
.portfolioimage a:hover img{
	border: 3px solid #00aeb0;
	padding: 1px;
}
*/

/*img.selected{
	border: 2px solid #D7D7D7;
}

img.border{
	border: 1px solid gray;
}
*/




/*body#pageA img {
	border: 20px solid #EEE8E6;
}*/



/* ************************************** */
 /*              Subnav                    */
/* ************************************** */

#navbar{
	/*background-color: #ecffff;*/
	/*height: 22px;*/
	float: left;
	width: 875px;
	padding: 7px 20px 11px 5px;
	text-align: right;
	/*border-bottom: 2px solid #573c35;*/
	background-image: url(images/bg-grad6.gif);
	background-position: top;
	background-repeat: repeat-x;
}

	a.nextprev {
		padding: 4px 10px 5px 10px;
		border: 1px solid #67abab;
		margin-left: 10px;
		color: #477a7b;
		/*background-color: white;*/
	}
	
	a:hover.nextprev{
		background-color: #e8ffff;
		color: #573c35;
		border: 1px solid #573c35;
		text-decoration: none;
	}

	
.subnav li{
		float: left;
		display: block;
		 font-weight: bold;
		/* text-transform: uppercase;*/
		 font-size: 120%;
		 margin: 0;
		 padding: 0px 20px 0px 20px;
		letter-spacing: 1px;
		font-family:  "Cambria", "Calisto MT", "Georgia", "MS Serif", "New York", serif;
		font-variant: small-caps;
}

.subnav li h2{
	padding: 0; 
	margin: 0;
	color: #3c2819;
}

/*  INDICATE selected menu*/
body.menu1 li.menu1 a, 
body.menu2 li.menu2 a,
body.menu3 li.menu3 a,
body.menu4 li.menu4 a,
body.menu5 li.menu5 a,
body.menu6 li.menu6 a{
	 color: #009d9f; 
	border-bottom: 1px solid #7e5b41;
	border-top: 1px solid #7e5b41;
}

.contact {
	width:100% ; 
	height:374px ; 
	background:url("images/card.jpg") ;
	background-position: center;
	background-repeat: no-repeat;
}

/* ************************************** */
 /*              Misc                    */
/* ************************************** */

/*  Image preloads  */
#zpreload1 {background-image: url(images_portfolio/tn-web.jpg); }
#zpreload2 {background-image: url(images_portfolio/tn-alleigs.jpg); }
#zpreload3 {background-image: url(images_portfolio/tn-ns_server.jpg); }
#zpreload4 {background-image: url(images_portfolio/tn-nsgold.jpg); }
#zpreload5 {background-image: url(images_portfolio/tn-ph.jpg); }
#zpreload6 {background-image: url(images_portfolio/tn-pink.jpg); }
#zpreload7 {background-image: url(images_portfolio/tn-hypercard.jpg); }
#zpreload8 {background-image: url(images_portfolio/tn-photo2.jpg); }
#zpreload9 {background-image: url(images_portfolio/tn-vign.jpg); }
#zpreload10 {background-image: url(images_portfolio/lg-allegis-base.jpg); }
#zpreload11 {background-image: url(images_portfolio/vign_siteworkspace.png); }
#zpreload12 {background-image: url(images_portfolio/home.gif); }
#zpreload13 {background-image: url(images_portfolio/tsm-taligent.jpg); }


