div {position: relative;}
li.last,
li.first {background: none !important;}
.clear {clear: both; line-height: 0;}
.clearleft {clear: left; line-height: 0;}
.clearright {clear: right; line-height: 0;}


body {font-family: arial, sans-serif; font-size: 12px; color: #536d7b;}
div.area {width: 978px; margin: 0 auto;}
p {margin-bottom: 20px;}
p.view {color: #9faab0; text-decoration: none; text-align: right;}

p.top {text-align: right; font-size: 11px !important;}
	p.top a {color: #d1d1d1;}

div#header { background: url(images/header-bg.png) 0 0 repeat-x; height: 50px; margin-bottom: 1px; }
	div#header h1#logo {position: absolute; top: 0; left: 0; background: url(images/logo-area.png) 0 0 repeat-x; height: 73px; width: 182px; z-index: 90;}
	div#header h1#logo a {background: url(images/logo.png) 0 0 no-repeat; height: 73px; width: 182px; display: block;}
	div#header h1#logo a span {display: none;}
	
	div#header h2 {padding: 20px 110px 0 200px; float: left; color: #969288; font-weight: bold; font-size: 11px;}
	
	div#logobottom {position: absolute; top: 51px; left: 50%; background: url(images/logobottom.png) 0 0 repeat-x; height: 20px; width: 180px; z-index: 90; margin-left: -488px;}
	/* TAB NAVIGATION
div#header ul {padding: 27px 0 0 0;}
	div#header ul li {text-align: center; float: left; font-size: 12px; background: url(images/tab-3-left.png) 0 100% no-repeat; height: 26px; padding-left: 10px; margin: 0 0 0 6px; display: block;}
	div#header ul li a {float: left; background: url(images/tab-3-right.png) 100% 100% no-repeat; padding: 7px 10px 0 0; display: block; height: 19px; color: #0e1c22; text-decoration: none;}
	div#header ul li a:hover {color: #969288; }
	div#header ul li#current {background-image: url(images/tab-1-left.png);}
	div#header ul li#current a {background-image: url(images/tab-1-right.png);}
*/

	/* SIMPLE  NAVIGATION */
div#header ul {padding: 12px 0 0 0;}
	div#header ul li {text-align: center; float: left; font-size: 12px; height: 26px; padding-left: 10px; margin: 0 0 0 6px; display: block;}
	div#header ul li a {float: left; padding: 7px 10px 0 0; display: block; height: 19px; color: #FFF; text-decoration: none; font-weight: bold;}
	div#header ul li a:hover {color: #969288; }
	div#header ul li#current {}
	div#header ul li#current a {color: #969288; }
	
div#feature {background: url(images/feature-bg.jpg) 50% 0 repeat-x; height: 312px; margin-bottom: 1px; padding-top: 55px; color: white;}
	div#feature div.area {background: url(images/feature-area.png) 50% 0 repeat-x; height: 254px; }
		div#feature div.area div#sticky {position: absolute; top: -28px; right: -10px;  background: url(images/feature-sticky-white.png) 0 0 no-repeat; width: 339px; height: 313px;}
			div#feature div.area div#sticky img {padding: 15px 0 0 15px;}
		 /* div#feature div.area div#sticky {position: absolute; top: 46px; right: 40px;} */
		/* div#feature div.area div#sticky img {padding: 0; border: 3px solid #FFF;} */
		
		div#feature div.area h1 {float: left; width: 170px; font-size: 28px; margin: 44px 60px 0 45px;}
		div#feature div.area p {padding: 80px 400px 0 55px; line-height: 16px; font-size: 13px; text-align: justify;}
		div#feature div.area p a {font-weight: bold; color: #fef89a; text-decoration: none;}
		div#feature div.area p a:hover {color: #3b6879; text-decoration: none;}
		
div#feature_half {background: url(images/feature-bg.jpg) 50% 0 repeat-x; height: 52px; margin-bottom: 1px; padding: 55px 0; color: white;}
	div#feature_half div.area {background: url(images/feature-area.png) 50% 0 repeat-x; height: 52px; }
	div#feature_half div.area div#sticky {display: none;}
		div#feature_half div.area div#sticky img {padding: 16px 0 0 16px;}
		
		div#feature_half div.area h1 {font-size: 28px; padding: 10px 0 0 0; margin: 0 0 10px 35px; color: #a3a3a3;}
			div#feature_half div.area h1 b {color: #FFFFFF;}
		div#feature_half div.area p {padding: 0 390px 0 35px; line-height: 16px; font-size: 13px; text-align: justify;}
		div#feature_half div.area p a {font-weight: bold; color: #fef89a; text-decoration: none;}
		
div#feature_mini {background: url(images/feature-bg.jpg) 50% 0 repeat-x; height: 30px; margin-bottom: 1px; padding: 4px 0 16px; color: white;}
	div#feature_mini div.area { }
	div#feature_mini div.area div#sticky {display: none;}
		div#feature_mini div.area div#sticky img {padding: 16px 0 0 16px;}
		
		div#feature_mini div.area h1 {text-align: right; font-size: 18px; padding: 10px 0 0 0; margin: 0 15px 10px 0; font-weight: bold;}
		div#feature_mini div.area p {padding: 0 390px 0 35px; line-height: 16px; font-size: 13px; text-align: justify;}
		div#feature_mini div.area p a {font-weight: bold; color: #fef89a; text-decoration: none;}
		
div#highlights { background: url(images/highlights-bg.png) 0 0 repeat-x; margin-bottom: 40px;}
	div#highlights div.area {padding-bottom: 40px; border-bottom: 1px solid #eeeeee;}
	div#highlights div.highlight {float: left; width: 280px; padding: 0 30px; background: url(images/highlight-border.png) 100% 30px no-repeat;}
	
	div.highlight h3 {line-height: 28px; color: white; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
	div.highlight h2 {line-height: 20px; color: #0f1c23; font-size: 16px; font-weight: bold; margin-bottom: 10px;}

div#content {clear: both; background: url(images/content-bg.png) 0 100% repeat-x;}
	div#content h4 {background: url(images/h4-bg.png) 0 100% repeat-x; margin-bottom: 10px; padding-bottom: 5px; font-size: 16px; color: #536d7b; font-weight: bold;}

div#content div#columnI {float: left; width: 280px; padding: 0 30px 40px 0;}
	div#content div#columnI h4 {font-size: 14px; padding-top: 3px;}
	div#content div#columnI ul.bloglist {padding: 10px 0 20px;}
		div#content div#columnI ul.bloglist li {padding: 7px 0 0 15px; margin: 0 0 0 10px; background: url(images/list-bullet.gif) 0 9px no-repeat; font-size: 12px; font-weight: bold;}
		
	div#content div#columnI ul.sidelist {padding: 0 0 20px;}
		div#content div#columnI ul.sidelist li {padding: 7px 0 5px 15px; margin: 0 0 0 10px; background: url(images/list-bullet.gif) 0 9px no-repeat; font-size: 12px; }
		div#content div#columnI div#Menu ul.sidelist li {cursor: pointer; font-weight: bold;}
		div#content div#columnI ul.sidelist li a {text-decoration: none; color: #536d7b; font-weight: bold;}
		div#content div#columnI ul.sidelist li a:hover, div#content div#columnI div#Menu ul.sidelist li:hover {color: #d1d1d1;}
		
		div#content div#columnI p {line-height: 16px;}
		div#content div#columnI p.rightlink {text-align: right; margin-bottom: 0; }
		div#content div#columnI p.rightlink a {text-decoration: none; color: #048cc5;}
		div#content div#columnI p.rightlink a:hover {color: #e9db01;}
			
div#content div#columnII {margin-left: 310px; padding: 0 0 4px 30px; /* background: url(images/columnII-border.png) 0 100% no-repeat; */}
	div#content div#columnII h2 {font-weight: bold; font-size: 24px; margin-bottom: 20px; color: #253841;}
	div#content div#columnII p { font-size: 14px; line-height: 17px;}
	div#content div#columnII a {text-decoration: none; color: #048cc5;}
		div#content div#columnII a:hover {color: #e9db01;}
	
div#content div#full {padding: 0 20px 40px;}



div#sub { background: url(images/highlights-bg.png) 0 0 repeat-x;}
div#sub h3 {line-height: 28px; color: white; font-size: 11px; font-weight: bold; margin-bottom: 20px;}
div.highlight h3 a {color: white; text-decoration: none;}

div#footer {height: 156px; background: url(images/footer.png) 0 0 repeat-x; text-align: right;}
	div#footer div.area {background: url(images/footer_area.png) 0 100% no-repeat; height: 156px;}
	div#footer h1 {background: url(images/logo-mini.png) 100% 100% no-repeat; height: 30px; padding-top: 80px }
	div#footer h1 span {display: none;}
	div#footer h2 {padding: 2px 10px;}
	div#footer p {padding: 3px 10px; margin: 0; font-size: 11px;}
	div#footer a {color: #536d7b; text-decoration: none;}
	div#footer a:hover {color: white;}


/* SIDE SCROLL STYLES */
	div#scrollbox {width: 815px; height: 210px; position: absolute; overflow: hidden; top: 20px; left: 80px;}
	div#scrollbox div#bigbox { width: 8400px; }
	div#scrollbox div#bigbox div.block {width: 815px; height: 210px; float: left; margin-right: 10px;} 
	div#leftscroll {position: absolute; left: 20px; top: 80px; color: #FFF; z-index: 90;}
		div#leftscroll a {color: #FFF; text-decoration: none;}
	div#rightscroll {position: absolute; right: 20px; top: 80px; color: #FFF; z-index: 90; }
		div#rightscroll a {color: #FFF; text-decoration: none;}
	div.block ul {padding: 0; width: 815px; margin: 0 auto;}
	div.block ul li {float: left; margin: 0 6px;}
		div.block ul li img {border: 5px solid #FFFFFF;}
	
	div#Menu ul {}
	div#Menu ul li {}

	div#project-details {min-height: 500px;}
	div#project-details ul.portfoliolist {margin: 0 0 20px 0; font-size: 13px; padding: 10px 0 10px 20px; background: #e0e0e0; border: 2px solid #b3b3b3;}
	div#project-details ul.portfoliolist li {padding: 2px 0; font-weight: bold;}
	div#project-details ul.portfoliolist li span {font-weight: normal; display: inline; width: 60px; padding: 0 20px 0 0;}
	div#project-details ul.portfoliolist li a {color: #536d7b !important;}
		div#project-details ul.portfoliolist li a:hover {color: #048cc5 !important;}

/* PORTFOLIO */
ul.portpreview {clear: left; margin: 10px 0 20px; font-size: 12px;}
ul.portpreview li.avatar {float: left; margin-right: 20px;}
ul.portpreview li.title a {color: #536d7b; font-weight: bold; text-decoration: none;}
ul.portpreview li.view {text-align: right; font-size: 11px; margin: 5px 0;}
	ul.portpreview li.view a {color: #9faab0; text-decoration: none;}
	
/* BLOG */
div.blog-preview {margin-bottom: 60px; clear: right; }

div.blog-preview img.blogthumb {float: left; padding: 5px 15px 10px 0;}
ul.imgcredit {text-align: right; font-size: 10px; padding-bottom: 30px;}

ul.blogpreview {margin: 20px 0; }
ul.blogpreview li.view {float: right; font-weight: bold;}
	ul.blogpreview li.view a {text-decoration: none; color: #048cc5;}
ul.blogpreview li.comments {float: left; background: url(images/icons/comment.png) 0 0 no-repeat; padding: 0 25px; height: 20px;}
ul.blogpreview li.posted {float: left; background: url(images/icons/calendar.png) 0 0 no-repeat; padding-left: 25px; height: 20px;}

div#postimg {float: left; padding: 5px 15px 10px 0;}

/* FORM */
form.form {margin: 20px 0;}
form.form h4 {margin: 25px 0 10px;}
form.form p {margin: 20px 0 3px; font-size: 14px !important; font-weight: bold;}
form.form div {padding: 5px 0 10px;}
form.form label {display: block;}
form.form div.boxsection label {display: inline; font-size: 14px;}
form.form div.boxsection span {float: left; width: 150px; padding: 5px 0;}
form.form div.boxsection input {width: auto !important; float: left; margin: 0 5px !important;}

form.form input {height: 17px; width: 590px; font-size: 14px; padding: 5px;}
form.form input.button {float: right; margin: 20px 30px; width: 170px; height: 28px; font-size: 14px;}