body
{
        background:#0a0f0d;
        color: #d8e3eb;
        font-size: 12px;
		line-height:18px;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
}

.main {
	margin: 0 auto; 
	width: 960px; 
	padding:0;
	text-align:left;
	min-width:1022px;
	z-index:2;
	position:relative;
}


a{color:#cbe9ff;}
a:hover { text-decoration:none;}
a:hover {text-decoration:none}
a, button, .button{ cursor:pointer;}

.clear{  overflow:hidden; width:100%;}
.clear1{ clear:both;}
.br{ display:block;}
.fright{ float:right;}
.fleft{ float:left;}
.txt{ display:block; position:absolute;}
.txt1{ position:relative;}
.list0 li, .list0 li a{ display:block; float:left;}


/*         ________
__________/ fonts \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#fssList li a, .banner .text2{font-family: 'MyriadWebProBold';}
.box-content .link, .box-form .button, .text-text1, .footer-social-icon .label  {font-family: 'MyriadWebProRegular';}
.logo, .blog h2, .item-page h2, .title-sub, .blog-featured h2, .stylebox1-title h3, .title11, .banner .text1, .extra-link a, .title-extra, .footer-slogan{font-family: 'MankSansRegular';}
.bg-text{font-family: 'FaracoHandRegular';}





/*         ________
__________/ header \__________________________________________________________________
--------------------------------------------------------------------------------------- */
.tail-site{ background:#507ea1 url(../images/tail-site.png) 0 0 repeat-x;}
.tail-site-bottom{ background:url(../images/tail-site-bottom.png) bottom center no-repeat;}

/*header*/
.header{ min-height:102px;}
.logo{ width:255px; height:62px; top:31px; left:7px; font-weight:normal; text-decoration:none;}
.logo span{ color:#FFF; line-height:1.2em;}
.text-logo{ font-size:60px; top:-14px;}
.text-logo1{ font-size:24px; left:120px; width:151px; top:21px;}
/**/


/*slider*/
.slider{ height:541px; overflow:hidden; background:url(../images/slider_shadow.png) 0 462px no-repeat;}
#slideshow{ height:462px; overflow:hidden;}
/**/








/*         _________
__________/ content \__________________________________________________________________
--------------------------------------------------------------------------------------- */

.content{padding:0 0 134px 10px;}
#container{overflow:hidden; text-align:left}
#left{ float:left; text-align:left;    width:240px;}
.left-indent{padding:0 19px 0 0;}

#right{ float:left; text-align:left;    width:239px;}
.right-indent{padding:0 18px 0 0}



/*inline-style*/

/**/


/*stylebox1-text*/
.stylebox1-text{ padding:0 0 51px 0;}
/**/


/*Login*/
#login-form #modlgn-username, #login-form #modlgn-passwd{
	width:220px; 
	height:30px; 
	background:#b7c7d3;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	 font-size:12px;
	 line-height:16px;
	 padding:1px 8px;
	 margin-bottom:7px;
}
.extra-reg{top:11px;  left:162px; color:#ffffff; font-size:12px;}
.moduletable{ position:relative;}
#modlgn-remember{ float:left;}

.box-form{ padding:7px 0 0 0;}
.box-form .col-1{ width:120px;}
.box-form .col-2{ width:105px;}
.box-form .col-2 a{ color:#f1f7f9; font-size:12px; text-decoration:none;}
.box-form .col-2 a:hover{ text-decoration:underline;}

.box-form .button{
	width:95px;
	height:28px;
	background:#627d90;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	line-height:1.2em;
}
.box-form .button:hover{ background:#ff6000;}

.login-greeting{ display:block; padding-bottom:11px;}
/**/


/*box-content*/
.box-content strong{ color:#ffffff;}
.box-content .indent-top{ padding-top:5px; text-align:left;}
.box-content .link, .extra-link a{
	background:#627d90;
	display:block;
	width:80px;
    height:28px;
	text-indent:11px;
	color:#ffffff;
	 font-size:16px;
	 text-decoration:none;
	 line-height:1.8em;
	 margin-top:10px;
}
.box-content .link:hover, .extra-link a:hover{
	background:#ff6000;
}
/**/

/*menu-list*/
.content .menu{ margin:11px 0 0 0; font-size:14px;}
.content .menu li{ border-bottom:1px solid #50697e; padding:7px 0 9px 0;}
.content .menu li a{ text-decoration:none; color:#b9cfdf; }
.content .menu li a:hover{ color:#FFF;}
/**/

/*baner-custom*/
.banner{ height:99px;}
.banner .text1{ color:#ffffff; font-size:35px; line-height:0.9em; display:block; top:-5px;}
.banner .text2{ color:#ffffff; font-size:33px; line-height:1.2em; top:68px; width:221px; letter-spacing:-1px;}
/**/



/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */
.footer-slogan{ text-align:center; color:#9fb1bc; font-size:49px; line-height:1.2em; padding:35px 0 19px 0;}
.footer-copyright{ color:#6f7a80; font-size:12px; text-align:center; padding:26px 0 40px 0;}
.footer-copyright a{ color:#6f7a80; text-decoration:none;}
.footer-copyright a:hover{ text-decoration:underline;}

.footer-social-icon .label{ color:#ffffff; font-size:24px; line-height:1.2em; text-align:center; position:absolute; display:block; left:432px;}


/*         ________
__________/ SOCIAL ICONS \______________________________________________________________________
--------------------------------------------------------------------------------------- */
.social { list-style:none; margin:35px 0 0 352px; width:271px; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:32px; height:32px; padding-right:6px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.facebook { background-image:url("../images/facebook.png"); }
li.linkedin { background-image:url("../images/linkedin.png"); }
li.twitter { background-image:url("../images/twitter.png"); }
li.youtube { background-image:url("../images/youtube.png"); }
li.rss { background-image:url("../images/rss.png"); }
li.delicious { background-image:url("../images/delicious.png"); }
li.stumleupon { background-image:url("../images/stumleupon.png"); }




/*         ____________
__________/ arrow-play \__________________________________________________________________
--------------------------------------------------------------------------------------- */

#arrow {
		  position:absolute;
		  width:100%;
		  height: 314px;
		  background:url(../images/arrow.png) top center repeat-x;
		  top:176px;
		  z-index:1; 
		  
		}
		
/*         _______________
__________/ header-slider \__________________________________________________________________
------------------------------------------------------------------------------------------- */

#slideshowWrapper {
    margin: auto;
    position: relative;
	
}
#fssPrev, #fssNext, #fssPlayPause { display:none;}



#fssList {
    list-style: none outside none;
    margin:-30px 0 0 50px;
	position:absolute;
}
#fssList li {
    display:inline-block;
    margin-right: 100px;
	width:60px; height:55px;
}
#fssList li a {
    color: #ffffff;
    text-decoration: none;
	width:60px; height:55px;
	text-align:center;
	display:block; float:left;
	background:url(../images/slider_pages.png) 0 0 no-repeat;
	font-size:24px;
	line-height:2.5em;
}
#fssList li.fssActive a {
    color: #333333;
    font-weight: bold;
	background:url(../images/slider_pages_act.png) 0 0 no-repeat;
}

.slider .text1{left:109px; text-indent:14px;}
.slider .text2{left:268px; text-indent:19px;}
.slider .text3{left:430px; text-indent:15px;}
.slider .text4{left:591px; text-indent:25px;}
.slider .text5{left:753px; text-indent:34px;}

.bg-text{
	background:url(../images/bg-text.png) bottom left no-repeat;
	width:100px;
	height:53px;
	color:#c5d0d8;
	font-size:24px;
	line-height:2.1em;
	top:456px;
}



/*         _______________
__________/ header-slider \__________________________________________________________________
------------------------------------------------------------------------------------------- */


  #ticker
    {position: relative; margin:24px 0 0 39px; width:215px;}
  #ticker .cursor
    {display: inline-block; background: #565c61; width: 0.6em; height: 1em; text-align: center;}
  #ticker p
    {margin-bottom: 0.8em;}
  #ticker code
    {margin: 0.4em 0.4em; display: block;}
  #ticker .next 
    { bottom: 1em; color:#ffffff; font-size:12px;}


.bg-box{
	background:url(../images/bg-box.png) 0 53px no-repeat;
	width:465px;
	 height:334px;
}
.bg-box strong{ color:#ffffff;}
.bg-box .indent-top{ padding-top:5px; line-height:18px; word-spacing:-1px;}
.text-text1{ color:#ffffff; font-size:16px; line-height:1.2em; top:325px; left:45px;}

/*         _______________
__________/ animatet news \_______________________________________________________________
--------------------------------------------------------------------------------------- */


#vertical-ticker{ padding:0 0 0 1px; height:246px; }
#vertical-ticker li{ border-bottom:1px solid #627d90; padding:20px 0;}
#vertical-ticker li:first-child{ padding-top:0;}
#vertical-ticker li:last-child{ border:none;}

.extra-link{ color:#378e90; font-size:12px;}
.extra-link:hover{ color:#cd6a4c;}

.news .news-left{ width:35px;}
.news .news-left span{ line-height:1em;}
.news .news-left .text1{ color:#ff6000; font-size:20px;}
.news .news-left .text2{ color:#ff6000; font-size:15px;}
.news .news-right{ width:180px;}
.link2-top{ padding-top:5px;}
.extra-link a{ width:95px;}



/*         ______________________
__________/ animatet Latest Works \_______________________________________________________________
--------------------------------------------------------------------------------------- */
.anythingSlider                         { width: 459px; height: 257px; position: relative; margin-bottom:54px; }
.anythingSlider .wrapper                { width: 459px; overflow: auto; height: 257px;position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
										
										
										
										
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 257px; width: 500px; margin: 0; }
.anythingSlider .arrow                  { display: block;  position: absolute; }

.anythingSlider .forward                { cursor:pointer; top:-378px; left:398px; width:14px; height:23px; background:url(../images/button_left.png) 0 0 no-repeat;}
.anythingSlider .back                   { cursor:pointer; top:-378px; left:436px; width:14px; height:23px; background:url(../images/button_right.png) 0 0 no-repeat;}
.anythingSlider .forward:hover, .anythingSlider .back:hover           { background-position:0 -23px;}

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { font-size:0; line-height:0; text-indent:-999px;}
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { display:none;}
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



.box-works .box-works-left{ width:220px;}
.box-works .box-works-right{ width:220px; margin-left:20px;}
.img-box{ margin:2px 0 10px 0;}
.text-bold{ padding-bottom:5px;}
.text-bold a{ color:#ffffff; text-decoration:none; font-weight:bold;}
.text-bold a:hover{ color:#ff6000; text-decoration:underline;}



/*         _________________
__________/ slider-portfolio \_______________________________________________________________
--------------------------------------------------------------------------------------- */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


.deep1{height:623px;}
/* Most common stuff you'll need to change */

	.deep1 .coda-slider-wrapper {  height:623px;}
	.deep1 	.coda-slider { height:623px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.deep1 .coda-slider-no-js .coda-slider {  height:623px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.deep1	.coda-slider, .deep1 .coda-slider .panel { width: 960px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.deep1 .coda-slider-wrapper.arrows .coda-slider, .deep1 .coda-slider-wrapper.arrows .coda-slider .panel { width: 960px;  height:623px;}
	.deep1 .coda-slider-wrapper.arrows .coda-slider { }
	
	/* Arrow styling */
	.deep1 .coda-nav-left a, .deep1 .coda-nav-right a { background:url(../images/portfolio_page.gif) 0 0 no-repeat; color: #fff; display:block;  width:39px; height:39px; }
	
	/* Tab nav */
	.deep1 .coda-nav ul li a.current {background:url(../images/portfolio_page_act.gif) 0 0 no-repeat; }
	
	/* Panel padding */
	.deep1 .coda-slider .panel-wrapper { padding: 8px 0 0 0 }
	
	/* Preloader */
	.deep1 .coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	 .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	 .coda-nav ul li { display: inline }
	 .coda-nav ul li a { background:#627d90; width:39px; height:39px; font-size:16px; text-align:center; line-height:2.4em; font-weight:bold; color: #FFF; display: block; float: left; margin-right: 7px; text-decoration: none }
	 .coda-nav ul li a:hover, .deep1 .coda-nav ul li a.current{ color:#FFF; background:#ff6000; }
	
	/* Miscellaneous */
	.deep1 .coda-slider-wrapper { clear: both; }
	.deep1 .coda-slider { float: left; overflow: hidden; position: relative }
	.deep1 .coda-slider .panel { display: block; float: left }
	.deep1 .coda-slider .panel-container { position: relative }
	.deep1 .coda-nav-left, .deep1 .coda-nav-right { float: left }
	.deep1 .coda-nav-left a, .deep1 .coda-nav-right a { display: none;}
	
.deep1 .panel .title{ display:none;}
.deep1 .coda-slider-wrapper{ position:absolute; }
.deep1 .title11{
	line-height:1.2em;
	padding:49px 0 13px 0;
	z-index:2999;
}
.deep1 .row-portfolio .col-1{ width:273px; float:left;}
.deep1 .row-portfolio .col-2{ width:273px; margin-left:42px; float:left;}
.deep1 .row-portfolio .col-3{ width:273px; margin-left:41px; float:left;}
	
	
.deep1 .coda-nav{ position:absolute; left:767px; top:49px; width:100px !important;}
.deep1 .row-portfolio-top{ margin-top:22px;}
.deep1 .portfolio-text{ padding:12px 0 0 7px;}
.deep1 .portfolio-text strong a{ color:#ff6000; text-decoration:none;}
.deep1 .portfolio-text strong a:hover{ text-decoration:underline; color:#FFF;}