/* Defaul CSS for Makoste */


*               { margin: 0; padding: 0; }

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body            { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; background-color: #ffffdd; text-align: center; font-size: 12px; color: #666666;}
img             { border: 0px none; }
a               { text-decoration: none; color: #0099cc; }
a:hover	        { text-decoration: none; color: #99cc66; }
h1,h2,h3,h4,p   { font-weight: normal; margin: 5px 0px 5px 0px;}
h1              { font-size: 43px; font-weight: bold; color: #0099cc; }
h2              { font-size: 24px; color: #99cc66; margin: 5px 0px 5px 0px; }
h3              { font-size: 16px; font-weight: 600; color: #0099cc; margin: 5px 0px 5px 0px; }
h4              { font-size: 15px; font-weight: 600; color: #99cc66; margin: 5px 0px 5px 0px; }
h5              { font-size: 15px; font-weight: 600; color: black; margin: 5px 0px 5px 0px; }


p               { font-size: 12px; color: #666666; text-align: justify;  }

.clear, .clean          { clear: both; }
.align-right    { float: right; }

.pad {
	padding: 10px;
}

.hide {
	display: none;
}

div#alert {
	display: block;
	width: 100%;
	background-color: ;
	font-weight: bold;
	background: url('../images/footer_bg.jpg') repeat-x left bottom;
}

div#alert p {
	text-align: center;
	padding: 15px;
	color: white;
	font-size: 14px;
	font-weight: bold;
}

div#container {
	min-height: 100%;
	position: relative;
}

div#header {
	background: url('../images/top_bg.jpg') repeat-x 0px -10px;
	height: 110px;
	min-width: 1000px;
	width: 100%;
	position: relative;
}

div#header .effect {
	float: left;
	width: 200px;
	height: 180px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url('../images/top_e.png') no-repeat scroll 0px 0px;
}

div#header a.logo {
	float: left;
	padding: 5px 0 0 100px;
	width: 507px;
	height: 77px;
	display: block;
}

div#header ul.menu {
	list-style: none;
	margin-top: 20px;
	float: right;
}

div#header ul.menu li {
	float: left;
	margin: 0px 10px 0px 0px;
}

div#header ul.menu a {
/* 	padding: 5px; */
	width: 50px;
	height: 48px;
	display: block;
	float: left;
}

div#header ul.menu a.twitter{
	background: transparent url('../images/icons.png') no-repeat scroll -60px -1px;
}

div#header ul.menu a.facebook{
	background: url('../images/icons.png') 0px -1px no-repeat;
}

div#header ul.menu a.rss{
	background: transparent url('../images/icons.png') no-repeat scroll -118px -1px;
}

div#header ul.menu a.linkedin{
	background: transparent url('../images/icons.png') no-repeat scroll -176px -1px;
}

div#header ul.menu a.flickr{
	background: transparent url('../images/icons.png') no-repeat scroll -232px -1px;
}

div#header ul.menu a.vimeo{
	background: transparent url('../images/icons.png') no-repeat scroll -290px -1px;
}

div#header ul.menu a.twitter:hover{
	background: transparent url('../images/icons.png') no-repeat scroll -60px -48px;
}

div#header ul.menu a.facebook:hover{
	background: url('../images/icons.png') 0px -48px no-repeat;
}

div#header ul.menu a.rss:hover{
	background: transparent url('../images/icons.png') no-repeat scroll -118px -48px;
}

div#header ul.menu a.linkedin:hover{
	background: transparent url('../images/icons.png') no-repeat scroll -176px -48px;
}

div#header ul.menu a.flickr:hover{
	background: transparent url('../images/icons.png') no-repeat scroll -232px -48px;
}

div#header ul.menu a.vimeo:hover{
	background: transparent url('../images/icons.png') no-repeat scroll -290px -48px;
}

div#wrapper  {
	width: 940px; 
	margin: 0 auto; 
	text-align: left;
	min-width: 900px;
	padding-bottom: 100px;
}

div#contents {
	margin-top: 20px;
	width: 700px;
	float: left;
}

div#contents .service {
	width: 700px !important;
	float: left;
}

div#contents .service li {
	list-style: none;
}

div#contents .service .header {
	margin: 30px 0px 0px 80px;
	width: 600px;
	height: 37px;
	display: block;
}

div#contents .service a {
	color: #99cc66;
}

div#contents .service a:hover {
	text-decoration: underline;
	color: #99cc66;
}

div#contents .service .tweb {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -130px;
	height: 37px;
	width: 260px;
}

div#contents .service .tapp {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -167px;
	height: 33px;
	width: 260px;
}


div#contents .service .tphoto {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -265px;
	height: 32px;
	width: 200px;
}

div#contents .service .tmusic {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -200px;
	height: 32px;
	width: 265px;
}

div#contents .service .tdesign {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -230px;
	height: 33px;
	width: 250px;
}

div#contents .service a.prev {
	background: transparent url('../images/texts.png') no-repeat scroll -373px -7px;
	margin-top: 10px;
	margin-right: 10px;
	height: 120px;
	width: 45px;
	display: block;
	float: left;
}

div#contents .service a.prev:hover {
	background: transparent url('../images/texts.png') no-repeat scroll -329px -7px;
}


div#contents .service a.next {
	background: transparent url('../images/texts.png') no-repeat scroll -328px -199px;
	height: 120px;
	width: 45px;
	margin-top: 10px;
	display: block;
	float: left;
}

div#contents .service a.next:hover {
	background: transparent url('../images/texts.png') no-repeat scroll -284px -199px;
}

div#contents .service .content {
	background: url('../images/box_bg.jpg') no-repeat scroll -130px 0px;
	width: 545px;
	display: block;
	height: 139px;
	float: left;
	overflow: hidden;
}

div#contents .service .content .pad {
	padding: 15px;
}

div#contents .service .content img {
	width: 185px;
	display: block;
	height: 100px;
	float: left;
	padding: 2px;
}

div#contents .service .content a.img {
	border:  2px solid #0099cc;
	float: left;
	margin: 0 8px 0 0;
}

div#contents .service .content a.img:hover {
	border:  2px solid #99cc66;
}

div#contents .service .content div.images {
	margin: 0px;
	width: 116px;
	float: left;
	font-size: 14px;
}

div#contents .service .content div.images img {
	width: 42px;
	display: block;
	height: 42px;
	float: left;
	padding: 2px;
}

div#contents .service .content div.images a.img {
	border:  2px solid #0099cc;
	float: left;
	margin: 0px 8px 8px 0px;
}

div#contents .service .content div.images a.img:hover {
	border:  2px solid #99cc66;
}

div#contents .service .content div.name, div#contents .service .content div.year, div#contents .service .content div.desc {
	margin: 0px 0px 2px 0px;
	width: 180px;
	float: left;
	font-size: 14px;
	display: block;
}

div#contents .service .content span.title {
	width: 85px;
	color: #0099cc;
	float: left;
}

div#contents .service .img1 img {
	width: 300px;
}

div#contents .service .img1 div.images {
	width: 0px;
}

div#contents .service .img3 img {
	width: 245px;
}

div#contents .service .img3 div.images {
	width: 57px;
}


div#contents .service .img5 img {
	width: 185px;
}

div#contents .service .img5 div.images {
	width: 120px;
}


div#boxes {
	padding-top: 30px;
	float: right;
	width: 220px;
}

div#boxes .box {
	float: left;
	margin-top: 20px;
	width: 220px;
}

div#boxes .box .bg {
	background: transparent url('../images/box_bg.jpg') repeat-y scroll 90px 0px;
}

div#boxes .box ul {
	list-style: none;
}

div#boxes .box li {
	padding-bottom: 2px;
}

div#boxes .box li {
	color: #666666;
	border-bottom: 1px solid #FFFFDD;
}

div#boxes .box ul, div#boxes .box p {
	padding: 0px 10px 0px 10px;
}

div#boxes .box a.header {
	margin: 0px 0px 0px 0px;
	width: 130px;
	height: 35px;
	display: block;
}

div#boxes .box a.ttweet {
	background: transparent url('../images/texts.png') no-repeat scroll 0px 0px;
}

div#boxes .box a.tvideo {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -95px;
}


div#boxes .box a.tphoto {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -30px;
}

div#boxes .box a.tfriend {
	background: transparent url('../images/texts.png') no-repeat scroll 0px -68px;
}

div#boxes .box a.tabout {
	background: transparent url('../images/texts.png') no-repeat scroll -135px 0px;
	width: 150px;
}

div#boxes .box a.tprofile {
	background: transparent url('../images/texts.png') no-repeat scroll -135px -30px;
}

div#boxes .box a.tmusic {
	background: transparent url('../images/texts.png') no-repeat scroll -135px -68px;
}

div#footer {
	background: url('../images/footer_bg.jpg') repeat-x left bottom;
	margin-top: 55px;
	height: 68px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	min-width: 1000px;
	width:100%;
/* 	background-color: #99cc66; */
	color: white;
	font-size: 10px;
	text-align: left;
}

div#footer .menu {
	float: left;
}

div#footer .pic {
	float: right;
}

div#footer a {
	color: white;
	padding-right: 5px;
	padding-left: 5px;
}


div#footer a.first {
	color: white;
	padding-right: 5px;
	padding-left: 0px;
}

div#footer a:hover {
	color: white;
	text-decoration: underline;
}

div#footer .info {
	padding: 10px;
}

div#footer .link{
	font-size: 16px;
	padding-bottom: 4px;
	font-weight: bold;
	display: block;
}

div#footer .link a:hover {
	text-decoration: overline;
}


form ul { margin-left: 0px; text-align: left;}
form ul, textarea, input { list-style: none; font-family: Verdana, Helvitica, sans-serif; font-size: 14px; padding: 3px; color: #555555; }
form ul li { padding: 5px 0px 5px 0px; font-size: 13px; }
form ul li.space  { height: 10px; }

form label  { color: #0099cc; float: left; width: 100px; }
form textarea, form input { border: 1px #0099cc solid;}
form textarea {width: 400px;}
input.short_text { width: 240px; }
input.long_text  { width: 240px; }
input:hover, textarea:hover { border-color: #99cc66; }
input.button:hover  { background-color: #99cc66; color: white; cursor: pointer; }
input.button  { padding: 8px 7px 8px 7px; color: white; font-size: 15px; background-color: #0099cc; border: none; margin-left: 113px; }

label.required  { padding-left: 13px; }



/* FLICKR */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 2px solid #0099cc !important;}
#flickr_icon_td {padding: 0px !important;}
#flickr_badge_uber_wrapper a {text-decoration:none !important; background:inherit !important;color:#3993ff;border: 2px solid #0099cc !important; display: block;}
#flickr_badge_uber_wrapper a:hover {border: 2px solid #99cc66 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {padding: 2px;}
#flickr_www {display:none !important; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper {border-spacing: 0px;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* VIMEO */

.vimeoBadge { margin: 0px; padding-left: 8px; font: normal 11px verdana,sans-serif; }
.vimeoBadge img { padding: 2px;}
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active {border: 2px solid #0099cc; color: #3A75C4; text-decoration: none; cursor: pointer; display: block; overflow: hidden; }
.vimeoBadge a:hover { color:#00CCFF; border: 2px solid #99cc66; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; display: none;}
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 8px 8px 0; width:88px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:88px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

/* TWITTER */

div.twtr-ft {display: none; }
div.twtr-hd { display: none;}
.twtr-widget .twtr-tweet { border-bottom:1px dashed #FFFFCC !important; overflow:hidden;}
#tweet-id-1 { border-bottom: none !important; overflow:hidden;}
#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline, #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 { background: transparent !important; }
#twtr-widget-1 .twtr-avatar img { padding: 2px;}
#twtr-widget-1 .twtr-avatar a { border: 2px solid #0099cc; display: block; width: 34px;}
#twtr-widget-1 .twtr-avatar a:hover { border: 2px solid #99cc66; }
#twtr-widget-1 .twtr-tweet-text {margin-left:46px !important;}



/* 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;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#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%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#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;	
}

/* FANCYBOX */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #FFF;
	color: #000;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x;
}