html, body{
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	padding: 0;
	margin: 0;
	height: 100%;
	}
	
/* *** GENERAL HTML *** */

a img{
	border: none;
}

a:link, a:visited{
	color: #749dd2;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h1{
	text-indent: -9999px;
	margin: 0;
	height: 0;
}

h2{
	color: #749dd2;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
}


	#contentAreaHome h1{
		margin: 0 0 30px 0;
		font-size: 24px;
		line-height: 26px;
		text-indent: 0;
		color: #749dd2;
		height: auto;
		font-weight: normal;
	}
	
	#contentAreaHome h3{
		padding: 20px 0;
	}

h3{
	color: #749dd2;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: normal;
	clear: left;
}

h4{
	color: #749dd2;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-weight: normal;
}

p{
	margin: 0 0 15px 0;
}
	
/* *** SIDE COLUMN STYLE *** */
	
#navigation{
	min-height: 100%;
	position: fixed !important;
	position: absolute;
	width: 230px;
	left: 35px;
	
	}
	
* html #navigation{margin-left: 35px}
	
	#navMain, #navSub{
		padding: 0;
		margin: 42px 0 0 0;
		list-style: none;
		line-height: 15px;
		font-size: 11px;
	}
	
		#navSub{
			padding-left: 20px;
			color: #749DD2;
		}
	
#logo{
	height: 63px;
	color: #fff;
	margin-top: 84px;
	}
	
#dkLogo{
	display: block;
}
	
	#logo a{
		background: url(../images/logo-designko.png) no-repeat bottom left;
		display: block;
		width: 87px;
		height: 63px;
		text-decoration: none;
	}
	
#menus{
	position: relative;
	display: block;
	padding-bottom: 80px;
	}
	
	#mainMenu{
		width: 75px;
		padding-bottom: 120px;
	}
	
	#subMenu{
		width: 155px;
		padding-bottom: 120px;
	}
	
#footer{
	position: absolute;
	clear: both;
	bottom: 0;
	width: 100%;
	font-size: 10px;
	color: #ccc;
	height: 80px;
	left: 0;
	}
	
/**:first-child+html #footer{top: 90%}*/
	
	#footer a:link, #footer a:visited{
		color: #ccc;
	}
	
	#twitter, #facebook, #flickr{
		float: left;
		margin: 0 5px 5px 0;
		width: auto;
		}
		
	#twitter a:link, #twitter a:visited{
		background: url(../images/icoTwit.gif) no-repeat 0 0;
		display: block;
		width: 36px;
		height: 25px;
		text-decoration: none;
		}
		
	#facebook a:link, #facebook a:visited{
		background: url(../images/icoFace.gif) no-repeat 0 0;
		display: block;
		width: 27px;
		height: 25px;
		text-decoration: none;
		}
		
	#flickr a:link, #flickr a:visited{
		background: url(../images/icoFlickr.gif) no-repeat 0 4px;
		display: block;
		width: 67px;
		height: 22px;
		text-decoration: none;
		}
		
	#twitter a:hover{	
		background: url(../images/icoTwit.gif) no-repeat 0 -48px;
		}
	
	#facebook a:hover{	
		background: url(../images/icoFace.gif) no-repeat 0 -47px;
		}
		
	#flickr a:hover{	
		background: url(../images/icoFlickr.gif) no-repeat 0 -43px;
		}
		
	#footer p{
		clear: both;
		margin: 5px 0 0 0;
	}
	
/* *** CONTENT AREAS *** */

#head{
	position: fixed !important;
	position: absolute;
	left: 265px;
	top: 0;
	height: 152px;
	background: url(../images/head-bg.png);
	width: 660px;
	z-index: 500;
}

* html #head{margin-left: 15px;}
* html #contentArea{margin-left: 15px;}
* html #galleryContentArea{margin-left: 15px;}
* html #contentAreaHome{margin-left: 15px}

	#dkH1{
		text-indent: -9999px;
		background: url(../images/heading-designko.png) no-repeat bottom left;
		width: 108px;
		height: 17px;
		float: left;
		margin: 130px 0 0 0;
	}	

#contentArea{
	position: relative;
	left: 265px;
	width: 660px;
	overflow: visible;
	z-index: 1;
	padding-top: 188px;
}

#galleryContentArea{
	position: relative;
	left: 265px;
	width: 660px;
	overflow: visible;
	z-index: 1;
	padding-top: 174px;
}

*:first-child+html #galleryContentArea{padding-top: 0;} * html #galleryContentArea{margin-top: 188px;}

* html #contentArea{}

#contentAreaHome{
	position: relative;
	left: 265px;
	width: 570px;
	overflow: visible;
	z-index: 1;
	padding-top: 191px;
}

#twitter_div{
		background: url(../images/ico-twitter.gif) no-repeat 0 0;
		clear: left;
		padding: 0;
		margin-top: 20px;
	}
	
	#twitterLink{
		display: block;
		width: 36px;
		height: 30px;
		margin-bottom: 10px;
		text-decoration: none;
	}
	
	#twitter_update_list{
		list-style: square; 
		margin: 0 0 15px 17px;
		padding: 0;
		font-style: italic;
		width: 300px;
		line-height: 17px;
	}
	
	#twitter_update_list li{
		margin-bottom: 5px;
	}
	
	.twitLink{
		margin: 0 0 0 5px;
	}
	
#mainContent{
	width: 440px;
	margin: 0 20px 80px 0;
	float: left;
}

#sideContent{
	float:  left;
	width: 200px;
}

#backToTop{
	width: 650px;
	text-align: right;
}

	#backToTop a:link, #backToTop a:visited{
		color: #999;
	}

/* *** Style Classes *** */

.menu{
	float: left;
	width: auto;
}

.navigation a:link, .navigation a:visited{
	text-decoration: none;
	color: #999;
	padding: 2px 0;
}
	
.navigation a:hover{
	color: #fff;
	background: #749dd2;
}

#navSub a.active{
	color: #333;
}



.homePortfolio{ /* index page links */
	width: 139px;
	height: 87px;
	display: block;
	float: left;
	background: lightgray;
	margin: 0 3px 3px 0;
}

.homePortfolioLg{ /* index page links */
	width: 285px;
	height: 180px;
	display: block;
	float: left;
	background: lightgray;
	margin: 0;
}

.portThumbs{
	float: left;
	margin: 0 0 80px 0;
	padding: 0;
	width: 285px;
	height: 180px;
}

	#homePortfolioLg{
		background: url(../images/homePortfolioLarge.gif) no-repeat top left;
	}
	
	#homePortfolio1{
		background: url(../images/thumb-up-01.gif) no-repeat top left;
	}
	
	#homePortfolio1:hover{
		background: url(../images/thumb-over-01.gif) no-repeat top left;
	}
	
	#homePortfolio2{
		background: url(../images/thumb-up-02.gif) no-repeat top left;
	}
	
	#homePortfolio2:hover{
		background: url(../images/thumb-over-02.gif) no-repeat top left;
	}
	
	#homePortfolio3{
		background: url(../images/thumb-up-03.gif) no-repeat top left;
	}
	
	#homePortfolio3:hover{
		background: url(../images/thumb-over-03.gif) no-repeat top left;
	}
	
	#homePortfolio4{
		background: url(../images/thumb-up-04.gif) no-repeat top left;
	}
	
	#homePortfolio4:hover{
		background: url(../images/thumb-over-04.gif) no-repeat top left;
	}
	
	#homePortfolio5{
		background: url(../images/thumb-up-05.gif) no-repeat top left;
	}
	
	#homePortfolio5:hover{
		background: url(../images/thumb-over-05.gif) no-repeat top left;
	}
	
	#homePortfolio6{
		background: url(../images/thumb-up-06.gif) no-repeat top left;
	}
	
	#homePortfolio6:hover{
		background: url(../images/thumb-over-06.gif) no-repeat top left;
	}
	
	#homePortfolio7{
		background: url(../images/thumb-up-07.gif) no-repeat top left;
	}
	
	#homePortfolio7:hover{
		background: url(../images/thumb-over-07.gif) no-repeat top left;
	}
	
	#homePortfolio8{
		background: url(../images/thumb-up-08.gif) no-repeat top left;
	}
	
	#homePortfolio8:hover{
		background: url(../images/thumb-over-08.gif) no-repeat top left;
	}


.portfolio{
	margin: 20px 0 10px 0;
	border: 1px solid #ededed;
	background: url(../images/loading.gif) no-repeat 294px 134px;
	display: block;
	min-width: 620px;
	min-height: 150px;
	/*float: left;*/
}

.work{
	padding-bottom: 10px;
}

.scrollNav{
	width: 10px;
	height: 30px;	
	bottom: 45px;
	position: relative;
	left: 640px;
}

.scrollNavSingle{
	width: 10px;
	height: 30px;	
	bottom: 35px;
	position: relative;
	left: 640px;
}

	a.up{
		text-decoration: none;
		padding-bottom: 5px;
	}
	
	a.dwn{	
		text-decoration: none;
	}
	
.anchor{
	position: relative;
	bottom: 159px;
	left: 700px;
	width: 15px;
}

*:first-child+html .anchor{bottom:0; margin-bottom: 168px;} * html .anchor{bottom:0}

#mainContent ul{
	margin: 0 0 20px 14px;
	padding: 0;
	list-style: square;
}

	
.description{
	font-style: italic;
	width: 620px;
	text-align: right;
}	

.title{
	font-weight: bold;
	width: 15px;
	display: block;
	float: left;
}

.tabledefault{
	margin: 0;
	padding: 0;
}

.network{
	float: left;
	height: 51px;
	margin: 10px 20px 0 0;
	display: block;
}

.network:hover{
	text-decoration: none;
}

	#printko{
		background: url(../images/network-printko-up.gif) no-repeat top left;
		width: 122px;
	}
	
	#printko:hover{
		background: url(../images/network-printko-over.gif) no-repeat top left;
		width: 122px;
	}
	
	#siteFusion{
		background: url(../images/network-sf-up.gif) no-repeat top left;
		width: 131px;
	}
	
	#siteFusion:hover{
		background: url(../images/network-sf-over.gif) no-repeat top left;
		width: 131px;
	}
	
	#netko{
		background: url(../images/network-netko-up.gif) no-repeat top left;
		width: 70px;
	}
	
	#netko:hover{
		background: url(../images/network-netko-over.gif) no-repeat top left;
		width: 70px;
	}
	
.svsList{
	float: left;
	width: 160px;
	margin: 0 20px 0 0;
}

.caption{
	color: #666;
	font-style: italic;
	text-align: center;
}

.lgText{
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
}

.alert{
	color: #f00;
	font-size: 12px;
}

/* *** BLOG STYLE *** */

.blog-post, .post-list{
	width: 440px;
	float: left;
	margin-bottom: 20px;
}

.post-body{
	font-size: 12px;
}

.post-body .links{
	margin: 10px 0 0 0;	
}

.side-panel{
	/*float: left;
	margin-left: 60px;*/
	position: fixed;
	left: 800px;
	width: 160px;
	padding-top: 0px;
}

	.side-panel ul{
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
	
	.side-panel a:link, .side-panel a:visited{
		color: #999;
	}
	
	.side-panel a:hover{
		text-decoration: underline;
	}

.blog-post h3{
	margin-bottom: 0;
}

.post-details{
	font-size: 10px;
	font-style: italic;
	margin-bottom: 15px;
}

.comment-list H4{
	margin: 5px 0;
	font-weight: bold;
}

.comment-list .form .item{
	margin: 10px 0;
	float: none;
}

.comment-list .form label{
	color: #749dd2;
	margin-bottom: 10px;
	}
	
.cat_textbox_small, .cat_textbox, .cat_listbox_small, .cat_dropdown, .cat_listbox{
	border: 1px solid #d3d3d3;
	margin: 5px 0;
	padding: 5px;
	width: 160px;
	font-size: 12px;
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
}

.supportBox{
	width: 260px;
}

.fileAttach{
	clear: left;
	margin: 0 0 10px 0;
}

.fileAttach input{
	border: 1px solid #ccc;
}


input[type=text]:focus, textarea:focus, select:focus{
  	border: 1px solid #749DD2;
}

.cat_dropdown_smaller{
	border: 1px solid #d3d3d3;
	margin: 5px 0;
	padding: 5px 2px;
	width: 70px;
	font-size: 12px;
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
}

.blog-comment-container{
	margin: 0 0 25px 0;
}

.comment{
	background: url(../images/blog-comment-bg.gif) bottom left no-repeat #e6e5e5;
	padding: 10px 10px 25px 10px;
	width: 420px;
	margin-top: 10px;
	font-style: italic;
}

.commentName{
	color: #666766;
}

.webform .item{
	float: left;
	width: 170px;
	margin: 0 20px 10px 0;
}

#contentArea .wideItem{
	float: left;
	width: 360px;
	margin: 0;
}

.wideItem .cat_listbox{
	width: 350px;
	margin: 0 0 20px 0;
}

#contentArea .formRow{
	width: 660px;
	clear: left;
}

.noFloat{
	float: none;
	width: auto;
}

#CAT_Custom_869, #customfields{
	margin: 0;
	padding: 0;
}

/* *** IE6 PNG Fix *** */

img, div, a { 
	behavior: url(/iepngfix.htc);
	}