/****
WEG 11/172009
****/
	
/* 1. RESET
===============================================================================================*/	
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td, img
{ margin:0; padding:0; border:0; outline:none; vertical-align:baseline; background:transparent;}
ul, ol { list-style: none; }
img { border:none;}

/* 2. GLOBALS
===============================================================================================*/

html { background: #fdfdfd url(../img/bg-honi.jpg) repeat-x; }
body {
	background: url(../img/big-BG.png) no-repeat center top; color: #22316C;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: table; width: 100%;
}
#rap {
	background: #e4f0f7;
	width: 960px; position: relative;
	margin: 0px auto;
}
#head-bot h1.intro {
	color: #104e8b; 
	font-size: 21px; font-style: italic;
	float: right; width: 690px;
	padding-right: 35px; padding-top: 60px;
}
#head-bot h1.intro_photo {
	color: #104e8b; 
	font-size: 21px; font-style: italic;
	float: right; width: 600px;
	padding-right: 35px; padding-top: 60px;
}
#head-bot h2.intro {
	color: #104e8b; font-size: 21px; font-style: italic;
	float: right; width: 600px;
	padding-right: 45px; padding-top: 60px;
}
#foot {
	background: url(../img/footer-bg.gif) no-repeat;
	height: 341px; width: 960px;
	margin: 0px auto;
	position: relative;
}
#foot-2 {
	background: url(../img/footer-bg2.jpg);
	height: 75px; width: 960px;
	margin: 0px auto;
}
#foot-2 p {
	background-color: transparent;
	font: 1em Arial, Helvetica, sans-serif; color: #FFFFFF;
	height: 30px; width: 600px;
	text-align: center;
	letter-spacing: .125em;
	margin: 0px auto;
	padding-top: 35px;

}
/* 3.1 HEADER / HOME PAGE
===============================================================================================*/
#head-top {
	background: #99ccff url(../img/head-bgTop.jpg) no-repeat; 
	height: 159px; width: 960px; position: relative;
}
#head-top h1.logo {
	background: url(../img/logo.gif) no-repeat left top;
	height: 82px; width: 365px;
	position: absolute; top: 15px; left: 275px;
	text-indent: -9999px; z-index: 1;	
}
#head-top p {
	background-color: transparent; color: #fff;
	font-size: 1.45em; font-weight: bold; letter-spacing: 0.5em;
	height: 20px; width: 440px; position: absolute;
	top: 75px; left: 510px; z-index: 2;
}
/*NAVIGATION*/

#nav_rap {
	height: 35px; width: 421px;
	padding-left: 0; bottom: -1px;
	position: absolute; left: 525px;
}
#nav {
	background: url(../img/nav-big.png);
	height: 35px; width: 421px;
	margin: 0px; padding: 0px;
	position: relative;
}
#nav li { float: left;}
#nav li a {
	background: url(../img/nav-big.png) no-repeat;
	display: block; height: 35px; text-indent: -9999px; 
	margin: 0px; padding: 0px; overflow: hidden;
	position: absolute; top: 0px;
}

/*=up state=*/

li#nav_home a  { left: 0; width: 93px; background-position: 0 0; }
li#nav_home a:hover { background-position: 0 -36px; }
#bod_home li#nav_home a{ background-position: 0 -72px; }

li#nav_ser a  {	left: 93px; width: 115px; background-position: -93px 0; }
li#nav_ser a:hover { background-position: -93px -36px; }
#bod_ser li#nav_ser a{ background-position: -93px -72px;  }

li#nav_work a  { left: 208px; width: 80px; background-position: -208px 0; }
li#nav_work a:hover { background-position: -208px -36px; }
#bod_work li#nav_work a{background-position: -208px -72px; }

li#nav_con a  { left: 288px; width: 133px; background-position: -288px 0; }
li#nav_con a:hover { background-position: -288px -36px; }
#bod_con li#nav_con a{ background-position: -288px -72px; }

/*HEADER BOTTOM*/

#head-bot {
	background: url(../img/head-bgBot.jpg) no-repeat;
	height: 140px; width: 960px; position: relative;
}
h2.shout_1 {
	background: url(../img/shout_1-copy.png) no-repeat;
	height: 38px; width: 599px; position: absolute;
	top: 55px; left: 225px; text-indent: -9999px;
}
h2.shout_2 {
	background: url(../img/shout_2-copy.png) no-repeat;
	height: 37px; width: 517px; position: absolute;
	top: 385px; left: 405px; text-indent: -9999px;
}
#blurb {
	background: transparent url(../img/blurb.gif) no-repeat;
	height: 291px; width: 867px; position: absolute;
	z-index: 20; visibility: visible; top: 250px; left: 60px;
}
.blurb_left {
	float: left; height: 255px; width: 350px;
	margin-left: 100px; margin-top: 15px;
	padding-right: 5px; padding-left: 5px;
	position: relative;
}
.blurb_left h2 {
	color: #0F2F4F; font-size: 23px; line-height: 1.125em;
	font-weight: lighter; text-align: left;
	margin: 0px auto; padding-top: 0.4em;
	width: 330px;	
}
.blurb_left a{
	background: url(../img/see_but.png) no-repeat left top;
	color: #fff; display: block;
	height: 24px; width: 173px;
	font-size: 18px; font-weight: bold;
	text-align: center; text-decoration: none;
	margin: 27px 0px 0px 150px; padding-top: 1px;
	z-index: 7;
}
.blurb_left a:hover {
	background: url(../img/see_but.png) no-repeat left bottom;
}

/*SLIDESHOW*/

#slideshow {
	border: 1px solid #ccc;
	height: 250px; width: 385px; float: left;
	margin-top: 18px; 
}
#slideshow img {
	background-color: #fff;
	height: 246px; width: 381px;
	left: 0px; top: 0px; padding: 2px;
	z-index: 9;
}
#slideshow img.active {	z-index: 10;}
#contentrap {
	background: url(../img/content-bg.png) repeat-x;
	width: 960px;
	position: relative;
	height: auto;
}
#contentrap_2 {
	background: url(../img/content-bg.png) repeat-x;
	width: 960px; padding-top: 25px;
	position: relative;
}

/*FEATURED*/

/* featured nav */

#featured_work {
	border-top: 2px solid #8db6cd; 
	width: 888px;
	margin-top: 335px; margin-right: auto; margin-left: auto;
}
#featured_work h2 {
	background: url(../img/feat_head.png) no-repeat left top;
	border-style: none;
	font-size:24px; line-height:44px;
	height: 25px; width: 255px;
	margin: 6px 0px 10px; text-indent: -9999px;	
}
#featured_work ul {
	margin: -32px 0 50px 275px;
}
#featured_work ul li {
	float: left; line-height: 23px;
	margin: 0 20px 0 0;
}
#featured_work  ul li a {
	font-size: 18px; font-weight: bold; line-height: 24px;
	color: #fff; display: block; height: 25px;
	text-decoration: none; text-align: center;
}
#featured_work ul li a:hover {
	border-style: none;
}
#featured_work ul li a#print-tab {
	background: url(../img/feat_nav_but.png) left top;
	width: 75px;
}
#featured_work ul li.ui-state-active a#print-tab {
	background-position: 0 bottom;
}
#featured_work ul li a#web-tab {
	background: url(../img/feat_nav_but.png) 160px top;
	width: 75px;
}
#featured_work ul li.ui-state-active a#web-tab {
	background-position: 160px bottom;
}
#featured_work ul li a#other-tab {
	background: url(../img/feat_nav_but.png) 75px top;
	width: 75px;
}
#featured_work ul li.ui-state-active a#other-tab {
	background-position: 75px bottom;
}
#featured_work ul li.ui-state-active a:hover {
	color: #fff;
}
.ui-tabs .ui-tabs-hide { display: none; }

/* featured panels */

#bod_home .ui-tabs-panel {
	background-color: #bcd5e4;
	padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
	width: 888px;
}
#bod_home .ui-tabs-panel .project {
	display: inline; float: left; width: 280px;
	margin: 0 14px 0 0; padding: 0;
}
#bod_home .ui-tabs-panel .project a.img:hover {
	border-style: none;
}
#bod_home .ui-tabs-panel .project img {
	background: #e4f1f7; border: 1px solid #ffff66; 
	height: 107px; width: 272px; padding: 4px;
	margin-top: 7px; margin-left: 7px; margin-bottom: 4px;
}

/*EXTRA CONTENT HOME*/

#info_home {
	background: transparent; color: #22316c;
	font-size: 16px; line-height: 21px;
	height: 300px; width: 878px;
	margin: 55px auto 100px;
	position: relative;
}
.info_one, .info_two, .info_three {
	background: #fdfdfa url(../img/info_bot.gif) no-repeat left bottom;
	border-top: 2px solid #8db6cd;
	height: 345px; width: 265px; float: left;
	position: relative;
} 
.info_one h3 {
	background: url(../img/col1_head.png) no-repeat left top;
	height: 18px; width: 180px;
	margin: 8px 0px 0px 8px;
	text-indent: -9999px;
}
.info_two h3 {
	background: url(../img/col2_head.png) no-repeat left top;
	height: 10px; width: 180px;
	padding-bottom: 18px;
	margin: 8px 0px 0px 8px;
	text-indent: -9999px;
}
.info_two li {
	height: 35px; width: 225px;
	margin: 0px auto; padding-top: 5px;
}
.info_two a.delicious  {
	background: #fff url(../img/hplink_delicious.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;	
}
.info_two a:hover.delicious  { background-position: 0 -36px; }
.info_two a.deviant  {
	background: #fff url(../img/hplink_deviant.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;
}
.info_two a:hover.deviant  { background-position: 0 -36px; }
.info_two a.digg  {
	background: #fff url(../img/hplink_digg.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px; 
}
.info_two a:hover.digg  { background-position: 0 -36px; }
.info_two a.facebook  {
	background: #fff url(../img/hplink_facebook.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px; 
}
.info_two a:hover.facebook  { background-position: 0 -36px; }
.info_two a.flickr  {
	background: #fff url(../img/hplink_flickr.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;
}
.info_two a:hover.flickr  { background-position: 0 -36px; }
.info_two a.lastfm {
	background: #fff url(../img/hplink_lastfm.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;
}
.info_two a:hover.lastfm  { background-position: 0 -36px; }
.info_two a.readernaut {
	background: #fff url(../img/hplink_readernaut.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;
}
.info_two a:hover.readernaut  { background-position: 0 -36px; }

.info_two a.shelfari {
	background: #fff url(../img/hplink_shelfari.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;
}
.info_two a:hover.shelfari  { background-position: 0 -36px; }

.info_two a.twitter {
	background: #fff url(../img/hplink_twitter.png) no-repeat left top;
	display: block; height: 35px; width: 225px;
	margin: 0px auto; text-indent: -9999px;
}
.info_two a:hover.twitter  { background-position: 0 -36px; }
.info_three h3 {
	background: url(../img/col3_head.png) no-repeat left top;
	height: 20px; width: 190px;
	margin: 8px 0px 0px 8px; text-indent: -9999px;
}
.info_one img {
	height: 60px; width: 60px;
	float: left; padding: 6px 10px 0px 12px;
}
.info_one p, .info_two p {
	padding-top: .5em; padding-right: 10px; padding-left: 11px;
}
#info_home .info_two { margin-left: 40px; }
#info_home .info_three { margin-left: 40px; }
.info_three li {
	float: left;
	height: 125px; width: 125px;
	margin-top: 15px; margin-right: 2px; margin-left: 5px;
}
/*==waiting for ads==*/
.info_three a {
}

/* 3.2 SERVICES PAGE
===============================================================================================*/

.service_rap {
	background: #fdfdfa url(../img/ser_bot.gif) no-repeat left bottom;
	color: #104e8b;
	margin-bottom: 10px; margin-right: auto; margin-left: auto;
	width: 888px; position: relative;
}
.ser_title {
	height: 35px; width: 215px; 
	position: absolute; top: 35px; left: 20px;
}
.service_rap h2, .port_rap h2 {
	background: url(../img/ser_top.gif) no-repeat left top;
	font-size: 36px; width: 888px; text-indent: -9999px;
	padding-top: 15px; padding-left: 20px; padding-bottom: 5px;
}
 .item-1 {
	background: transparent; float: left; width: 400px;
}
 .item-1 p {
	font-size: 16px; font-weight: bold; line-height: 21px;
	width: 325px; padding-left: 30px;padding-bottom: 10px;	
}
 .item-1 img.ser_pic {
	height: 135px; width: 325px;
	padding-top: 5px; margin-left: 25px;
}
.item-1 a.view, .item-1 a.request {
	background: url(../img/ser_portfolio.png) no-repeat left top;
	color: #fff; display: block;
	font-size: 15px; font-weight: bold;
	height: 22px; width: 150px;
	margin: 5px 0px 15px;
	text-decoration: none; text-align: center;
}
.item-1 a.view { float: left; margin-left: 20px; }
.item-1 a.request{ float: right; margin-right: 40px; }
.item-1 a:hover.view, .item-1 a:hover.request { background-position: 0 -23px; }
.item-2 {
	background: transparent;
	float: right; width: 460px; margin-right: 15px;
}
.item-2  p { font-size: 16px; padding-left: 60px; }
.item-2  li h3 {
	color: #ff7900; font-size: 18px; font-weight: bold;
	padding-left: 60px;
}
.item-2  li { margin-bottom: 15px; }
.item-2 .art {
	background: url(../img/icon_art.gif) no-repeat left top;
}
.item-2 .logo {
	background: url(../img/icon_logo.gif) no-repeat left top;
}
.item-2 .flier {background: url(../img/flier_icon.gif) no-repeat left top;}
.item-2 .sign {background: url(../img/sign_icon.gif) no-repeat left top;}
.item-2 .car { background: url(../img/icon_car.gif) no-repeat left top; }
.item-2 .standards { background: url(../img/icon_standards.gif) no-repeat left top; }
.item-2 .fast { background: url(../img/icon_fast.gif) no-repeat left top; }
.item-2 .seo { background: url(../img/icon_seo.gif) no-repeat left top; }
.item-2 .browser { background: url(../img/icon_cross.gif) no-repeat left top; }
.item-2 .wp { background: url(../img/icon_wp.gif) no-repeat left top; }
.item-2 .marketing { background: url(../img/icon_marketing.gif) no-repeat left top; }
.item-2 .internet { background: url(../img/icon_internet.gif) no-repeat left top; }
.item-2 .branding { background: url(../img/icon_branding.gif) no-repeat left top;}
.item-2 .converge{ background: url(../img/icon_converge.gif) no-repeat; }
.item-2 .print { background: url(../img/icon_print.gif) no-repeat left top;}


/* 3.3a WORKS PAGE
===============================================================================================*/
#work_nav {
	background: transparent;
	height: 130px; width: 600px; float: right;
	margin: 35px 37px 0px 0px;
}
#work_nav h1 {
	background: transparent url(../img/port_main.png) no-repeat left top;
	height: 25px; width: 186px; text-indent: -9999px;
}
#work_nav p {
	color: #104E8B; font-size: 14px; font-weight: bold;
	width: 190px; padding-left: 10px; padding-top: 5px;
}
.port_rap {
	background: #fdfdfa url(../img/ser_bot.gif) no-repeat left bottom;
	color: #104E8B; width: 888px;
	padding-bottom: 40px; position: relative;
	margin: 0px auto 10px;
}
.featured_title  {
	height: 20px; width: 215px;
	position: absolute; top: 25px; left: 20px;
}
.individual_title img {
	height: 20px; width: 235px;
	margin: 20px 0px 20px 20px;
}

/*==galleries==*/

#accordion .ui widget{
	width: 860px; position: relative;
	margin: 5px auto 10px;
}
#accordion  h3 {
	background: url(../img/gall_feat_bg.gif) no-repeat left top;
	width: 825px; height: 25px;
	margin: 0px auto; padding-bottom: 5px;
}
#accordion  h3 a {
	color: #22316c;
	font-size: 18px; font-weight: bolder; text-align: left; text-decoration: none;
	cursor: pointer; zoom: 1; display: block; margin-left: 20px;
	width: 775px; height: 23px;
}
#accordion span { color: #104e8b; font-size: 16px; text-decoration: none; }
#accordion ul { margin-top: 2px; }
#accordion li { float:left; }

#accordion a p {
	color: #22316c;
	font-size: 14px; font-weight: bold; text-decoration: none; text-align: center;
	padding-bottom: 20px;
}
#accordion a img {
	background: #e4f1f7; border: 1px solid #ffff66;
	height: 96px; width: 225px;
	margin: 7px 20px 0px 35px; padding: 4px;
	text-decoration: none;
}
#accordion a:hover img  { background: #FF7900; }

/*===lightbox======*/
#jquery-overlay {
	position: absolute; top: 0; left: 0;
	z-index: 90; width: 100%; height: 500px;
}
#jquery-lightbox {
	position: absolute; top: 0; left: 0;
	width: 100%; z-index: 100;
	line-height: 0; text-align: center;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	background-color: #fff;
	width: 250px; height: 250px;
	margin: 0 auto; position: relative;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute; top: 40%; left: 0%;
	height: 25%; width: 100%;
	text-align: center; line-height: 0;
}
#lightbox-nav {
	position: absolute; top: 0; left: 0;
	height: 100%; width: 100%; z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%; height: 100%;
	zoom: 1; display: block;
}
#lightbox-nav-btnPrev { left: 0;  float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box {
	background-color: #fff;
	font: 12px Verdana, Helvetica, sans-serif; font-weight:bold;
	margin: 0 auto; padding: 0 10px 0;
	line-height: 1.4em; overflow: auto;
	width: 100%;
}
#lightbox-container-image-data { padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; float: left; text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;  clear: left; padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; float: right;padding-bottom: 0.7em;	
}
#gall_gen, #gall_featured {
	width: 860px; position: relative; margin: 5px auto 10px;
}
#gall_gen ul, #gall_featured ul { margin-top: 2px; }
#gall_gen li, #gall_featured li { float: left;}
#gall_featured a p {
	color: #ff0000;
	font-size: 14px; font-weight: bold; text-decoration: none;
	text-align: center; margin-top: -5px;
}
#gall_gen a img{
	background: #e4f1f7; border: 1px solid #ffff66;
	height: 64px; width: 150px;
	margin: 7px 0px 7px 10px; padding: 4px;
}
#gall_featured a img {
	background: #e4f1f7; border: 1px solid #ffff66;
	height: 96px; width: 225px;
	margin: 7px 25px 0px 26px; padding: 4px;
}
#gall_gen a:hover img, #gall_featured a:hover img { background: #FF7900; }
#gall_gen h3 {
	background: url(../img/gall_feat_bg.gif) no-repeat left top;
	color: #22316C; font-size: 18px; font-weight: bold;
	margin: 0px auto; width: 825px; height: 25px;
	text-align: left; text-indent: 20px;
}
#gall_featured span {
	height: 10px; width: 21px;
	padding-left: 6px; padding-top: 7px;
}


/* 3.3b SINGLE WORKS PAGE
===============================================================================================*/
.single_rap {
	background: #fdfdfa url(../img/ser_bot.gif) no-repeat left bottom; color: #104E8B;
	margin-bottom: 10px; margin-right: auto; margin-left: auto;
	width: 888px; position: relative;
}
.single_rap a.return{
	background: url(../img/worksback_but.png) no-repeat left top; color: #fff; display: block;
	font-size: 18px; font-weight: bold;
	height: 24px; width: 173px;
	text-align: center; text-decoration: none;
	z-index: 7; overflow: hidden;
	position: absolute; top: 15px; left: 25px;
}
.single_rap a:hover.return   {
	background: url(../img/see_but.png) no-repeat left bottom;
}
.single_rap h2 {
	background: url(../img/ser_top.gif) no-repeat left top;
	height: 44px; width: 888px;
	margin: 0px auto;text-indent: -9999px;
}
#soloproject {
	background: #fdfdfa url(../img/ser_bot.gif) no-repeat left bottom;
	height: 700px; width: 888px; position: relative;
}
#soloproject_long {
	background: #fdfdfa url(../img/ser_bot.gif) no-repeat left bottom;
	height: 750px; width: 888px; position: relative;
}
#soloproject_art {
	background: #fdfdfa url(../img/ser_bot.gif) no-repeat left bottom;
	height: 900px;
	width: 888px;
	position: relative;
}
.project_show {
	background:#fdfdfa;
	float: left; width: 525px;
	margin-left: 25px; position: relative;
}
.project_detail {
	float: right;
	width: 295px;
	margin: 45px 25px 0px 0px;
	position: relative;
}
.project h3 {
	font-size: 14px; line-height: 18px;
	padding-left: 10px; padding-bottom: 5px; padding-top: 2px;
	text-decoration: none; text-align: center;
}
.project_detail p { font-size: 16px; line-height: 21px; padding-bottom: 10px; }
.project_detail p.other_three, .project_detail p.print_one, .project_detail p.print_two, .project_detail p.other_one {
	padding-bottom: 1.5em;
}
.project a { color: #22316c; text-decoration: none; }
.project a:hover {
	color: #6391ab; text-decoration: underline;
}
.project_detail h3{ font-size: 18px; font-weight: bold; }
.project_detail h4{ color: #ff7900; font-size: 16px; padding-top: 15px;}
.project_detail  h4.print_one{
	color: #ff7900; font-size: 16px; padding-top: 103px;
}
.project_detail  h4.print_two{
	color: #ff7900; font-size: 16px; padding-top: 123px;
}
.project_detail  h4.other_one{
	color: #ff7900;
	font-size: 16px;
	padding-top: 263px;
}
.project_detail  h4.other_three{
	color: #ff7900;font-size: 16px; padding-top: 40px;
}
.project_detail #project_list li {
	background: url(../img/icon_check.gif) no-repeat left center; 
	font-size: 16px; font-weight: bold; line-height: 28px;
	padding-left: 25px; margin-left: 20px;
}
.project_detail #detail_qoute {
	background: url(../img/icon_qoutes.png) no-repeat left top;
	height: 165px; width: 295px; margin-top: 7px;
}
.project_detail #apps li { display: inline; }
.project_detail #apps img {
	height: 35px; width: 35px;
	margin: 0px 15px; padding-top: 8px;
}
.project_detail .luda {
	border: 3px solid #ccc;
	height: 169px; width: 280px;
	margin-left: 4px;
}

/*==galleria===*/

.caption{
	color:#104e8b; font-size: 14px; font-weight: bold;
}
.demo{
	background:#fdfdfa;
	float: left; width: 525px;
	margin: 50px 0px 0px 25px; position: relative;
}
.gallery_demo{width:525px;margin:0 auto;}
.gallery_demo li{
	background:#000; border:3px double #111;
	width:50px; height:50px;
	margin: 0 2px;
}
#main_image{
	margin:0 auto 45px auto;
	height:500px; width:520px;
	background:#fdfdfa;
}
#main_image img{margin-bottom:10px;}
.galleria li div img{cursor:pointer;}
.galleria{list-style:none; }
.galleria li{
	display:block; 	float:left;
	height:50px; width:50px;
	overflow:hidden;
	margin:0 19px 10px 0;
}	
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{
	display:block; padding-top:0.5em;
	margin: 0px auto; text-align: center;
	width: 500px;
}
/*==arts page==*/

#gall_gen_art {
	background:#fdfdfa; float: left;
	width: 525px;
	margin: 40px 0px 0px 25px;
	position: relative;
}
#gall_gen_art a img {
	background: #e4f1f7; border: 1px solid #ffff66;
	height: 96px; width: 225px;
	margin: 8px 0px 0px 15px;
	padding: 4px;
}
#gall_gen_art a:hover img { background: #FF7900; }
#gall_gen_art ul {
	margin-top: 2px;
}
#gall_gen_art li { float: left;}

/*==FlickrBadge==*/
#project_detail_flickr {
	background: url(../img/icon_flickr.gif) no-repeat left top;
	float: right; width: 295px;
	margin: 45px 25px 0px 0px;
	position: relative;
}
#project_detail_flickr p {
	font-size: 13px; text-align: center; padding: 10px 0px 5px;
}
#project_detail_flickr #flickr {
	width: 190px; height: 278px;
	margin: 40px auto 0px;
}
#project_detail_flickr #flickr a img {
	background: #bcd2ee	; float:left;
	height:75px; width:75px; 
	margin:0 0px 8px 8px; padding:6px;
}
#project_detail_flickr li {
	font-size: 14px; font-weight: bold; line-height: 24px; text-align: center;
	margin: 0px auto;
}
#project_detail_flickr h4 {
	color: #ff7900; font-size: 16px;
	padding-top:20px; text-align: center;
}
.project_detail a.flicklink {
	font-weight: bold;
	text-decoration: none;
	color: #104E8B;
}
.project_detail a:hover.flicklink {
	color: #ff7900;
	text-decoration: underline;

}


/* 3.4 BLOG PAGE
===============================================================================================*/

/* 3.5 CONTACT PAGE
===============================================================================================*/
#contact_left {
	background: transparent;
	float: left; width: 225px;
	padding: 25px 0px 50px 25px; text-align: right;
}
#contact_left h3 {
	color: #7493b2;
	font-size: 21px; text-align: right;
	border-bottom: 4px solid #8db6Cd;
	padding-bottom: 3px; width: 220px;
}
h3.social {
	margin-top: 35px;
}
#contact_left .social_links {
	background: url(../img/links_blank.png) no-repeat left top;
	height: 28px; width: 220px;
	margin-top: 0.75em; position: relative;
}
.social_links img {
	border-style: none;
	float: right;
	height: 25px; width: 25px;
	margin-top: 2px; margin-right: 15px;
}
.social_links a {
	color: #264360; font-size: 14px; font-weight: bold; text-decoration: none;
	width: 100px; height: 25px; float: left;
	padding-left: 72px; margin-top: 4px;
}
.social_links a:hover { color:#7493b2; }
#contact_left .addy li {
	color: #264360;
	font-size: 16px;line-height: 24px;
	text-align: right; font-weight: bold;
}
#contact_right {
	float: left;
	width: 604px; height: 500px;
	padding: 6px 10px 10px;
	margin: 0px 0px 0px 50px;
	position: relative;
}
#contact_right p {
	color: #264360;
	font-weight: bold; font-size: 13px;
	width: 250px; height: 20px;
	margin: 0px 0px 10px;
	padding: 22px 0px 0px 15px;
}
#contact_right span .star{
	height: 11px; width: 11px;
}
#contact_right #download {
	color: #264360;
	height: 75px; width: 100px;
	position: absolute; left: 20px; top: 437px;
	text-align: center;
}
#download img {
	border-style: none;
	height: 62px; width: 50px;
}
#contact_form {
	background: url(../img/form_bg.png) no-repeat;
	height: 461px; width: 604px;
	padding: 20px 0px 0px 45px;
}
#contact_form label {
	color: #264360; display: block;
	font-size: 14px; font-weight: bold;
	padding: 0.5em 0px 0.125em;
	width: 50%;
}
#contact_form .first {
	padding-top: 0px;
	margin-top: 0px;
}
#contact_form input {
	background: #e4f1f7;
	width: 265px; height: 22px;
}
#contact_form textarea  {
	overflow: auto;
	background: #e4f1f7;
	border-style: none;
}
#contact_form .error {
	color: #FF0000; font-size: 10px;
}
#contact_form input.button{
	background: url(../img/send_but.png) no-repeat;
	border: none;
	cursor:pointer;
	display: block;
	height: 26px;
	width: 85px;
	padding: 2px 8px 2px 15px;
	margin: 15px 0px 0px;
} 
#contact_form input.button:hover{
	background: url(../img/send_but_over.png) no-repeat;
	border: none; cursor:pointer; display: block;
	height: 26px; width: 85px;
	padding: 2px 8px 2px 15px;
	margin: 10px 0px 0px;
} 

/*==thanx===*/

/* 4. UTILITIES
===============================================================================================*/
.big { font-weight:bold; }
.bigslant { font-weight:bold; font-style: italic; }
.clear { clear:both; }
.clearfix { clear: both; margin: 0; padding: 0; height: 0; }
.fl {float: left; padding:0; }
.fr { float: right; padding:0; }
.hilight  { background:#ffc; }
.imgl{  float:left; margin:0; }
.imgr  { float:right; margin:0;}
.slant 	{ font-style:italic; }
.text-c { text-align:center; }
.text-j { text-align:justify; }
.text-l { text-align:left; }
.text-r	{ text-align:right; }
.underline  { border-bottom:1px solid; }
.orange {color: #ff7900; font-weight: bold;
}