/* 

Design by Neue Stijl
Main Designer: Gaston Jah
Client: urban AIRYA

*/

body 									{background: #fff url(../img/bg.jpg); font-family: Helvetica, Arial, sans-serif; overflow:auto; font-style: normal; font-variant: normal; font-weight: normal; font-size-adjust: none; font-stretch: normal; color: #666;}

ul, ol, li 								{list-style:none;}
.bw 									{position: absolute; margin: 0; padding: 0; border: none;}
.pr 									{width: 904px;}
.hr 									{border:none; border-bottom:1px solid #ccc; border-top:1px solid #eee; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom:10px;}
a 										{color: #666; text-decoration: none;}
a:hover 								{text-decoration: none;}
h3 										{color: #666;}
#main 									{width: 904px; margin: 0 auto;}
#header 								{width: 904px; height: 84px; background: url(../img/nav.jpg) no-repeat;}
/* nav */
.index tbody tr td 						{height:20px; padding: 35px 30px 10px 23px; }
#nav ul 								{list-style: none; display: inline; float: right;}
#nav ul li 								{color: #f75307; display: inline; font-weight: normal; font-size: 14px; letter-spacing: 0.5px; text-align:center;}
#nav ul li img 							{text-align:center;}
#nav ul li a 							{/*	float: left; */	text-shadow:#e4e4e4 0 2px 0; color: #555; text-decoration:none;}
#nav ul li 								{/*	color:#293e6b; */}
#nav ul li a:hover, #nav ul li:hover, #nav ul li .active 
										{text-decoration: none; color:#128ea8; cursor:pointer;}
#nav ul li .active a 					{text-decoration: none;}
#nav ul li .selected					{color: #128ea8;}
/*#separator {
	width:14px;
	background-image:url(../img/separator.png);
}*/
#nav ul #separator 						{margin: 0px;}

/* quads */
.quads 									{width: 904px; height:340px; margin: 0px; padding: 0; white-space: nowrap;}
.quads img 								{margin:0 -4.3px 0 0; padding:0;}
.inner_txt 								{position: absolute; width: 190px; float: right; top: 170px; margin: 0 auto 0 700px; color: #fff; text-shadow:#333 0px 0px 1px;}
.inner_txt 								{color: #eee; font-size: 12px; line-height: 16px;}
#inner 									{float: left; overflow: hidden;}
#inner div 								{float: left; width: 440px; margin-right: 10px; margin-bottom: -10px; padding-bottom: 100px;}
#inner .col2 							{margin-right: 0;}
#company_description 					{padding-bottom: 20px;}
#company_description p 					{margin-top: 10px; padding-top: 5px; color: #333333; font-size: 14px; line-height: 20px; width:inherit; text-align:justify; font-weight:500;}
img 									{border: 0;}
.fresh_post								{width: 300px; padding: 20px 5px; background: #eee;}
dl.feed 								{margin:0px 0px;}
dl.feed dt 								{border-top: #eee solid 2px; width:200px; float:left; font-weight:bold; padding: 5px; margin: 0 0 5px 0;}
dl.feed dd 								{font-size:10px; color: #128ea8; width:100px; float:left; padding:0; margin:0px 0;}

/* projects */
.projects 								{position: relative; float: left; left: 0px; width: 903px; text-align: center; padding-bottom: 5px;}
.pro1 									{position: relative; float: left; padding-top: 15px; left: 0px; width: 177px; height: 30px; background-color: #dfdfdf;}
.pro1 a:link 							{text-decoration: none;}
.pro1 a:hover 							{color: #0388a5; }
.pro2 									{position: relative; padding-top: 15px; float: left; left: 5px; width: 177px; height: 30px; background-color: #dfdfdf;}
.pro2 a:link 							{text-decoration: none;}
.pro3 									{position: relative; float: left; padding-top: 15px; left: 10px; width: 177px; height: 30px; background-color: #dfdfdf;}
.pro3 a:link 							{text-decoration: none;}
.pro4 									{position: relative; float: left; padding-top: 15px; left: 15px; width: 177px; height: 30px; background-color: #dfdfdf;}
.pro4 a:link 							{text-decoration: none;}
.pro5 									{text-decoration: none; position: relative; float: right; padding-top: 15px; right: 0px; width: 175px; height: 30px; background-color: #dfdfdf;}
.pro5 a:link 							{text-decoration: none;}

/*  case studies  */
#screenshots 							{padding: 0; margin: 0; clear: both; height: 454px;}
#screenshots img 						{padding: 0; margin: 1px -2px -2px 0px; }
#screenshots a img 						{background-color:#FFFFFF; background-image:url(../img/menubackground.png); background-repeat:repeat; }
#screenshots a img:hover 				{opacity:.40; filter:alpha(opacity=40); -moz-opacity:.40; background-color:#FFFFFF; background-image:url(../img/menubackground.png); background-repeat:repeat;}
#tag_title 								{margin: 10px 0 0 0; position: absolute; font-size: 8px; font-weight: bold; color: #f75307; width: 450px; height: 45px; background: url(../img/bg_shadow.png) repeat-x;}
#tag_title h2 							{padding:  13px 0 0 10px;}
#tag_location 							{margin: 0px 0px 1px 678px; position: inherit; font-size: 8px; font-weight: bold; color: #f75307; width: 224px; height: 45px; background: url(../img/bg_shadow.png) repeat-x; }
#tag_location h2 						{padding: 22px 0 0 10px; }
#tag_details 							{margin: -9px 0 0 0; padding:0px 2px 0px 0px; position: inherit; font-size: 8px; font-weight: bold; color: #f75307; width: 676px; height: 45px; background: url(../img/bg_shadow.png) repeat-x;}
#tag_details h2 						{padding: 23px 0 0 10px; }
#tag_details ul 						{height: 179px;	width: 658px; margin:20px 0px 0px -28px; }
#tag_details ul li 						{font-size: 14px; color: #333; margin:0px 0px 3px 0px; font-weight:500;}
#tag_details-two 						{color: #333; margin-top:30px; font-weight:500;}
#tag_details-two h3 					{font-size: 14px; }
#tag_details-two ul li 					{font-size: 14px; margin:0px 0px 3px 0px; }
#tag_details-two ul 					{margin-bottom:30px;}
#case_description 						{margin-bottom:20px;}
#case_description p 					{color: #333333; font-size: 14px; line-height: 18px; width:inherit; text-align:justify; font-weight:500;}
#footer 								{position: fixed; bottom: 0pt; height: 40px; width: 904px; margin:  60px 0 0 0; background: #eee; -webkit-box-shadow:0px 0px 5px #787878; -moz-box-shadow:0px 0px 5px #787878;}
#footer p 								{text-align: left; padding: 5px 0 0 15px; font-size:11px; color: #4c4e55;}
.social-networking 						{list-style-type: none; float: right; padding: 8px 8px 0 0;}
.social-networking li 					{display: inline; }


h1 										{color: #128ea8; font-size: 20px; font-weight: normal; line-height:30px; margin:0px; text-align: left;}
.style1 								{color: #000000; font-weight: bold; font-size: 14px; letter-spacing: 1px;}

/*  contact  */
.message 								{background: #eee; padding: 0px; color:#333;}
#alert p 								{border-left: #333 3px solid; padding: 20px;}
div.box 								{margin:0 auto; position:relative;}
div.box h1 								{color:#222; font-size:18px; text-transform:uppercase; padding:5px 0 5px 5px; border-top:1px solid #161712;}
div.box label 							{width:100%; display: block; background:#fff; padding:10px 0 10px 0;}
div.box label span 						{display: block; color:#bbbbbb; font-size:12px; float:left; width:150px; text-align:right; padding:0px 20px 0 0;}
div.box .input_text 					{padding:10px 10px; width:200px; color: #CCC; background:#262626; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; }
#feedback .message 						{font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
div.box .message 						{color: #CCC; font-family: Arial, Helvetica, sans-serif; padding:7px 7px; width:350px; font-size: 12px; background:#262626; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; overflow:hidden; height:150px; }
div.box .button 						{margin:0 0 10px 0; padding:4px 7px; background:#128ea8; color: #fff; font-size: 12px; text-shadow:#666 0 1px 0; border:0px; top:10px; position: relative; left:170px; width:100px;}