@charset "UTF-8";
/* CSS Document */

/* General
--------------------------------------- */

img { max-width: 100% !important;}

/* Modified Elements */

#frame { width: 100% !important; }
 
#bg-header,
.admin #bg-header,
.home #bg-body,
body, 
#bg-body, 
.admin #bg-body, 
.home #bg-body, 
.internal #bg-body,
#flashcontent2,
#subCol,
#subCol a,
#subCol a:hover,
#subCol .sideContent,
#subCol .sideContent .element,
#subCol .sideContent li,
#subCol .sideContent li a,
#mainCol, 
#mainCol p,
#bg-footer, iphone #footer, #footer .contents, #footer #copyright

{ width: 100% !important; float: left !important; margin: 0 !important; padding: 0 !important; }

div, object { max-width: 100% !important; word-wrap: break-word; }

#bg-header{ width: 100%; height: 75px !important; background: url('images/m.header.jpg') 0 0 no-repeat !important; }
#.admin bg-header{ width: 100%; background: url('images/m.header.jpg') 0 0 repeat-x !important; }


/*
	heading
*/

h1{font: bold 1.3em Verdana; letter-spacing: -0.05em;}
	.sideSec h1{margin: 5px 0; border-bottom: 4px solid #000;}
	#actions h1{margin: 5px 0 14px 0; border-bottom: 4px solid #000;}
	#subCol h1{margin: 5px 0; color: #000; border-bottom: 4px solid #000;}
	#content h1{font-size: 1.6em; color: #000; margin: 2px 0 15px 0; border-bottom: 4px solid #000;}
	#mainCol #actions h1{font-size: 1.6em; color: #000; margin: 2px 0 15px 0; border-bottom: 4px solid #000;}
	title h1{font-size:1.6em; color: #000}
	
h2{font: bold 1.3em Verdana; letter-spacing: -0.05em;}
	#actions h2{font-size: 1.4em;}
h3{}
h4{}
h5{}
h6{}


body { width: 100% !important; -webkit-text-size-adjust: none; background: #d3db90 url('images/m.main_bg.jpg') 0 0 repeat-x !important; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#bg-body { width: 100% !important; background: url('images/m.main_bg.jpg') 0 0 repeat-x !important; -webkit-tap-highlight-color: rgba(255,218,152,1);  }
.admin #bg-body{ width: 100% !important; background: url('images/m.main_bg.jpg') 0 0 repeat-x !important; -webkit-tap-highlight-color: rgba(255,218,152,1);  }
.home #bg-body{ width: 100% !important; background: url('images/m.main_bg.jpg') 0 0 repeat-x !important; -webkit-tap-highlight-color: rgba(255,218,152,1);  }
.internal #bg-body{ width: 100% !important; background: url('images/m.main_bg.jpg') 0 0 repeat-x !important; -webkit-tap-highlight-color: rgba(255,218,152,1);  }


#flashcontent2 { width: 100% !important; height: 194px !important; min-height: 194px !important; margin: 0 75 0 0 !important; background: url('images/m.feature.jpg') 0 0 no-repeat !important; }


.home .blogList { width: 248px !important; float: left !important; padding: 20px 20px 0 20px !important; margin: 20px 16px 0 16px !important; background: #fff url('images/m.blog_home_top.jpg') 0 0 no-repeat !important; }
#body { background-image: none !important; background-color: #ced98d; backgroupd: repeat-y}


#mainCol { width: 100% !important; padding: 65px 0px 6px 0px !important; margin: 0 0px !important; background: none 0 0 no-repeat !important; }
#mainCol ul, #mainCol ol{padding: 5px 20px}
#mainCol #actions{width: 100%; float: left;}
#mainCol #actions li a{color: #000; font-size: 1.2em}
#mainCol #actions li{list-style: none; padding: 0 0 0 18px; background: url('images/arrow.jpg') 0 3px no-repeat;}
#mainCol #actions #left_action{width: 203px; padding: 0 1px; margin: 0 0 0 20px; display: inline; float: left; color: #000; text-decoration: none;}
#mainCol #actions #right_action{width: 203px; padding: 0 1px; float: left; margin: 0 0 0 20px; display: inline; color: #000; text-decoration: none;}


#subCol{width: 100%; float: left;}
#subCol a{color: #000;}
#subCol a:hover{text-decoration: none;}
#subCol .sideContent{width: 155px; padding: 15px 0 0 20px; margin: 0 15px; float: left; display: inline; color: #000;}
#subCol .sideContent .element{width: 155px; padding: 5px; margin: 0 0 5px 20px; float: left;}
#subCol .sideContent li{padding: 3px 15px; list-style: none; background: url('images/subColArrow.gif') 0 8px no-repeat;}
#subCol .sideContent li a{color: #000; text-decoration: none;}


.home .iphone { width: 100% !important; float: left !important; margin: 0 !important; display: block !important; padding: 0px 0 0 0px !important; background: #d3db90 !important; }
.home .iphone h1, .home #mainCol .iphone p { display: block !important; }
.home .iphone h1 { padding: 0 !important; font-size: 18px !important; }

#footer  { padding: 10px 0 !important; background: none !important;  margin-bottom: -3em}
#footer .iphone { font-size: .9em; background: #23211d !important; text-align: left }
#footer .iphone ul { width: 100%; float: left; padding: 5px 0 10px 0 !important; margin: 0 !important; }
#footer .iphone li { list-style: none; float: left; padding: 0 10px 0 0 !important; margin: 0 !important; }
#footer .iphone #iphone_call a { width: 88px; font-size: 1.1em; letter-spacing: -0.08em; padding: 5px 0 0 30px; text-decoration: none; color: #fff; float: left; height: 25px; background: url('images/m.call.jpg') 0 bottom no-repeat; border: 0; }
#footer .iphone #iphone_map a { width: 124px; font-size: 1.1em; letter-spacing: -0.08em; padding: 5px 0 0 30px; text-decoration: none; color: #fff; float: left; height: 25px; background: url('images/m.map.jpg') 0 bottom no-repeat; border: 0; }





/* Hidden Elements */

#header #topNav,
#signUpForm, 
#announcements,
#flashcontent,
#copyright, 
#extraCol,
#mainbg,
#sideSec,
.home #mainCol h1,
.home #mainCol p,

.comments .commentsHead,
.galleryItem

{ display: none !important; }


/*
Internal Pages 
------------------------------------------------*/

body.inside #extraCol, body.inside #subCol { display: none !important; }
body.inside #mainCol { width: 95% !important; padding: 3% 2.5% !important; font-size: 12px; margin: -35px 0 0 0 !important; background: #fff; }
body.inside #mainCol h1 { font-size: 1.5em !important; padding: 5px 5px 10px 0; }
body.inside #mainCol h1 + p { font-size: 14px !important; }
body.inside #mainCol img { max-width: 100% !important;}

body.inside #footer {  width: 95% !important; padding: 3% 2.5% !important; background: #23211d !important; }
body.inside #footer .iphone { font-size: .9em; background: #23211d !important; text-align: left; display: block !important; }
body.inside #footer .iphone ul { width: 100%; float: left; padding: 5px 0 10px 0 !important; margin: 0 !important; }
body.inside #footer .iphone li { list-style: none; float: left; padding: 0 10px 0 0 !important; margin: 0 !important; }
body.inside #footer .iphone #iphone_call a { width: 88px; font-size: 1.1em; letter-spacing: -0.08em; padding: 5px 0 0 30px; text-decoration: none; color: #fff; float: left; height: 25px; background: url('images/m.call.jpg') 0 bottom no-repeat; border: 0; }
body.inside #footer .iphone #iphone_map a { width: 124px; font-size: 1.1em; letter-spacing: -0.08em; padding: 5px 0 0 30px; text-decoration: none; color: #fff; float: left; height: 25px; background: url('images/m.map.jpg') 0 bottom no-repeat; border: 0; }

textarea { width: 100% !important; max-width: 100% !important; }

/* footer */

.iphone #iphone_call a {  width: 88px; font-size: 1.1em; letter-spacing: -0.08em; padding: 5px 0 0 30px; text-decoration: none; color: #fff; float: left; height: 25px; background: url('images/m.call.jpg') 0 bottom no-repeat; border: 0; }
.iphone #iphone_map a { width: 124px; font-size: 1.1em; letter-spacing: -0.08em; padding: 5px 0 0 30px; text-decoration: none; color: #fff; float: left; height: 25px; background: url('images/m.map.jpg') 0 bottom no-repeat; border: 0; }

/* porfolio */

table.signup, .galleryItem img { width: 100% !important; max-width: 100% !important; }
.iphone { display: block !important; }
.iphone .product_list {}
.iphone ul.products li { width: 100%; float: left;padding: 0 0 7px 0;margin: 0;list-style: none; }
.iphone ul.products li a { border: 0; }
.not_for_iphone { display: none !important; }

/* blog */

.post h2 { font-size: 1.3em; line-height: 1.6em; }
.iphone .product_list  h2 { background: url(mi/products.png) no-repeat left center; padding: 0.5em 40px; margin: 0.5em 0 10px -40px; }
.iphone .product_list  h2 span {color: #FFF; font-size: 0.75em; background: #ab4c0f; padding: 0.25em 0.75em; }