/* CSS Document */

html{background:url(../images/bg_bottom.jpg) repeat;}
body{background:url(../images/bg_main.jpg) repeat-x center top; width:100%; display:table; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}

#container			{width:850px; margin:0 auto;}
.top				{width:100%; height:71px; background:url(../images/top.jpg);}

.breakline1			{height:1px; background:#082e33; position:relative; top:17px;}
.breakline			{height:1px; background:#082e33; margin:10px 0;}

.header				{background:url(../images/top2.jpg) no-repeat; width:100%; height:160px; padding:0px 0px 25px 0px;}
.header p, .top p	{font-size:.01em; visibility:hidden; line-height:1px;}

.links				{margin:0px 7px 0px 7px; height: 20px; line-height: 20px;}
.links p			{font-size:11px; color:#bbcbce; display:inline; vertical-align:middle;}
.links img			{float:right; width:20px; display:inline; padding-left:11px; border:none;}
.links_right		{float:right; width:30%; text-align: right;}
.links p.email		{width:70%; text-align: left;}

.portfolio			{margin:25px 0px;}
.portfolio_item		{float:left; width:425px;}
.portfolio_itemR	{float:right; width:425px;}
.portfolio_desc		{float:left; width:152px; margin-left:0px; padding:10px 0px 0px 5px;}
.portfolio_itemR .portfolio_desc	{margin-left:10px;}
.portfolio h1		{font-size:11px; color:#4c6a70; display:inline; padding:4px 140px 4px 8px; line-height:24px; background:url(../images/bg_h1.png);}
.portfolio p		{font-size:11px; line-height:17px; color:#a9b9bc; padding:4px 8px 12px 8px;}

.footer p			{width:145px; padding:5px 20px 30px 8px; float:left; font-size:10px; color:#bbcbce; line-height:16px;}
.footer p.bio		{width:455px; padding:5px 40px 30px 8px; float:left; font-size:10px; color:#bbcbce; line-height:16px;}

p a:link, a:visited, a:active	{color:#8eab83; text-decoration:none;}
p a:hover						{text-decoration:underline;}

.clearit			{clear:both;}

/* iPhone Styles */

@media screen and (max-device-width: 480px){

	html, body 			{-webkit-text-size-adjust: none;}
	#container			{width:425px;}
	.breakline1, .header{display:none;}
	.top				{background:url(../images/top.jpg) 8px 0 no-repeat; padding:0 0 10px;}
	.links				{margin:0px 13px;}
	.links p.email		{margin-right:0px;}
	
	.portfolio							{margin:0px; padding-top:20px;}
	.portfolio_item, .portfolio_itemR	{width:425px; float:none; display:block;}
	.portfolio_itemR .portfolio_desc	{margin-left:0px;}
	
	.footer p		{width:auto; padding:13px; float:none; display: block;}
	.footer p.bio	{width:auto; float:none; padding:10px 13px; display: block;}

}