@charset "UTF-8";
/* CSS Document */

a {
	color : #0072bc;
	text-decoration : none;
}

a:hover, a:focus, a:active {
  color : #000;
  text-decoration : none;
}

a:focus, a:active {
  color : #fff;
  background-color : #000033;
}

		body {
			margin: 		0;
			padding:		0;
			font-family: 	Verdana, Helvetica, sans-serif;
			font-size: 		66%;
			background-image: url(images/headerbg.png);
			background-repeat: repeat-x;
		}

		#container {
			position:		relative;
			width:			960px;
			margin:			auto;
		}
		
		#header {
			float:			left;
			margin-top:		6px;
			width:			160px;
			height:			54px;
		}
		
		#footer {
			margin-top:		70px;
			width:			960px;
			height:			30px;
			text-align: center;
			color: #999;
		}
		
		#navigation {
			z-index: 15;
			float:			left;
			margin-top:		14px;
			width:			360px;
			height:			45px;
		}
		
		#navigation ul {
			margin:			0;
			padding:		0;
			padding-left:	0px;
			padding-right:	0px;
		}
		
		#navigation ul li {
			list-style:		none;
			float:			left;
			margin-left:	0px;
		}
		
		#navigation ul li.current {
			list-style:		none;
			float:			left;
			margin-left:	0px;
		}
		
		#navigation ul li a {
			color : 		#7b7b7b;
			display:		block;
			height:			45px;
			line-height:	45px;
			outline:		none;
			padding-left:	18px;
			padding-right:	18px;
			background-color: transparent;
		}
		
		#navigation ul li a:hover {
			color : 		#333333;
			display:		block;
			height:			45px;
			line-height:	45px;
			background:		transparent url(images/navpointer_hover.png) no-repeat center top;
		}
		
		#navigation ul li.current a {
			color : 		#0072bc;
			display:		block;
			height:			45px;
			line-height:	45px;
			background:		transparent url(images/navpointer.png) no-repeat center top;
		}
		
		#splash {
			position: absolute;
			z-index: -10;
			margin: auto;
			top:		14px;
			width:			960px;
			height:			230px;
		}
		
		#innersplash {
			float:			left;
			width:			960px;
			height:			330px;
		}
		
		#foliosplash {
			float:			left;
			width:			960px;
			height:			100px;
		}
		
		#articlesplash {
			float:			left;
			width:			960px;
			height:			100px;
		}
		
		#divider {
			float:			left;
			width:			960px;
			height:			133px;
			background: 	transparent url(images/divider.png) no-repeat top left;
		}
		
		#sampleworkspanel {
			float:			left;
			margin-top:		300px;
			width:			702px;
			height:			200px;
			background: 	transparent url(images/sampleworkspanel.png) no-repeat top left;
		}
		
		#workbox {
			float:			left;
			margin-top:		45px;
			margin-left:	25px;
			width:			200px;
			background-color: #d3d3d3;
		}
		
		#workbox2 {
			float:			left;
			margin-bottom:	45px;
			margin-left:	20px;
			width:			200px;
			background-color: #d3d3d3;
		}
		
		#workbox3 {
			float:			left;
			margin-top:		45px;
			margin-left:	12px;
			width:			200px;
			background-color: #d3d3d3;
		}
		
		#worktitle {
			float:			left;
			width:			190px;
			background-color: #d3d3d3;
			padding: 		5px;
		}
		
		#recentworkpanel {
			float:left;
			margin-top:		300px;
			margin-left:	30px;
			width:			224px;
			height:			200px;
			background: 	transparent url(images/recentworkpanel.png) no-repeat top left;
		}
		
		#contentpanel {
			float:			left;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#articlepanel {
			float:			left;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#updatescontent {
			float:			left;
			width:			740px;
		}
		
		#updatespanel {
			float:			left;
			width:			740px;
		}
		
		#date {
			float:			left;
			width:			120px;
		}
		
		#content {
			float:			left;
			width:			540px;
			padding: 		10px;
		}
		
		#sidepanel {
			float:			left;
			width:			220px;
		}
		
		#tribox {
			float:			left;
			margin-top:		25px;
			margin-left:	15px;
			width:			700px;
		}
		
		#quadpanel {
			float:			left;
			width:			960px;
		}

		#quadbox {
			float:			left;
			margin-top:		25px;
			margin-left:	15px;
			width:			222px;
			background:		url(images/quadboxbg.png) no-repeat center top;
		}
		
		#quadbox2 {
			float:			left;
			margin-top:		25px;
			margin-left:	15px;
			width:			222px;
		}
		
		#quadtitle {
			float:			left;
			margin-top:		20px;
			width:			222px;
		}
		
		#quadcontent {
			float:			left;
			width:			222px;
		}
		
		#portfoliopanel {
			float:			left;
			margin-top:		200px;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#portfoliocontentpanel {
			float:			left;
			margin-bottom:	60px;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#workspanel {
			float:			left;
			width:			740px;
		}
		
		.author {
			float:			left;
			width:			140px;
		}
		
		.comment {
			float:			left;
			width:			400px;
		}
		
		#slider {
    		position:relative;
    		width:960px; /* Change this to your images width */
    		height:350px; /* Change this to your images height */
    		background:url(images/loading.gif) no-repeat 50% 50%;
			overflow: hidden;
		}
		#slider img {
    		position:absolute;
    		top:0px;
    		left:0px;
    		display:none;
		}
		#slider a {
    		border:0;
    		display:block;
		}
		
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:200px;
	background:#fff;
	color:#000;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:250px;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
		
		
		
		
/* ----------- My Form ----------- */
.contactbox {

	margin: 		auto;
	width:			700px;
}		

/* ----------- stylized ----------- */
#stylized{
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:480px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:480px;
height:100px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#ffffff url(images/button.png) no-repeat;
border:solid 0px #ffffff;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.commentbox {

	margin: 		auto;
	width:			500px;
}

#stylizedcmt{
}
#stylizedcmt h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylizedcmt p{
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}
#stylizedcmt label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylizedcmt .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylizedcmt input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:280px;
margin:2px 0 20px 10px;
}
#stylizedcmt textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:280px;
height:100px;
margin:2px 0 20px 10px;
}
#stylizedcmt button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#ffffff url(http://www.entropicity.com/images/button.png) no-repeat;
border:solid 0px #ffffff;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}