/* @override http://www.kuatrodesign.com/css/main.css */

/** GLOBAL **/

	* {
		padding:0;
		margin:0;
	  }
	
	body{
		font-size:62.5%;
		font-family:Arial, Helvetica, sans-serif;
		background:#2a2f33;
	}
	
	a{ 
		color:#00aeef;
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:underline;
	}
	
	h1,h2,h3,h4,h5,h6{
		font-size:1.55em;
		margin-bottom:5px;
		font-weight:normal;
	}
	
	h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.50em;
		font-weight:600;
	}
	
	p{
		margin-bottom:10px;
		font-size:1.20em;
		line-height:18px;
		color:#42839b;
	}
	
	ul{
		font-size:1.20em;
		color:#42839b;
		list-style:none;
	}

	ul ul{
		font-size:1em;
	}
	
	img{
		border:0px;
	}
	
	input{
		border:0px;
		margin-bottom:10px;
		padding-bottom:3px;
		color:#5b94a8;
	}
	
	select{
		border:0px;
		margin-bottom:10px;
		padding-bottom:3px;
		color:#5b94a8;
	}


/** Container and Background**/

	#container{
		width:860px;
		margin: 0px auto;
		padding:10px;
		background-color:#FFFFFF;
	}
	
	#wrapper{
		padding-top:40px;
		height:600px;
		background:url(../images/bg.jpg) repeat-x;
	}
	
	#border{
		min-height:570px;
		border:solid #93999c 1px;
	}
		

/** Header **/

	#header{
		height:73px;
		background:#4b595e;
		position: relative;
	}
	
	#logo{
		float:left;
		margin-top:47px;
		margin-left:39px;
	}

	#navbar{
		
		padding-right:38px;
		padding-top:16px;
		list-style:none;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	#lang_select{
		float:right;
		color:#AAAAAA;
		height:25px;
		padding-top:14px;
		padding-right:38px;
	}
	
/** Content **/

	#content{
		margin: 0px 37px;
		margin-top:20px;
	}
	
	#content #left_col, #content #right_col{
		float:left;
	}
	
	#content #left_col{
		width:190px;
	}

	#content #right_col{
		width:592px;
		border-left: 1px solid #ededed;
	}
	
	#content #right_col #col_a, #content #right_col #col_b{
		float:left;
	}
	
	#content #right_col #col_a{
		width:381px;
		padding:0px 10px;
	}
	
	#content #right_col #col_b{
		width:189px;
	}
	
	#content .blue_col,	#content .info{
		float:left;
	}
	
	#content .blue_col{
		width:60px;
		margin-right:2px;
		background:#cceffc;
	}
	
	#content .info ul{
		width:315px;
		list-style:none;
	}

	#content .info li{
		margin-top:5px;
		border-bottom:2px solid #cceffc;
	}

	#content #col_b form{
		padding:0px 10px;
	}
	
	#content #col_b{
		background:#e5f7fd;
	}
	
	#content #col_b p{
		padding:10px 10px 0px 10px;
	}


/** Footer **/
	
	#footer {
		margin: 0px auto;
		width:860px;
	}

	
	#footer p{
		float:right;
		padding: 10px 1px 10px 0px;
		font-size: 1em;
		color: #c7cbcd;
	}


/** Typography **/
	#content #right_col #col_a p{
	}
	
	#quote{
		margin-top:50px;
	}
	
	
/** Language **/
#navlang {
	position: absolute;
	right: 40px;
	top: -1px;
}

#navlang span {
	visibility:hidden;
}

#navlang li {
	float: left;
	padding-right: 1px;
}

#navlang li a{
		display:block;
		height:17px;
		text-decoration: none;
}

	#navlang #chinese{
		width:38px;
		background:url(../images/china/nav_chinese.gif);
		background-repeat: no-repeat;
	}
	
	#navlang #chinese:hover{background:url(../images/china/nav_chinese.gif) 0px 24px;}
	
	
	#navlang #english{
		width:57px;
		background:url(../images/nav_english.gif);
		background-repeat: no-repeat;
	}
	
	#navlang #english:hover{background:url(../images/nav_englishroll.gif);}



/** Navigation **/
	
	#navbar li{
		float:left;
		padding-right:1px;
	}
	
	#navbar li a{
		display:block;
		height:18px;
	}

	#navbar li a:hover{
		text-decoration:none;
	}

	#navbar span{visibility:hidden;}

	#navbar #nav-services{
		width:60px;
		background:url(../images/nav_services.gif);
	}
	
	#navbar #nav-services:hover{background:url(../images/nav_services.gif) 0px 18px;}

	#navbar #nav-about{
		width:62px;
		background:url(../images/nav_about.gif);
	}
	
	#navbar #nav-about:hover{background:url(../images/nav_about.gif) 0px 18px;}
	
	
	
		#navbar #nav-now{
		width:41px;
		background:url(../images/nav_now.gif);
	}
	
	#navbar #nav-now:hover{background:url(../images/nav_now.gif) 0px 18px;}

	#navbar #nav-our-team{
		width:62px;
		background:url(../images/nav_team.gif);
	}
	
	#navbar #nav-our-team:hover{background:url(../images/nav_team.gif) 0px 18px;}

	#navbar #nav-portfolio{
		width:72px;
		background:url(../images/nav_portfolio.gif);
	}

	#navbar #nav-portfolio:hover{background:url(../images/nav_portfolio.gif) 0px 18px;}

	#navbar #nav-our-clients{
		width:78px;
		background:url(../images/nav_clients.gif);
	}

	#navbar #nav-our-clients:hover{background:url(../images/nav_clients.gif) 0px 18px;}

	#navbar #nav-press{
		width:46px;
		background:url(../images/nav_press.gif);
	}
	
	#navbar #nav-press:hover{background:url(../images/nav_press.gif) 0px 18px;}
	
	#navlang #nav-twitter{
		width:24px;
		background:url(../images/nav_twitter2.gif);
		
		background-position: top left;
		height: 24px;
		
		margin-right: -1px;position: relative;
		position: relative;background-repeat: no-repeat;
	}	
	
	#navlang #nav-twitter:hover{background:url(../images/nav_twitter2.gif) 0px 24px;}	

	#navbar #nav-news{
		width:41px;
		background:url(../images/nav_news.gif);
	}
	
	
		#navlang #nav-facebook{
		width:24px;
		background:url(../images/nav_facebook2.gif);
		
		background-position: top left;
		height: 24px;
		
		position: relative;
		margin-right: -1px;
		position: relative;
		background-repeat: no-repeat;
	}	
	
	#navlang #nav-facebook:hover{background:url(../images/nav_facebook2.gif) 0px 24px;}	
	
	#language-select {
	
}
	
	
		#navlang #nav-vimeo{
		width:24px;
		background:url(../images/nav_vimeo2.gif);
		
		background-position: top left;
		height: 24px;
		position: relative;
		position: relative;background-repeat: no-repeat;
	}	
	
	#navlang #nav-vimeo:hover{background:url(../images/nav_vimeo2.gif) 0px 24px;}	


	#navbar #nav-news{
		width:41px;
		background:url(../images/nav_news.gif);
	}
	
	#navbar #nav-news:hover{background:url(../images/nav_news.gif) 0px 18px;}

	#navbar #nav-contact{
		width:60px;
		background:url(../images/nav_contact.gif);
	}
	
	#navbar #nav-contact:hover{background:url(../images/nav_contact.gif) 0px 18px;}

	#services #nav-services		{background:url(../images/nav_services.gif) 0px 18px;}
	#about #nav-about			{background:url(../images/nav_about.gif) 0px 18px;}
	#portfolio #now #nav-now			{background:url(../images/nav_now.gif) 0px 18px;}
	#team #nav-our-team			{background:url(../images/nav_team.gif) 0px 18px;}
	#portfolio #portfolio2 #nav-portfolio	{background:url(../images/nav_portfolio.gif) 0px 18px;}
	#clients #nav-our-clients	{background:url(../images/nav_clients.gif) 0px 18px;}
	#press #nav-press			{background:url(../images/nav_press.gif) 0px 18px;}
	#news #nav-news				{background:url(../images/nav_news.gif) 0px 18px;}
	#contact #nav-contact		{background:url(../images/nav_contact.gif) 0px 18px;}


/** Home Page **/
	#banner{
		margin-bottom:17px;
	}
	
	#ml-box{
		width:189px;
		height:140px;
		background:#d6f2fc;
	}
	
	#ml-box h3{
		width:189px;
		height:79px;
		text-indent:-2000px;
		background:url(../images/ml_header.gif);
	}

/** Services **/
	
	#services .services-box{
		margin-left:10px;
	}
	
	#services .services-box div{
		float:left;
		width:193px;
		margin-right:1px;
	}
	
	#services .services-box div p{
		height:90px;
		margin: 10px;
		margin-top:15px;
	}
		
	#services .services-box div span{
		display:block;
		height:20px;
		padding-top:10px;
	}

	#services .services-box div span a{
		font-weight:bold;
		font-size:1.25em;
		text-transform:uppercase;
		margin-left:100px;
	}


/** Our Team Page **/

	#about #col_a h3{
		float:left;
		width:180px;
		height:24px;
		text-indent:-2000px;
		background:url(../images/about_designer.gif) no-repeat;
	}

/** Portfolio Page **/
	
	#portfolio #right_col{
		padding-left:10px;
		width:582px;
	}

	#portfolio .portfolio-list img{
		width: 191px;
		height: 229px;
		padding:0px;
	}
	
	#portfolio .portfolio-list ul li{
		float:left;
		padding-right:2px;
	}
	
	#portfolio .portfolio-list ul li a{
		display:block;
		background:#e4e6e7;
		color:#4b595e;
		text-transform:uppercase;
	}
	
	#portfolio .portfolio-list ul li a:hover{
		text-decoration:none;
		background:#effafe;
		color:#00aeef;
	}
	
	#portfolio .portfolio-list ul li span{
		display:block;
		margin: -2px 0px 2px 0px;
		padding:15px;
	}

	#portfolio .portfolio-thumbs{
		margin-top:25px;
	}

	#portfolio .portfolio-thumbs ul li{
		float:left;
		margin:0px;
		padding-right:3px;
		padding-bottom:3px;
		line-height:0px;
	}
	
	#portfolio .portfolio-thumbs img{
		width:87px;
		height:71px;
	}
	
	#portfolio #project-header{
		margin-top:10px;
		margin-bottom:0px;
		background:#a5acae;	
	}
	
	#portfolio .project-title{
		padding: 4px 0px 0px 10px;
		font-size:1.30em;
		color:#FFFFFF;
		text-transform:uppercase;
	}

	#portfolio #project-header a{
		display:block;
		padding:6px 15px 6px 15px;
		background:#768185;
		border-left:1px solid #fff;
	}
	
	#portfolio #project-header a:hover{
		background:#00AEEF;
		text-decoration:none;
	}
	
	#portfolio #project-desc{
		clear:both;
		padding:10px;
		background:#e5f7fd;
	}
	
	#portfolio div.slideshow-container {
		position: relative;
		clear: both;
		height: 388px; /* This should be set to be at least the height of the largest image in the slideshow */
		margin-bottom:20px;
	}

	#portfolio #gallery div.loader {
		position: absolute;
		top: 0;
		left: 0;
		background-image: url('loader.gif');
		background-repeat: no-repeat;
		background-position: center;
		width: 583px;
		height: 388px; /* This should be set to be at least the height of the largest image in the slideshow */
	}
	div.slideshow {

	}
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}	
	
	
	
/** Our Clients Page && Our Team Page **/
	.clients-list{
		float:left;
		width:381px;
		background:url(../images/clients_bg.gif);
	}
	
	.clients-list ul{
		float:left;
		padding-top:7px;
		padding-left:5px;
		padding-bottom:10px;
	}
	
/** Press Page **/
	#press #right_col{
		padding-left:10px;
		width:582px;
	}
	
	#press .press-list{
		padding:10px;
		background:#e4e6e7;
	}
	
	#press .press-list ul li{
		float:left;
		padding-right:2px;
		padding-bottom:1px;
	}
	
	#press .press-list ul li img{
		width:110px;
	}
	
	#press .press-article{
		width:583px;
		background:url(../images/article_bg.gif);
	}
	
	#press .press-article h3{
		margin:0px;
		color:#42839b;
		font-size:1.6em;
		font-weight:bold;
	}

	#press .view-article{
		margin-top:2px;
		padding:10px 10px 25px 10px;
		font-size:1.1em;
		background:#cceffc;
	}
		
/** News Page **/
	#news #col_b h3{
		width:189px;
		height:52px;
		text-indent:-2000px;
		background:url(../images/join_ml.gif);
	}
	
	#news .news-list{
		background:url(../images/news_bg.gif);
	}
	
	#news .news-info{
		margin-left:63px;
		width:315px;
	}
	
	#news .news-info li{
		height:81px;
		border-bottom:2px #e5f7fd solid;
	}
	
	#news .news-info p{
		padding:0px 10px;
		padding-top:5px;
		font-size:1em;
	}

	#news .news-info span{
		padding-top:5px;
		font-size:1em;
	}


/** Comtact Page **/
	
	#contact #col_b{
		background:#e5f7fd;
	}

	#contact #col_b h3{
		width:189px;
		height:130px;
		text-indent:-2000px;
		background:url(../images/learn_about_you.jpg);
	}
	
	#contact .info ul{
		font-size:.97em;
	}
	
	#contact .info ul p{
		padding-left:10px;
	}


/** CLASSES **/
	.break 					{clear:both;}
	.light-blue				{background:#e5f7fd;}
	.space-bottom-20		{padding-bottom:20px;}
	.square-list li			{background:url(../images/square_bullet.gif) 0px 2px no-repeat; padding-left:17px; padding-bottom:7px;}
	.float-left				{float:left;}
	.float-right			{float:right;}