body {
	font-family: Verdana;
	font-size: 0.75em;
	width: 100%;
	margin-left: auto;
	margin-right: auto; 	
	background: url(../images/background.png) 0 0 repeat-x; height: 600px;
	background-color: black;
}

img {
    border:none;
}

a {
	color:Gray;
	font-weight:bold;
	text-decoration: none;
}

#content {
	color: #444444;
	margin-left: auto;
	width: 800px;
	margin-right: auto;
	margin-top: 20px;
	text-align:justify;
}

.copyrightNotice {
	padding-top: 5px;
	font-size: 0.8em;
	color:#999999;
	text-align: center;
}

.appHighlightList 
{
	height: 260px;
	
}

.appHighlight {
	padding-top: 10px;
	float: left;
	font-size: 1.0em;
    border: 0px solid blue;
    width:250px;
	margin-left: 35px;
    margin-right: 35px;
}

.appHighlight .banner {
	text-align: center;
	width: 600px;
	height: 200px;
	margin-left: 10px;
}

.appHighlight .icon 
{
	padding-left:60px;
	text-align: center;
	width: 150px;
	height: 200px;
	margin-left: 10px;
}

.appHighlight .title 
{
	padding-left:40px;
	text-align: center;
	height: 30px;
	padding-bottom: 5px;
}

.appHighlight .description 
{
	padding-left:30px;
	text-align: center;
	font-size:smaller;
	margin-left:15px;
	color:Gray;
}

.menu {
	text-align: left;
	float: right;
	font-size: 1.5em;
	border: 0px solid blue;
	padding-top:8px;
}

.menu a {
	color: white;
}

.menu a:hover {
	color: #666666;
}

.menu li {
    float:left;
    list-style: none;
    padding-left: 0px;
    font-size: 0.9em;
}

#footer {
	width: 100%;
	height: 40px;
	clear: both;
}

.footerContent {
	width:750px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	color:#999999;
	text-align:right;
	font-size: 1.1em;
	padding-bottom: 5px;
}

.footerContent #linkList a {
	text-decoration: none;
	color: #888888;
	font-family:Verdana;
	font-weight:bold;
	padding-right:10px;
}
	
.copyrightNotice {
	text-align: center;
	width: 100%;
	border: 0px solid white;
	padding-bottom: 20px;
}

/* apps styles */
.iPhoneShell {
	float:left;
	border: 0px white solid;
	margin-left: 60px;
	margin-top: 30px;
	position: relative;
}

.iPhoneShell .appScreen {
	position: absolute;
	top: 65px;
	left: 20px;
}

.iPhoneShell embed.appScreen {
	position: absolute;
	top: 65px;
	left: 20px;
}

.iPhoneShell .register {
	position: absolute;
	top: 450px;
	left: -40px;
}

.iPhoneShell .reviews {
	position: absolute;
	top: 530px;
	font-size:smaller;
}

#AppFlow
{
	padding-left:60px;
}

#homeContent {
	clear: both;
	padding-top: 10px;
}

#servicesContent {
	clear: both;
	padding-top: 10px;
	position: relative;
	height: 400px;
	text-align:justify;
}

#servicesContent {
	clear: both;
	padding-top: 10px;
	position: relative;
	height: 400px;
	text-align:justify;
}

#servicesContent .content .cornerImage {
	position: absolute;
	right: 23px;
	top: 37px;
}

.servicesContent {
	padding-top: 40px;
	padding-right: 90px;
	padding-bottom: 80px;
}

#portfolioContent {
	clear: both;
	padding-top: 10px;
	position: relative;
	height: 800px;
	text-align:justify;
}

#portfolioContent {
	clear: both;
	padding-top: 10px;
	position: relative;
	height: 800px;
	text-align:justify;
}

#portfolioContent .content .cornerImage {
	position: absolute;
	right: 23px;
	top: 37px;
}

.portfolioContent {
	padding-top: 40px;
	padding-right: 90px;
	padding-bottom: 80px;
}

.portfolioBio {
	clear: both;
	padding-top:20px
}

.portfolioImage {
	float:left;
}

#aboutContent {
	clear: both;
	padding-top: 10px;
	position: relative;
	height: 800px;
	text-align:justify;
}

#aboutContent .content .cornerImage {
	position: absolute;
	right: 23px;
	top: 37px;
}

.aboutContent {
	padding-top: 40px;
	padding-right: 90px;
	padding-bottom: 80px;
}

.AboutBio {
	padding-top: 20px;
}

.AboutBioDescription
{
	padding-left:20px;
	vertical-align:top;
}

.AboutBioDescriptionText
{
	text-align:justify;
}

#contactContent {
	clear: both;
	padding-top: 10px;
	position: relative;
}

#contactContent .content .cornerImage {
	position: absolute;
	right: 23px;
	top: 37px;
}

.contactContent {
	padding-top: 60px;
	padding-right: 90px;
	padding-bottom: 80px;
}

#suntimesAppContent {
	clear: both;
	padding-top: 10px;
	border: 0px white solid;
}

#vegGardenAppContent {
	clear: both;
	padding-top: 10px;
	border: 0px white solid;
}

#photobagAppContent {
	clear: both;
	padding-top: 10px;
	border: 0px white solid;
}

#vegGardenAppContent .appDescription {
	background-color: white;
	height:950px;
	position: relative;
}

#suntimesAppContent .appDescription {
	background-color: white;
	height:690px;
	position: relative;
}

#photobagAppContent .appDescription {
	background-color: white;
	height:1290px;
	position: relative;
}

#photobagAppContent ul input[type="text"], ul select, ul textarea
{
    width:200px;
    padding:5px;
    position:relative;
    border:solid 1px #666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#photobagAppContent .appDescription .text ul input
{
	width: 100%;
}

#photobagAppContent .appDescription .text ul input.required
{
    border: solid 1px #f00;
}

#photobagAppContent label
{
	color:#f00;
}

.appDescription .text {
	width: 300px;
	float: right;
	margin-top: 30px;
	margin-right: 80px;
}

.appDescription .text {
	width: 300px;
	float: right;
	margin-top: 30px;
	margin-right: 80px;
}

.appDescription .text .title {
	font-size: 2.0em;
}

.appDescription .text .releaseDate {
	font-size: 0.9em;
	text-align:left;
	color:#676767;
	padding-top: 10px;
}

.appDescription .text .description {
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 15px;
}

#appStoreLogo 
{
	padding-top:20px;
	padding-left:20px;
}

.appDescription .text .appStoreLogo 
{
	padding-top:20px;
	float: left;
}
	
.appDescription .text .price 
{
	padding-top:20px;
	padding-left:150px;
	margin-top: -8px;
	margin-right: 10px;
	border: 0px solid black;
}

.overview
{
	text-align:justify;
	font-size: 0.95em;
	padding-top:30px;
}

.appDescriptionList li 
{
	text-align:justify;
    list-style:disc;
    font-size: 0.85em;
    padding:5px;
}

.appDescription .cornerImage {
	position: absolute;
	right: -27px;
	top: -22px;
}


/* Toolbar styles */
.appsToolbar {
	position: absolute;
	left:0px;
	top:112px;
	display: none;
}
.appIcon {
	
}

.snapshots
{
	text-align:justify;
	font-size: 0.95em;
}

/* BlogPost styles */

.post {
	padding-top: 50px;
}

.post .title {
	font-size: 1.8em;
}

.post .meta {
	font-size: 0.8em;
	color: #888888;
}

.post .content {
	font-size: 1.0em;
}

.post .noposts {
	font-size: 1.0em;
	height: 200px;
}

#blogContent {
	clear: both;
	padding-top: 10px;
	width:100%;
	border: 0px white solid;
}

#blogContent .content {
	position: relative;
}

#blogContent .content .cornerImage {
	position: absolute;
	right: 23px;
	top: -22px;
}

#blogTitle {
	font-weight:normal;
	color: #444444;
}

#commentlist 
{
	padding-bottom: 0px; list-style-type: none; padding-left: 0px; padding-right: 0px; padding-top: 0px
}

#commentlist li 
{
	padding-bottom: 10px; padding-left: 0px; padding-right: 0px; background: url(../images/blog/commentBackground.png) repeat-x center top; border-top: #ccc 1px solid; padding-top: 0px

}

#commentlist li .commentAuthor
{
	font-size:1.0em;
	font-weight:bold;
	color:Black;
}

#commentlist li .commentText 
{
	font-size:0.9em;
}

#commentlist li .commentMeta 
{
	font-size: 0.7em;
	font-style:italic;
	color: #888888;	
}

#commentsEntry ul input[type="text"], ul select, ul textarea
{
    width:300px;
    padding:5px;
    position:relative;
    border:solid 1px #666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#commentSubmit
{
    border:solid 1px #666;
	background-color:Black;
	color: white;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.greyBox .hl {
	background: url(../images/home/TopLeft.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
}
.greyBox .hm {
	background: url(../images/home/Top.png) 0 100% repeat-x; height: 49px;
	width: 702px;
	margin-left: 49px;
}
.greyBox .hr {
	background: url(../images/home/TopRight.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left:702px;
}
.greyBox .body {
    border: 0px solid white;
	width: 800px;
 	background:transparent url(../images/borders/greyRow.png) repeat-y right 0px;
}
.greyBox .content {
	border: 0px solid blue;
	padding-left: 50px;
	padding-right: 50px;
}

.greyBox .fl {
	background: url(../images/home/BottomLeft.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
}
.greyBox .fm {
	background: url(../images/home/Bottom.png) 0 100% repeat-x; height: 49px;
	width: 702px;
	margin-left: 49px;
}
.greyBox .fr {
	background: url(../images/home/BottomRight.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left:702px;
}

.PhotoBagBox .hl {
	background: url(../images/borders/greenTopLeft.png) 0 100% no-repeat; 
	height: 60px;
	width: 60px;
	border: 0px solid blue;
}
.PhotoBagBox .hm {
	background: url(../images/borders/greenTop.png) 0 100% repeat-x; height: 60px;
	width: 680px;
	margin-left: 60px;
	border: 0px solid blue;
}
.PhotoBagBox .hr {
	background: url(../images/borders/greenTopRight.png) 0 100% no-repeat; 
	height: 60px;
	width: 60px;
	margin-left:680px;
	border: 0px solid blue;
}
.PhotoBagBox .body {
    border: 0px solid white;
	width: 800px;
 	background:transparent url(../images/borders/greenRow.png) repeat-y right 0px;
 	border: 0px solid blue;
}
.PhotoBagBox .content {
	border: 0px solid blue;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid blue;
}

.PhotoBagBox .fl {
	background: url(../images/borders/greenBottomLeft.png) 0 100% no-repeat; 
	height: 60px;
	width: 60px;
	border: 0px solid blue;
}
.PhotoBagBox .fm {
	background: url(../images/borders/greenBottom.png) 0 100% repeat-x; height: 60px;
	width: 680px;
	margin-left: 60px;
	border: 0px solid blue;
}
.PhotoBagBox .fr {
	background: url(../images/borders/greenBottomRight.png) 0 100% no-repeat; 
	height: 60px;
	width: 60px;
	margin-left:680px;
	border: 0px solid blue;
}


.SuntimesBox .hl {
	background: url(../images/home/TopLeft.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left: 60px;
	border: 0px solid blue;
}
.SuntimesBox .hm {
	background: url(../images/home/Top.png) 0 100% repeat-x; height: 49px;
	width: 226px;
	margin-left: 49px;
		border: 0px solid blue;
}
.SuntimesBox .hr {
	background: url(../images/home/TopRight.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left:226px;
		border: 0px solid blue;
}
.SuntimesBox .body {
    border: 0px solid white;
	width: 380px;
 	background:transparent url(../images/borders/greyRowSmall.png) repeat-y right 0px;
 	border: 0px solid blue;
}
.SuntimesBox .content {
	border: 0px solid blue;
	padding-left: 30px;
	padding-right: 30px;
		border: 0px solid blue;
}

.SuntimesBox .fl {
	background: url(../images/home/BottomLeft.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left: 60px;
		border: 0px solid blue;
}
.SuntimesBox .fm {
	background: url(../images/home/Bottom.png) 0 100% repeat-x; height: 49px;
	width: 226px;
	margin-left: 49px;
		border: 0px solid blue;
}
.SuntimesBox .fr {
	background: url(../images/home/BottomRight.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left:226px;
	border: 0px solid blue;
}

.VegGardenBox .hl {
	background: url(../images/home/TopLeft.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left: 20px;
}
.VegGardenBox .hm {
	background: url(../images/home/Top.png) 0 100% repeat-x; height: 49px;
	width: 226px;
	margin-left: 49px;
}
.VegGardenBox .hr {
	background: url(../images/home/TopRight.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left:226px;
}
.VegGardenBox .body {
    border: 0px solid white;
	width: 340px;
 	background:transparent url(../images/borders/greyRowSmall.png) repeat-y right 0px;
}
.VegGardenBox .content {
	border: 0px solid blue;
}

.VegGardenBox .fl {
	background: url(../images/home/BottomLeft.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left: 20px;
}
.VegGardenBox .fm {
	background: url(../images/home/Bottom.png) 0 100% repeat-x; height: 49px;
	width: 226px;
	margin-left: 49px;
}
.VegGardenBox .fr {
	background: url(../images/home/BottomRight.png) 0 100% no-repeat; 
	height: 49px;
	width: 49px;
	margin-left:226px;
}



/* Contact Form Styles */
#contactContent ul, ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#contactContent ul li.first
{
    border-top: 1px solid #DFDFDF;
}
#contactContent ul li.last
{
    border: none;
}
#contactContent ul p
{
    float: left;
    margin: 0;
    width: 310px;
}
#contactContent ul h3
{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0 0;
    width: 200px;
    margin-left:20px;
}
#contactContent ul li
{
    border-bottom: 1px solid #DFDFDF;
    padding: 15px 0;
    width:600px;
    overflow:hidden;
}
#contactContent ul input[type="text"], ul select, ul textarea
{
    width:300px;
    padding:5px;
    position:relative;
    border:solid 1px #666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#contactContent ul textarea
{
    height:125px;
}


#contactContent ul input.required, ul textarea.required, ul select.required
{
    border: solid 1px #f00;
}

#contactContent #submit 
{
    margin-left: 20px;
}

#contactContent label
{
	color:#f00;
}

/* About Section */
.AboutBio {
	clear: both;
	padding-top:20px
}

.AboutBioImage {
	float:left;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

#button{
background:url(../images/about/button.gif);
display:block;
color:#555555;
font-weight:normal;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
float:right;
}
#button:hover
{
color:#0066CC;
}

#add{
background:url(../images/about/Twitter-icon.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

#gravator
{
	font-size:smaller;
}