/* JAG-wire.net styles */
/* by Jeff Ginger */
/* last updated 02.14.07 */

/* 

background: #C9C7C0
text: #333
links: #336699
active links: #999999

/* General Styles */

	@font-face {
	/* IE font-embedding */
	font-family:"Calibri";
	src: url(../../fonts/CALIBRI3.eot);
	}

	body{
	background:#C9C7C0;
	margin:2ex;
	padding:0;
	font-family:"Calibri";
	font-size:100%;
	color:#333;
	}

	/* hack for non-IE */
	html>/**/body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	}
	
	h3{
	color:#666;
	}
	
	h2{
	color:#333;
	}
	
	h4{
	margin-bottom:0;
	}
	
	h6{
	font-weight:bold;
	}
	
	a:link, a:visited{text-decoration:none;-bottom:1px dotted #ABC;color:#336699;}
	a:active, a:hover{border-bottom:1px solid #ABC;color:#999999;}
	
	.indent{
	margin:0 0 1ex 4ex;
	}
	
	.item{
	margin-bottom:0;
	}
	
	.pictureGrid{
	border:0;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	}
	
	.pictureGrid a:link img, .pictureGrid a:visited img{
	border:1px solid #2E5052;
	}
	
	.right{
		float:right;
		margin-left:4px;
	}
	
	.top{
		background:url(top.jpg) no-repeat 5px;
		padding-left:15px;
	}
	
/* Skip Link Styles */

	#skiplinks{
	position:absolute;
	left:-1200px;
	height:0;
	width:0;
	}
	
	.skiplink{
	position:absolute;
	left:-1200px;
	height:0;
	width:0;
	}
	
/* Banner Styles */

	#banner{
	background:url(corner.gif) no-repeat right top #333;
	width:auto;
	margin-right:330px;
	padding:2ex 0 1ex 1.5ex;
	position:relative;
	}
	
	/* hack for non-IE */
	/*
	html>/**//*body #banner{
	margin-right:330px;
	}
	no longer needed?
	*/
	
	#title{
	padding:0;
	margin:0;
	}

	#title h1, #title h2{
	position:absolute;
	top:-1200px;
	width:0;
	height:0;
	}
	
	#banner img{
	border:0;
	margin:0 0 5px 0;
	padding:0;
	}
	
	#banner a:active, #banner a:hover{text-decoration:none;}
	
/* Navigation Styles */

	#nav{
	color:#FFF;
	font-size:80%;
	height:7ex;
	width:515px;
	margin:-0.5ex 0 0 0;
	background:none;
	}
	
	/* hack for non-IE */
	html>/**/body #nav{
	margin-left:0;
	width:660px;
	}

	#nav ul{
	list-style:none;
	margin:0 0 0 7px;
	padding:0;
	}
	
	#nav li{
	display:inline;
	margin:0;
	padding:0;
	}

	#nav a:link, #nav a:visited{text-transform:uppercase;color:#FFF;line-height:140%;border:0;}
	#nav a:active, #nav a:hover{color:#7FDEFE;}
	
/* Content Styles */

	#content{
	margin-right:330px;
	margin-top:1ex;
	background:url(corner.gif) no-repeat right top #FFF;
	padding:2ex;
	font-size:95%;
	position:relative;
	}
	
	/* hack for non-IE */
	html>/**/body #content{
	margin-right:330px;
	}
	
	#content h2{
	margin:0;
	}
	
	#content h3{
	margin:0;
	font-size:125%;
	}
	
	#content h4{
	background:url(headerbullet.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0;
	}
	
	#content h5{
	margin:0;
	color:#AAA;
	font-weight:normal;
	}
	
	#content h6{
	margin-bottom:0;
	font-size:95%;
	}
	
	.headerbox0{
	color:white;
	background:#848E8F;
	padding:2px;
	margin-bottom:0.5ex;
	}

	
	.headerbox{
	background:#E4E8D1;
	padding:3px;
	margin-bottom:1.5ex;
	}
	
/* Column Styles */

	#col{
	float:right;
	padding:2ex 10px 2ex 20px;
	margin-left:1ex;
	margin-top:-15ex;
	background:url(corner.gif) no-repeat right top #FFF;
	width:280px;
	font-size:95%;
	}
	
	/* hack for non-IE */
	html>/**/body #col{
	margin-top:-15ex;
	}
	
	#col img{
	clear:both;
	border:1px solid #666;
	}
	
	#col h3{
	margin-bottom:0;
	}
	
	#col h4{
	font-size:110%;
	font-weight:bold;
	margin-bottom:0;
	}
	
	#col h5{
	font-size:100%;
	font-weight:normal;
	margin-top:0ex;
	color:999;
	font-style:italic;
	}
	
	#col h6{
	font-size:100%;
	margin:-0.5ex 0 1ex 0;
	font-weight:bold;
	}
	
	#col h6 a{font-weight:normal;}
	
	#col p{
	margin-top:0;
	}
	
	#col ul{
	margin:1ex 0.5ex 1ex 2.5ex;
	padding:0;
	}
	
	#col li{
	margin:0;
	}
	
	#col input{
	margin-top:2px;
	margin-bottom:15px;
	}
	
	#col .gobutton{
	background:#848E8F;
	text-transform:uppercase;
	font-size:7pt;
	margin:0px 0 0px 0.1ex;
	padding:3px 3px 3px 3px;
	width:30px;
	float:left;
	text-align:center;
	height:24px;
	}
	
	#col form{
	margin-bottom:3ex;
	}
	
	#col .webportfolio{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1ex;
	padding:1px;
	width:240px;
	height:176px;
	}
	
/* Tray Styles */

	#tray{
	text-align:center;
	font-size:85%;
	padding:2ex;
	color:#666;
	}
	
	#tray ul{
	list-style:none;
	margin:0;
	text-align:center;
	}
	
	#tray li{
	display:inline;
	margin:0;
	}
	
	#tray p{
	padding:0;
	margin:1ex;
	}
	
	#tray img{
	border:1px solid #666;
	margin:2ex;
	}
	
	#tray a:link, #tray a:visited{color:#222;margin:0;border:0;}
	#tray a:active, #tray a:hover{color:#336699;text-decoration:underline;}