* { margin: 0; padding: 0; outline: 0; }



a { color: #0072cf; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { border-top: solid 5px #222222; }

.shell { padding-bottom: 60px; width: 982px; margin: 0 auto; }



#logo { display: inline; float: left; padding: 2px 0 0 2px; width: 272px; }
#logo .slogan { font-size: 11px; line-height: 19px; color: #767676; }
#logo a { display: block; padding-bottom: 5px; width: 272px; height: 18px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }

#navigation { display: inline; float: right; }
#navigation ul li { display: inline; float: left; padding-left: 8px; list-style: none; font-weight: bold; text-shadow: 1px 1px #fff; line-height: 39px; }
#navigation ul li a { float: left; padding-left: 17px; height: 39px; background: url(images/nav-item.png) no-repeat 0 -4000px; color: #000; text-decoration: none; }
#navigation ul li a span { float: left; padding-right: 17px; background: url(images/nav-item.png) no-repeat right -4000px; }
#navigation ul li a:hover { background-position: 0 0; }
#navigation ul li a:hover span { background-position: right 0; }



#thumbs-slider { padding: 18px 0 0 39px; width: 918px; }
#thumbs-slider .jcarousel-container,
#thumbs-slider .jcarousel-clip { position: relative; overflow: hidden; width: 918px; height: 104px; }
#thumbs-slider .jcarousel-clip ul li { position: relative; overflow: hidden; width: 153px; }
#thumbs-slider .jcarousel-clip ul li a { float: left; padding-right: 16px; width: 137px; }
#thumbs-slider .jcarousel-clip ul li a img { padding: 1px; border: solid 1px #f1f1f1; display: block; }
#thumbs-slider .jcarousel-clip ul li.active a img { border-color: #7c7a7a; }

#prev-btn { position: absolute; top: 66px; left: 12px; width: 12px; height: 16px; background: url(images/slider-arrows.png) no-repeat 0 0; text-indent: -4000px; }
#next-btn { position: absolute; top: 66px; right: -12px; width: 12px; height: 16px; background: url(images/slider-arrows.png) no-repeat -12px 0; text-indent: -4000px; }

#main {
	position: relative;
	width: 979px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 24px;
	padding-left: 3px;
}

h2 { font-family: Arial, helvetica, sans-serif; font-size: 21px; font-weight: normal; line-height: 32px; color: #222222; }
a.read-more { padding-left: 7px; font-size: 11px; color: #0099d1; background: url(images/read-more.png) no-repeat 0 50%; text-decoration: none; }
a.read-more:hover { text-decoration: underline; }

#content { display: inline; float: left; width: 670px; }
.post h2 { padding-bottom: 20px; }
.post img { display: block; float: left; padding: 0 20px 0 16px; }
.post p { padding-bottom: 20px; }

#sidebar { display: inline; float: right; width: 241px; }
.box ul { padding: 16px 0 0 16px; }
.box ul li { font-size: 14px; color: #b9d5ed; line-height: 26px; }

.widgets {
	position: relative;
	margin-top: 5px;
	width: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 30;
	background-position: center 0;
}
.col { display: inline; float: left; padding-right: 35px; width: 215px; }
.col img { float: right; display: block; margin-top: 4px; padding: 1px; border: solid 1px #e3e3e3; border-top: 0; background: #fff; }
.col h2 {
	padding-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #333;
}
.last { padding-right: 0; }

.contact-us { display: inline; float: right; padding: 0; width: 241px; }
.contact-us h2 { padding: 0 0 13px 33px; background: url(images/contact-us.png) no-repeat 0 8px; }
.contact-us p {
	line-height: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
}

.projects { display: inline; float: left; width: 675px; }
.projects h2 {
	padding-bottom: 16px;
	text-align: right;
}
.projects-slider {
	width: 633px;
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 30px;
} 
.projects-slider .jcarousel-container { position: relative; overflow: hidden; width: 633px; height: 88px; }
.projects-slider .jcarousel-clip { position: relative; overflow: hidden; width: 633px; height: 88px; }
.projects-slider .jcarousel-clip li  { position: relative; overflow: hidden; margin-right: 21px; width: 88px; height: 88px; }
.projects-slider .jcarousel-clip li img { display: block; padding: 1px; background: #fff; border: solid 1px #bebebe; }
.projects-slider .jcarousel-prev-disabled,
.projects-slider .jcarousel-next-disabled { display: none !important; }
.projects-slider .jcarousel-prev,
.projects-slider .jcarousel-next { position: absolute; top: 36px; left: 0; width: 11px; height: 15px; background: url(images/projects-slider-arrows.png); cursor: pointer; }
.projects-slider .jcarousel-next { left: auto; right: 0; background-position: -11px 0; }

#footer { padding: 16px 0 0 3px; background: url(images/separator.png) no-repeat 0 0; }
#footer .copy { display: inline; float: right; color: #a6a6a6; }
#footer .copy span { padding: 0 9px 0 6px; }
#footer .copy a { color: #0099d1; font-size: 12px; }

#bottom-nav { color: #a6a6a6; font-size: 11px; }
#bottom-nav a { color: #a6a6a6; }
#bottom-nav span { padding: 0 8px 0 7px; }