html, body, div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select, button {

	padding: 0;
	margin: 0;
}

html {
	width: 100%;
	height: 100%;
	color: #999999;
	font: normal 12px Arial;
	background: url("../images/html-bg.gif") repeat;
}

body {
	width: 100%;
	height: 100%;
}

img {border: 0;}

h1 {
	color: #333333;
	font: normal 18px 'KozGoPr6N';
	margin: 0px 0px 15px 0px;
}

h2 {
	color: #46a6de;
	font: normal 18px arial;
}

a {outline: none;}
a {color: #999999; text-decoration: none;}
a:hover {color: #999999; text-decoration: none;}

#main {
	width: 1100px;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	margin: 0px auto -40px auto;
	z-index: 10;
}

.push {height: 40px; clear: both;}

#header {
	float: left;
	width: 100%;
	position: fixed;
	background: url("../images/html-bg.gif") repeat;
	z-index: 100;
}

.header {
	width: 1100px;
	margin: 0 auto;
	height: 76px;
	position: relative;
	padding: 23px 0px 0px 0px;
}

.logo {position: absolute;}

.header-content {
	float: right;
	width: 980px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
}

.header-title {
	float: left;
	width: 445px;
	color: #666666;
	padding: 0px 0px 0px 20px;
	background: url("../images/header-title-bg.gif") no-repeat;
}

.header-title p {margin: 0px 0px 5px 0px;}

.selectbox {
	float: right;
	position: relative;
	background: #333333;
	z-index: 100;
}

.selectbox .current-selection {
	float: left;
	width: 176px;
	height: 15px;
	padding: 2px 4px 2px 4px;
	background: url("../images/select-button.png") no-repeat 170px;
	cursor: pointer;
}

.selectbox .dropdown {
	display: none;
	position: absolute;
	left: 0px; top: 20px;
	z-index: 100;
}

.selectbox .dropdown ul {
	float: left;
	width: 184px;
	list-style: none;
	background: #333333;
	padding: 3px 0px 7px 0px;
}

.selectbox .dropdown ul li {
	float: left;
	width: 176px;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
}

.selectbox .dropdown ul li:hover {background: #ffffff;}
.selectbox .dropdown ul li:hover a {color: #000000 !important;}

.selectbox a {font-size: 11px; color: #fff !important;}


.selectbox1 {
	float: right;
	position: relative;
	background: #333333;
	z-index: 100;
}

.selectbox1 .current-selection1 {
	float: left;
	width: 176px;
	height: 15px;
	padding: 2px 4px 2px 4px;
	background: url("../images/select-button.png") no-repeat 170px;
	cursor: pointer;
}

.selectbox1 .dropdown1 {
	display: none;
	position: absolute;
	left: 0px; top: 20px;
	z-index: 100;
}

.selectbox1 .dropdown1 ul {
	float: left;
	width: 184px;
	list-style: none;
	background: #333333;
	padding: 3px 0px 7px 0px;
}

.selectbox1 .dropdown1 ul li {
	float: left;
	width: 176px;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
}

.selectbox1 .dropdown1 ul li:hover {background: #ffffff;}
.selectbox1 .dropdown1 ul li:hover a {color: #000000 !important;}

.selectbox1 a {font-size: 11px; color: #fff !important;}

#content {
	float: left;
	width: 1100px;
	position: relative;
	margin: 90px 0px 0px 0px;
	padding-bottom: 20px;
}

.left-column {
	float: left;
	width: 100px;
}

.right-column {
	float: right;
	width: 980px;
}

.nav {
	float: left;
	width: 100px;
	position: fixed;
	margin: 87px 0px 0px 0px;
}

.nav ul {
	list-style: none;
	border-top: 3px solid #2e2e2e;
}

.nav ul li {
	display: block;
	border-bottom: 1px solid #2e2e2e;
}

.nav ul li a {
	display: block;
	color: #333333;
	padding: 1px 0px 3px 5px;
	text-decoration: none;
}

.nav ul li a:hover {
	color: #ffffff;
	background: #2e2e2e;
}



.selects {
	float: right;
	font-size: 14px;
	margin: 10px -15px 0px 0px;
}

.selects td {padding: 0px 15px 3px 0px;}

.content-block {
	float: left;
	width: 100%;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #cccccc;
}

.portfolio {
	float: left;
	width: 100%;
	padding: 20px 0px;
}

.portfolio ul {
	float: left;
	width: 995px;
	list-style: none;
	margin: 0px -14px 0px 0px;
}

.portfolio ul li {
	float: left;
	width: 177px;
	height: 250px;
	position: relative;
	margin: 0px 14px 22px 0px;
	padding: 4px 4px 4px 4px;
	background: url("../images/images-bg.png") no-repeat;
}

.portfolio .img {
	position: absolute;
	z-index: 1;
	left: 4px;
	top: 4px;
	height: 250px;
	overflow: hidden;
}

.portfolio .img img {
	filter: alpha(opacity=0);
	opacity: 0;
}

.portfolio .loaded img {
	filter: alpha(opacity=100);
	opacity: 1;
}

.portfolio .clone {
	position: absolute;
	z-index: 2;
	left: 4px;
	top: 4px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.portfolio .hover .clone {
	filter: alpha(opacity=100);
	opacity: 1;
}

.portfolio a {
	cursor: pointer;
}

.img-name {
	display: none;
	position: absolute;
	z-index: 3;
	left: 4px;
	bottom: 4px;
	width: 175px;
	margin: -43px 0px 0px 0px;
	padding: 10px 2px 5px 2px;
	text-align: center;
	background: #ffffff;
}

.img-name em {
	color: #333333;
	font-size: 13px;
	font-style: normal;
}

.portfolio ul li:hover .img-name {
	display: block;
}

.contact {
	float: left;
	width: 100%;
}

.contact td {vertical-align: top;}
.contact p {padding: 0px 0px 5px 0px;}

.contact a:hover {color: #333333;}

.profyle, .about {
	float: left;
	width: 100%;
}

.profyle td, .about td {
	line-height: 18px;
	vertical-align: top;
	padding: 0px 80px 10px 0px;
}

.profyle p, .about p {padding: 0px 0px 5px 0px;}

.profyle a:hover, .about a:hover {color: #333333;}

.services td {
 width: 305px;
 vertical-align: top;
 padding: 0px 20px 20px 0px;
}
.services {
	float: left;
	width: 100%;
}

.services li {
	float: left;
	width: 305px;
	height: 100px;
	list-style: none;
	margin: 0px 20px 20px 0px;
}

.title {
	float: left;
	width: 100%;
	margin: 0px 0px 7px 0px;
}

.title a {font: normal 18px 'KozGoPr6N';}
.title a:hover {color: #333333;}

.title  img {
	vertical-align: middle;
	margin: 0px 6px 0px 0px;
}

.left-block {
	float: left;
	width: 367px;
}

.rigt-block {
	float: right;
	width: 582px;
}

.left-block h3 {
	color: #333333;
	font: normal 18px 'KozGoPr6N';
}

.left-block p {padding: 0px 0px 20px 0px;}

#footer {
	width: 100%;
	bottom: 0px;
	position: fixed;
	background: url("../images/html-bg.gif") repeat;
	z-index: 100;
}

.footer {
	width: 1100px;
	height: 3px;
	margin: 15px auto;
	position: relative;
	padding: 22px 0px 15px 0px;
	border-top: 1px solid #cccccc;
}

.icons {float: left;}

.icons td {
	padding: 0px 25px 0px 0px;
	vertical-align: top;
}

.copyrights {float: right;}

/* Begin Images */
p img {
     padding: 0;
     max-width: 100%;
     }

/*     Using 'class="alignright"' on an image will (who would've
     thought?!) align the image to the right. And using 'class="centered',
     will of course center the image. This is much better than using
     align="center", being much more futureproof (and valid) */

img.centered {
     display: block;
     margin-left: auto;
     margin-right: auto;

	}

img.alignright {
     padding: 4px;
     margin: 0 0 2px 7px;
     display: inline;
     }

img.alignleft {
     padding: 4px;
     margin: 0 7px 2px 0;
     display: inline;
     }

.alignright {
     float: right;
     }

.alignleft {
     float: left;
     }
/* End Images */


.slideshow {
	float: left;
	width: 582px;
	height: 466px;
	position: relative;
	padding: 0px 0px 25px 0px;
}

.slideshow ul {
	top: 0px;
	right: 0px;
	width: 582px;
	position: absolute;
	list-style: none;
	z-index: 0;
}

.slideshow ul li {
	width: 582px;
	position: absolute;
}

.slideshow ol {
	bottom: -10px;
	right: 0px;
	height: 17px;
	position: absolute;
	list-style: none;
	overflow: hidden;
	z-index: 1;
}

.slideshow ol li {
	float: left;
	width: 20px;
	height: 17px;
	overflow: hidden;
	cursor: pointer;
}

.slideshow ol li a {
	float: left;
	font-size: 11px;
	margin: 0px 1px 5px 1px;
	cursor: pointer;
}

.slideshow ol li a b {
	float: left;
	position: relative;
	font-weight: normal;
	right: 0px; top: 0px;
	padding: 0px 5px 3px 6px;
}

.slideshow ol li a:hover {color: #ffffff; background: url("../images/page-button.gif") no-repeat 0 0;}
.slideshow ol li a b:hover {background: url("../images/page-button.gif") no-repeat 100% 0;}

.slideshow .active a {
	float: left;
	font-size: 11px;
	margin: 0px 0px -5px 0px;
	color: #ffffff;
	background: url("../images/page-button.gif") no-repeat 0 0;
	cursor: pointer;
}

.slideshow .active a b {
	float: left;
	position: relative;
	font-weight: normal;
	right: 0px; top: 0px;
	padding: 0px 5px 3px 6px;
	background: url("../images/page-button.gif") no-repeat 100% 0;
}

.widget-title{
	display:none;
}
.header-title li{
	list-style:none;
}

.entry-meta{
	display:block;
}
#loader{
	display:none;
	padding-top:10px;
}

span.from-meta{
	display:none;
}