/* TMP
.t			{border:1px solid #0CC}
 */
/* RESET GLOBALS */
body,p,ul,h2		{margin:0; padding:0; zoom:1;}
#iPh1				{display:none;}

/* TYPOGRAPHY */
p, li, h1, h2, h3, span	{font-family: "athelas",serif;}


p			{line-height:1.5; color:#000}
h2			{font-size:20px; font-weight:bold}
h3			{font-size:18px; font-weight:bold}
span		{color:#000; font-weight:bold}

a			{color:#06F;}

a:hover		{text-decoration:none;}

#home h1	{font-size:26px; margin-top:4px;}
#home h3	{font-size:16px; font-weight:normal}

.learnmore	{display: inline-block;margin: 0px 0 0 0;padding: 3px 20px 3px 0;
			background: url(../img/arrow-icon.png) right 3px no-repeat; color: #888;/*font-size: 16px;letter-spacing:1px;*/
			text-transform:uppercase;  text-decoration:none;}
.learnmore:hover
			{text-decoration:none;}
/* LAYOUT */
.e			{width:980px; margin:20px auto; overflow:hidden; padding:15px;}
.fl			{float:left}

.spacer		{background:#f5f5f5; border-top:1px solid #aaa;border-bottom:1px solid #aaa;}

body		{border-top:4px solid #444;}
.head		{padding:30px 15px 0 15px; margin-top:0; margin-bottom:0}
.logo		{float:left;}
.logo img	{width:350px;margin-top: 10px;}

.grid		{margin:15px 0;}

.row		{clear:both; margin-bottom:40px; overflow:hidden}
.last-row	{margin-bottom:10px;}

.gbox		{border:1px solid #aaa; position:relative;}
.gbox div	{background:#fff /*url(../img/pattern.png) repeat*/; height:50px; position:absolute; bottom:0; width:100%;

			  /* IE 8 */
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			
			  /* IE 5-7 */
			  filter: alpha(opacity=75);
			
			  /* Netscape */
			  -moz-opacity: 0.75;
			
			  /* Safari 1.x */
			  -khtml-opacity: 0.75;
			
			  /* Good browsers */
			  opacity: 0.75;
			}

.gbox h2	{position:absolute; left:20px; bottom:12px; color:#000}

.a1			{position:relative; background:#020b10 url(../img/homer.png) no-repeat 0 0;}
.a1 h1,.hp h3{position:absolute; left:20px; color:#fff}

.a1 h1		{top:20px; width:600px;}
.a1 h3		{top:120px; width:500px;}


.a1			{width:978px; height:280px;}
.a2			{width:338px; height:194px;}
.b1			{width:316px; margin-right:13px; height:150px;}
.b2			{width:598px; height:120px; height:150px;}
.b2			{width:316px; margin-right:13px; height:120px; height:150px;}
.b3			{width:316px; height:120px; height:150px;}

.a2			{background:url(../img/team.jpg) center -10px no-repeat}
.b1			{background:url(../img/team.jpg) 0 -48px no-repeat}
.b2			{background:url(../img/handshake.jpg) 0 0 no-repeat}
.b3			{background:url(../img/buildings.jpg) 0 0 no-repeat}

.nav		{/*border-bottom:1px solid #444;*/ margin-bottom:0; margin-top:0; padding-bottom:0;padding-top: 10px;}
.nav ul		{float:right;}
.nav ul li	{display:inline; list-style:none; float:left}
.nav ul li.act {}
.nav ul li.act a {border-bottom:5px solid #444;}
.nav a		{text-decoration:none; color:#000;font-size:18px; line-height:18px; display:inline-block; padding:5px 14px 10px 14px;border-bottom:5px solid #fff;}
.nav a:hover{border-bottom: 5px solid #aaa;}
.nav ul li.act a:hover {border-bottom-color:#444;}

.content	{ padding:30px 20px}
.content p	{padding-bottom:15px;}
.content h2	{padding-bottom:20px;}
.content img{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);border:1px solid #aaa;}
.content img.lft{margin-right:20px;}
.content img.rgh{margin-left:20px;}
.content img.map{margin:20px 0; border:none; box-shadow:none;}

.coat		{margin-bottom:50px;}

.foot		{text-align:center; padding-top:10px; padding-bottom:40px;}
.foot ul li	{display:inline; padding:0 3px; list-style:none}
.foot a,
.foot li	{font-size:14px;}
.foot a		{color:#000;}

.newsitems	{float:left; margin-right:40px; width:230px; }
.newsitems ul li	{list-style:none; }
.newsreader	{float:left; width:710px; margin-bottom:50px;}
.newsreader h2 	{padding-bottom:0;}
.newsreader h3	{font-size:14px; font-weight:normal; font-style:italic; padding-bottom:20px;}

.contactbox	{width:300px; margin-right:31px; margin-top:30px;}
#terms .content h2 	{border-bottom:1px solid #ddd;}

.languette	{text-align:center; padding:5px 0; background:#eee; display:inline-block; border:1px solid #fff; border-top:none; position:relative; left:50%; width:150px; margin-left:-75px;

			-webkit-border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-bottomright: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
			
				box-shadow:0px 1px 3px #888;
		-webkit-box-shadow:0px 1px 3px #888;
		   -moz-box-shadow:0px 1px 3px #888;}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.nav ul li	{padding-top:0px; }
}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  
  .e		{width:718px;}
  #contact .map	{width:350px; margin-top:50px;}
  .a1		{width:auto; margin-right:0;}
  .a2, .b1, .b2	{display:none}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

@media screen and (max-width: 500px) {
	
	/* iPHONE */
	p, .foot li, .foot a	{font-size:12px;}
	.e, .contactbox	{width:auto}
	.logo			{float:none; text-align:center}
	.logo img		{width:280px;}
	.a1				{width:auto; margin-right:0;}
	.a2, .b1, .b2, .a1, .b3{display:none}
	.nav			{padding:5px 5px 0px 5px; text-align:center}
/*	.nav ul			{float:none;}
	.nav ul li		{display:block; float:none}
*/	.nav a			{font-size:12px; padding-left:6px; padding-right:6px;}
	.foot ul li		{padding:0 1px;}
	
	.content img	{display:none;}
	
	#home h1	{font-size:18px;}
	#home p		{font-size:14px;}
	.learnmore	{font-size:14px; margin-left:0;}
	#iPh1		{display:block;}
	#iPh1 h1,
	#iPh1 h3	{color:#000; position:relative; left:0}
}