/* ----------[ RESET-FONTS-GRIDS ]---------- */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* ----------[ /RESET-FONTS-GRIDS ]---------- */

/* ----------[ CLEARFIX FLOAT FIX ]---------- */
.clrfx				{zoom:1;}
.clrfx:after 	{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
/* ----------[ /CLEARFIX FLOAT FIX ]---------- */


/* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */
body 					{color: #fff; text-align:center; background:#000 url(../gfx/bg_bar.gif) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif;}
#custom-doc 	{width:961px; margin: 0 auto; padding:0; text-align:left;} 
a, a:visited 	{text-decoration: underline; color: #00a08d; outline:none;}
a:hover 			{text-decoration: none; }

/* ----------[ GLOBALHEADER STYLES ]---------- */
#hd						{position: relative; margin: 0 auto; width: 100%; height: 61px;}
#logo 				{float:left; width:124px; height:61px; background:transparent url(../gfx/odlan.gif) 0 0 no-repeat;}
#logo a				{display:block; width:124px; height:61px; font-height:0px; font-size:0px; text-indent:-90000px; outline:none;}
/* ----------[ /GLOBALHEADER STYLES ]---------- */

/* ----------[ NAVIGATION STYLES ]---------- */
#nav					{position:relative; float:left; width:837px; height:61px;}
#nav .menu		{height:28px; float:right;}
#nav .journey	{float:right;background:transparent url(../gfx/journey.gif) 0 0 no-repeat; width:100%; height:33px;}
#nav ul 			{margin:0; padding:0;}
#nav ul li 		{float: left; margin: 0; text-align:left;}
#nav ul li a 	{display:block; height: 25px; color: #000; padding: 5px 0 0 12px; font-height:0px; font-size:0px; text-indent:-90000px;} /* This is where dotted lined box extended from left -- now gone */
.mhome				{width:59px; background:transparent url(/gfx/m_home.gif) 0 0 no-repeat;}
.mblog				{width:61px; background:transparent url(../gfx/m_blog.gif) 0 0 no-repeat;}
.mtmpl				{width:103px; background:transparent url(../gfx/m_templates.gif) 0 0 no-repeat;}
.mcont				{width:79px; background:transparent url(../gfx/m_contact.gif) 0 0 no-repeat;}
/* ----------[ /NAVIGATION STYLES ]---------- */

/* ----------[ BODY STYLES ]---------- */
#bd						{margin:0; margin-bottom:20px; padding:0; background:transparent url(../gfx/bg_main.jpg) 0 0 no-repeat;}
#main					{margin:0 auto; padding:22px 0 0 16px; width:100%;}
.viewfinder   {float:left; position:relative; width:440px; height:335px;}
.viewfinder .border {position:absolute; width:440px; height:335px;} /*border:2px solid #eee; background:transparent url(../gfx/p_border.gif) 0 0 no-repeat;*/
.viewfinder .image  {width:440px; height:335px; background-color:#000;}
.viewinfo			{float:left; position:relative; width:479px; height:335px; padding:30px 0 0 26px; font-size:12px;}
.viewinfo h2  {width:191px; height:33px; background:url(../gfx/portfolio_of_work.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;}							
.viewinfo h3  {margin-top:24px; font-size:18px;}
.viewinfo .info{margin-top:14px; color: #bbb;}
.viewinfo p		{margin-top:14px;}
.prev 				{position:absolute; right:80px; width:52px; height:15px; background:transparent url(../gfx/btn_prev.gif) 0 0 no-repeat; margin-left:300px; margin-top:10px;}
.prev a 			{display:block; width:52px; height:15px; font-height:0px; font-size:0px; text-indent:-90000px; outline:none;}
.next 				{position:absolute; right:0; width:52px; height:15px; background:transparent url(../gfx/btn_next.gif) 0 0 no-repeat; margin-left:0; margin-top:10px;}
.next a 			{display:block; width:52px; height:15px; font-height:0px; font-size:0px; text-indent:-90000px; outline:none;}
.thumbs       {float:left; position:relative; width:440px; height:70px;}
.thumb				{float:left; width:92px; margin:0; margin-right:21px; height:70px; background-color:#fff; border:1px solid #fff; cursor:pointer;}
.nd    				{margin-right:0;}
.quotes				{float:left; position:relative; width:479px; height:112px; padding:0 auto;}
.quote 				{background:transparent url(../gfx/q_lt.gif) 0 0 no-repeat; margin:0 26px; padding-left:35px; color:#ccc;}
.sayer				{background:transparent url(../gfx/q_rt.gif) right 0 no-repeat; margin:15px 26px 0 26px; padding-right:35px; font-style:italic; text-align:right;}
.twitter-cont	{border-left: 2px solid #00a08d; float:left; position:relative; margin: 10px 0; padding-left: 75px; padding-top: 5px; width:700px; min-height:45px; _height:45px; padding:0 auto; background: transparent url(../gfx/bg_twitter.gif) 0 0 no-repeat;}
.twitter-cont ul li {list-style-type: circle; font-family: Georgia; margin-bottom: 5px;}
#twitter_update_list a {font-family: Arial; color: #222; margin-left: 10px; font-size: 10px;}
#twitter_update_list span {font-size: 115%;}
#twitter_update_list span a {margin-left: 0; color: #fff; font-family: Georgia; font-size: 100%;}
#twitter-link {text-align: left; margin-top: 10px;}

#whatido			{margin:0 auto; padding:22px 0 0 16px; width:100%;}
#whatido h2		{width:152px; height:33px; background:transparent url(../gfx/what_do_i_do.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;}
#whatido .service {float:left; position:relative; margin:7px 24px 0 0; width:294px; height:108px; border:1px solid #444;}
#whatido .service h3 {font-size:16px; color:#00a08d; margin-bottom:10px;}
#whatido .service .bd {padding:15px; color: #bbb;}

#worksheet  	{margin:0 auto; padding:22px 0 0 16px;}
#worksheet .bd {float:left; padding:10px; background-color:#fff; width:837px;}
#worksheet .sheet {width:100%;}

#templates .bd {background:transparent;}
#templates .side {padding:20px; margin-right:20px; width:300px; float:left; background:#000 !important; border:1px solid #333; }
#templates .desc {width:500px; float:left; background:transparent;}

#more_info		{margin:0 auto; margin-top:20px; padding:22px 0 0 16px; width:100%; min-height:300px; _height:300px;}
#more_info .bd {position:relative;}
.contact			{float:left; width:351px;}
.contact h2		{width:184px; height:33px; background:url(../gfx/contact_me_now.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;}
.contact .bd  {padding:8px;}
.blog					{float:left; width:572px; margin-left:15px;}
.blog h2			{width:160px; height:33px; margin-bottom:10px; background:url(../gfx/latest_updates.gif) 5px 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;}
.blog .bd 		{padding:8px;}
.blog .date{float:left; margin:0; padding:3px 0; text-align:center; width:39px; height:39px; background:transparent url(../gfx/bg_date.gif) 0 0 no-repeat;}
.blog .date em {font-size:24px; line-height:.6em;}
.blog .glimpse {float:left; margin:0 13px; width:210px; height:64px;}
/* ----------[ /BODY STYLES ]---------- */

h2.title      {font-size:24px; color:#00a08d; font-weight:bold; padding-top:20px; margin-bottom:15px;}

/* ----------[ FOOTER STYLES ]---------- */
#copy		      {position: relative; text-align: left; margin:auto; width:100%; height:48px; font-size: 85%; background:#003e35 url(../gfx/bg_ftr.gif) 0 0 repeat-x;}
#copy .bd			{width:961px; margin:0 auto; padding:15px 0 0 0;}
#naldo        {position:absolute; bottom:5px; right:100px; width:129px; height:99px; background:transparent url(/gfx/naldo.png) 0 0 no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/naldo.png',sizingMethod='crop');}
#aff          {clear:both; float:left; width:301px; margin-top:30px; padding:20px; border:1px solid #333; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#aff h3       {font-size:120%; font-weight:bold; margin-bottom:10px;}
#aff p        {margin-bottom:8px;}
#aff .desc    {font-size:85%; color:#ddd;}
#aff .lunar   {display:block; float:left; margin-top:20px;}
/* ----------[ /FOOTER STYLES ]---------- */

label 				{float:left; width:5em; margin-right:1em; text-align: right; padding-top:10px;}
input, textarea {padding:4px; border:2px solid #000; margin-top:8px; width:15em; background:transparent url(../gfx/bg_input.gif) 0 0 repeat-x;}
textarea			{overflow:hidden;}
.submit 			{float:left; margin:0; margin-top:10px; margin-left:6em; padding:0; width:72px; height:24px; background:transparent url(../gfx/btn_go.gif) 0 0 no-repeat;}
.submit a 		{display:block; width:72px; height:24px; font-height:0px; font-size:0px; text-indent:-90000px;}
.cancel 			{float:left; margin:0; margin-top:10px; margin-left:1em; padding:0; width:72px; height:24px; background:transparent url(../gfx/btn_stop.gif) 0 0 no-repeat;}
.cancel a 		{display:block; width:72px; height:24px; font-height:0px; font-size:0px; text-indent:-90000px;}

.x						{display:none;}
.error				{height:20px; padding-left:25px; margin-left:25px; padding-top:2px; color:#FFFFCC; background:transparent url(../gfx/icon_alert.gif) 0 0 no-repeat;}
#img_pre			{display:none; height:1px; width:1px; overflow:hidden;}
.totop				{color:#ffffcc;}
.sitelink a		{font-size:90%; text-decoration:none;}
#wantme				{margin:15px 0 10px 0; background:transparent url(../gfx/icon_doc.gif) 0 center no-repeat; padding-left:20px; color:#ffc;}
#wantme	a     {padding:2px 4px; background-color:#00a08d; color:#ffc; text-decoration: none;}