*	{ margin: 0px; padding: 0px; }
html	{ background: url('images/htmlbg.gif') repeat-x #12d6f4; height: 100%; overflow: -moz-scrollbars-vertical; }
body	{ background: url('images/portfolio_bodybg.jpg') no-repeat; height: 100%; color: #000000; font: normal 11px "Verdana", sans-serif; }
a	{ color: #000; text-decoration: none; }
a:hover	{ color: #000; text-decoration: underline; }
a	img	{ border: 0px; }

/* GLOBAL */
.container	{ overflow: hidden; width: 933px; padding: 0px 25px 18px 25px; }

.top	{ overflow: hidden; width: 754px; padding: 0px 87px 0px 92px; margin-bottom: 10px; }
.logo	{ float: left; width: 120px; margin-right: 9px; padding-top: 18px; }
.top_right	{ float: right; width: 620px; text-align: right; }
.top_images_number	{ margin-top: 5px; padding-right: 5px; }

.images_number	{ overflow: hidden; width: 747px; text-align: right; padding: 0px 93px 5px 93px; }
.top_images_number	a, .images_number	a	{ float: right; background-color: #FFF; line-height: 24px; width: 24px; text-align: center; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin-left: 10px; }
.top_images_number	a:hover, .images_number	a:hover	{ text-decoration: none; background-color: #b3efff; }
.top_images_number	a, .top_images_number	a:hover, .images_number	a, .images_number	a:hover	{ color: #3c3c3c; }

.image	{ width: 755px; height: 360px; background: url('images/image_bg.png') no-repeat; padding: 6px; }

.bottom_bar	{ background-image: url('images/bottom_bar.gif'); background-repeat: no-repeat; margin: -17px 0px 0px -10px; height: 35px; }

.footer	{ overflow: hidden; width: 747px; padding: 5px 93px; font-size: 10px; }
.footer	.col1	{ float: left; width: 600px; margin-right: 17px; line-height: 16px; }
.footer	.col1	a	{ margin-right: 10px; }
.footer	.col2	{ float: left; width: 130px; text-align: right; }
.footer	.col2	a	{ margin-left: 5px; }

.desc	h1	{ font: bold 16px Arial, Helvetica, sans-serif; }
.desc	h2, .desc	h3	{ font-size: 11px; font-weight: normal; }
.desc	h2	{ margin-bottom: 10px; }
.desc	h3	{ margin-bottom: 2px; }
.desc	p	{ line-height: 15px; margin-bottom: 15px; }

/* ONE BY ONE */
.content	.portfolio_item	{ overflow: hidden; width: 100%; }
.content	.portfolio_item	.next_previous	{ float: left; width: 83px; padding: 124px 0px; }
.content	.portfolio_item	.image	{ float: left; }
.content	.portfolio_item	.image	img	{ position: absolute; }
.content	.portfolio_item	.image	.desc	{ position: relative; left: 459px; top: 85px; width: 266px; height: 245px; padding: 15px 20px 15px 10px; background: url('images/desc_bg.png') no-repeat; color: #fff; }
.content	.portfolio_item	.image	.desc	h1	{ color: #57feff; padding-right: 15px; }
.content	.portfolio_item	.image	.desc	h1	a	{ color: #57feff; border-bottom: 0px; }
.content	.portfolio_item	.image	.desc	h2, .content	.portfolio_item	.image	.desc	h3	{ color: #CCCCCC; }
.content	.portfolio_item	.image	.desc	a	{ border-bottom: 1px solid #57feff; color: #fff; }
.content	.portfolio_item	.image	.desc	a:hover	{ text-decoration: none; border-bottom: 0px; color: #fff; }
.content	.bottom_bar	{ background-position: 637px 17px; padding-left: 83px; position: relative; }

.view_all	{ position: absolute; top: 0px; left: 733px; }

/* VIEW ALL */
.viewall	{ overflow: hidden; width: 767px; padding: 0px 83px; margin-bottom: 30px; }
.viewall	.image	{ float: none; font-size: 1px; }
.viewall	.bottom_bar	{ background-position: 555px 17px; }
.viewall	.desc	{ overflow: hidden; width: 747px; padding: 0px 10px; }
.viewall	.desc	h3	{ font-weight: bold; }
.viewall	.desc	.col1	{ float: left; width: 520px; margin-right: 27px; }
.viewall	.desc	.col2	{ float: left; width: 200px; }