body { background-color: #f2f2f2; margin:0; padding:0; font-family:Lucida Grande, Verdana, Helvetica, sans-serif; font-size:67%; width:98%;}
a {color:#000; text-decoration:none;}
a:hover {color:#99B2CC;}
a:visted {color:#000;}
.clear {clear:both;}
h2 {margin-left:6px; margin-top:25px; font-size:1em;}
#container {float:right; margin:25px 15px;}

/*project (homepage)*/
#projects {text-align:right;}
#projects ul {margin:15px 15px 15px 0; width:450px; list-style-type:none; font-size:1.10em;}

/*contact page*/
#projects dl {margin:15px 200px 0 0; width:450px; font-size:1.10em;}
#projects dt {float:left; width:180px; margin-right:15px;}
#projects dd {text-align:left;}
#projects dd.last {margin-bottom:15px;}

/*contact info*/
#contact {float:right; margin:0 10px 15px 0;}
#contact p {margin:0;}
#contact p strong {margin-right:4px; font-size:1.25em;}
#contact p.phone {letter-spacing: .30em;}

/*news*/
#posts {float:left; width:450px; margin-top:15px;}
#posts h3 {margin:0; font-size:1.10em;}
#posts p {margin:4px 0 15px 0;}

/*main nav*/
ul#main-nav {margin:0 10px 0 0; padding:0; text-align:right; font-weight:bold;}
ul#main-nav li {display:inline; padding:0 5px 0 10px; list-style-type:none; border-left:1px solid #666; }
ul#main-nav li.first {border:0 none;}
ul#main-nav a {color:#000;}

/*thumbnails*/
ul#thumbs {width:520px; margin:0; margin-bottom:10px; padding:0; float:right;}
ul#thumbs li {float:left; list-style: none;}
ul#thumbs img {margin:6px; border:1px solid #ccc;}
ul#thumbs.limit6 {width:390px;}
.thumbs {margin:0; padding:0;}
.thumbs img {margin:6px; border:1px solid #ccc;}
.thumbs li {list-style:none;}

/*gallery navigation*/
div.navigate {background-color:#f2f2f2; position:absolute; top:0; width:300px; padding:10px 0; z-index:9500; color:#ccc; text-align:center;}
div.navigate p {display:inline; margin:0; padding:0; width:300px;}
div.navigate .currentTextHolder {display:block; margin:0 0 10px 0; padding:0;}
div.navigate a {border-bottom:1px solid #eee; color:#ccc;}
div.navigate a.previous {float:left; color:#666;}
div.navigate a.next {float:right; color:#666;}

/*photo gallery*/
div.pictureHolder .loaderIcon {}
div.prettyPhotoOverlay{background:#f2f2f2;position:absolute;top:0;left:0;z-index:950;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:1px}* html div.pictureHolder .top{padding:0 1px}div.pictureHolder .top .left{position:absolute;left:0;width:1px;height:1px}div.pictureHolder .top .middle{position:absolute;left:1px;right:1px;height:1px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:1px;height:1px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:0}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .bottom{position:relative;height:1px}* html div.pictureHolder .bottom{padding:0 1px}div.pictureHolder .bottom .left{position:absolute;left:0;width:1px;height:1px}div.pictureHolder .bottom .middle{position:absolute;left:1px;right:1px;height:1px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:1px;height:1px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}

/*iphone styles*/
@media screen and (max-device-width: 480px)
	{

		h2 {margin-top:25px; font-size:0.9em}
		#projects ul {margin:25px 10px 10px 0;  float:right;}
		#projects li {display:block; float:left; width:140px; margin-bottom:10px; padding-left:10px; font-size:1.25em;}
		#contact {font-size:1.45em;}
		#projects dl {margin:25px 0 10px 0; float:right; font-size:1.65em;}
		#projects dt {margin-right:22px;}
		ul#thumbs {margin-right:-6px;}
		ul#thumbs img {width:50px; height:50px; margin:6px; border-color:#333;}
		div.pictureHolder .loaderIcon {width:32px; height:32px; margin-left:-32px; background: url(loader-5-1.gif) center center no-repeat;}
		div.navigate {width:100%; font-size:2.25em; border-bottom:1px solid #ccc;}
		div.navigate .currentTextHolder {display:none;}
		div.navigate a {padding:0 10px 10px 10px; border:0 none;}
		div.navigate a.previous {width:120px; margin:0 5px; }
		div.navigate a.next {width:120px; margin:0 5px; }
		div.navigate p a {width:400px;}
	}
	
@media screen and (max-device-width: 1024px) and (orientation:landscape) {
	    .pictureHolder {margin-top:65px;}
}