/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:				0;
	padding:			0;
}
img, div { behavior: url(iepngfix.htc) }


/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height:				100%;
}

body > #wrap {
	height:				auto; min-height: 100%;
}

#main {
	padding-bottom:		90px; /* must be same height as the footer */
}

#footer {
	position:			relative;
	margin-top:			-90px; /* negative value of footer height */
	height:				90px;
	clear:				both;
	background:			transparent url(img/footers/bg.gif) repeat-x;
/*	background: red url(img/footers/grass.gif) repeat-x;*/
	background-position:bottom;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 
End Sticky Footer
*/
/*****************************************************/


html {
	margin:			0;
	padding:		0;
}

body
{
	background:			#fffac0;
	color:				#333;
	font:				normal normal normal 12px/15px "Helvetica", Arial, sans-serif;
	font-size:			12px;
	padding:			0;
	margin:				0;
	float:				left;
	width:				100%;
}

h1 {
	color:				#F7941E;
	font-size:			24px;
	font-weight:		bold;
	text-align:			left;
}

h2 {
	padding:			0;
	text-align:			left;
}


h3 {
	font-size:			12px;
	font-weight:		normal;
	text-transform:		uppercase;
	color:				#f15a24;
	margin:				0px 0 5px 16px;
}
ul {
	margin:				2px;
}
li {
	list-style-image:	url(img/bullet.gif);
	margin:				0 0 7px 14px;
	color:				#f7941e;
}

p {
	overflow: 			hidden;
	padding:			0;
	text-align:			left;
	font-size:			18px;
	line-height:		22px;	
}

a:hover, a.active, li.current_page_parent a, li.current_page_item a {
	color:				#F15A22;
}

a, a:active {
	text-decoration:	none;
	color:				#A6A583;
}


.container_16 {
/*	background:			#fff url(img/16_col.gif) repeat-y;*/
	float:				left;
	margin:				0;
	
}



/*****************************************************/
/* Header */

#logo h1, #logo h2, #logo a {
	text-indent:		-9999px;
}
#logo h1, #logo h2 {
	position:			absolute; left: -9999px;
}
#logo a {
	display:			block;
	height:				28px;
	width:				197px;
	position:			relative;
	background:			url(img/logo.gif) no-repeat;
	margin:				23px 12px 32px 14px;
}
#logo a:hover {
	background-position:bottom;
}

/*Man Nav*/
#nav li {
	list-style-type:	none;
	display:			inline;
	margin:				0;
}
#nav {
	margin-top:			34px;
}
#nav a, #pagination a {
	display:			block;
	float:				left;
	height:				19px;
	font-size:			18px;
	text-transform:		uppercase;
	margin-right:		20px;
}

/*External Nav*/
#external_nav li {
	list-style-type:	none;
	display:			inline;
	margin:				0;
}
#external_nav {
	margin-top:			34px;
}
#external_nav a {
	display:			block;
	float:				left;
	height:				19px;
	font-size:			18px;
	text-transform:		uppercase;
	margin-right:		20px;
}
/*****************************************************/

/*****************************************************/
/* Side Bar */

/* Product List */
#products li {
	list-style:			none;
	margin:				0;
}
#products ul {
	background:			url(img/nav/nav_line.gif) no-repeat;
	border-top:			1px solid transparent;
	margin:				25px 0 0 0;
}
#products a {
	text-indent:		-9999px; display: block; height: 69px; width: 220px; position: relative;
	background-repeat:	no-repeat;
}

a#product-elias_zoo {
	background-image:	url(img/products/nav_elias_zoo.gif);
}
a#product-elias_abc {
	background-image:	url(img/products/nav_elias_abc.gif);
}
a#product-elias_tours {
	background-image:	url(img/products/nav_elias_tours.gif);
}
a#product-elias_123 {
	background-image:	url(img/products/nav_elias_123.gif);
}
a#product-elias_shapes {
	background-image:	url(img/products/nav_elias_shapes.gif);
}
a#product-elias_colors {
	background-image:	url(img/products/nav_elias_colors.gif);
}


li#apps_elias-zoo a {
	background-image:	url(img/products/nav_elias_zoo.gif);
}
li#apps_elias-abc a {
	background-image:	url(img/products/nav_elias_abc.gif);
}
li#apps_elias-tours a {
	background-image:	url(img/products/nav_elias_tours.gif);
}
li#apps_elias-123 a {
	background-image:	url(img/products/nav_elias_123.gif);
}
li#apps_elias-shapes a {
	background-image:	url(img/products/nav_elias_shapes.gif);
}
li#apps_elias-colors a {
	background-image:	url(img/products/nav_elias_colors.gif);
}
li#apps_footer {
	background-image:	url(img/products/nav_cap.gif);
	height:				50px;
	text-indent:		-9999px;
}

/*TODO: Add custom backgrounds for each product*/


.background_elias-zoo {
	background:			#fffac0 url(img/backgrounds/zoo.gif) no-repeat;
}
.background_elias-abc {
	background:			#fffac0 url(img/backgrounds/abc.gif) no-repeat;
}
.background_elias-tours {
	background:			#fffac0 url(img/backgrounds/tours.gif) no-repeat;
}
.background_elias-123 {
	background:			#fffac0 url(img/backgrounds/123.gif) no-repeat;
}
.background_elias-shapes {
	background:			#fffac0 url(img/backgrounds/shapes.gif) no-repeat;
}
.background_elias-colors {
	background:			#fffac0 url(img/backgrounds/colors.gif) no-repeat;
}


#footer_image {
	height:				90px;
	background-position:bottom;
}


.footer_elias-zoo {
	background:			#fffac0 url(img/footers/zoo.gif) repeat-x;
}
.footer_elias-abc {
	background:			#fffac0 url(img/footers/abc.gif) repeat-x;
}
.footer_elias-tours {
	background:			#fffac0 url(img/footers/tours.gif) repeat-x;
}
.footer_elias-123 {
	background:			#fffac0 url(img/footers/123.gif) repeat-x;
}
.footer_elias-shapes {
	background:			#fffac0 url(img/footers/shapes.png) repeat-x;
}
.footer_elias-colors {
	background:			#fffac0 url(img/footers/colors.gif) repeat-x;
}


#products a:hover, #products a.active, li.current_page_item a {
	background-position:bottom;
}

/* Text Subnav*/
#subnav ul {
	background:			url(img/nav/nav_line.gif) no-repeat;
	margin:				25px 0 0 0;
	padding-top:		4px;
}
#subnav li {
	list-style:			none;
	margin:				0;
	background:			#fffac0 url(img/nav/nav_line.gif) no-repeat;
	background-position:0px 48px;
}
#subnav a {
	position:			relative;
	font-size:			18px;
	text-transform:		uppercase;
	padding:			14px 0 18px 16px;
	display:			block;
}




/*****************************************************/



/*****************************************************/
/* Preview Section */
div.portrait div#phone{
    width:				265px;
    margin-top:			-7px;
    height:				436px;
    background:			url(img/iphone_portrait.png) no-repeat 0 0;
    padding-top:		105px;
    padding-left:		75px;
}


div.landscape div#phone{
    width:				553px;
    margin-top:			-7px;
    height:				261px;
    background:			url(img/iphone_landscape.png) no-repeat 0 0;
    padding-top:		50px;
    padding-left:		134px;
}
#phone-portrait object{
    margin:				0;
    border:				0;
    z-index:			0;
    position:			relative;
}
#phone-portrait embed{
	border:				0;
}

#image-list {
	margin:				0;
}

#image-list li {
	list-style-type:	none;
	display:			inline;
	margin:				0;
}
.portrait_list ul {
	margin:				0 0 0 115px;
}
.landscape_list {
	margin:				200px;
}


#image-list a {
	display:			block;
	float:				left;
	background:			url(img/nav/image-list.gif);
	height:				19px;
	font-size:			18px;
	text-transform:		uppercase;
	margin-right:		14px;
	text-indent:		-9999px;
}


#image-list a#vid		{width: 21px; background-position: 0px top; margin-right:11px;}
#image-list a#pic1		{width: 25px; background-position: -50px top; margin-right:11px;}
#image-list a#pic2		{width: 26px; background-position: -100px top; margin-right:11px;}
#image-list a#pic3		{width: 25px; background-position: -150px top; margin-right:11px;}
#image-list a#pic4		{width: 26px; background-position: -200px top; margin-right:11px;}
#image-list a:hover#vid,  #image-list a.active#vid	{background-position: 0px -19px;}
#image-list a:hover#pic1, #image-list a.active#pic1	{background-position: -50px -19px;}
#image-list a:hover#pic2, #image-list a.active#pic2	{background-position: -100px -19px;}
#image-list a:hover#pic3, #image-list a.active#pic3	{background-position: -150px -19px;}
#image-list a:hover#pic4, #image-list a.active#pic4	{background-position: -200px -19px;}



/*****************************************************/



/*****************************************************/
/* Product Description */

.description p, .description-landscape p {
	font-size:			18px;
	line-height:		22px;
	margin-bottom:		18px;
}

img.appstore {
	display:			block;
	float:				right;
}
img.appstore_landscape {
	display:			block;
	float:				left;
}

.description ul {
	padding-right:		60px;
}

#headline_elias-zoo		{ background: url(img/headlines/elias_zoo.gif) no-repeat 0 0;}
#headline_elias-abc		{ background: url(img/headlines/elias_abc.gif) no-repeat 0 0;}
#headline_elias-tours	{ background: url(img/headlines/elias_tours.gif) no-repeat 0 0;}
#headline_elias-123		{ background: url(img/headlines/elias_123.gif) no-repeat 0 0;}
#headline_elias-shapes	{ background: url(img/headlines/elias_shapes.gif) no-repeat 0 0;}
#headline_elias-colors	{ background: url(img/headlines/elias_colors.gif) no-repeat 0 0;}
/*TODO: headline backgrounds for each product */
.headline-landscape {
	height:				40px;
	width:				300px;
	text-indent:		-999px;
	display:			block;
}
.headline-portrait {
	height:				40px;
	width:				300px;
	text-indent:		-999px;
	display:			block;
	margin:				32px 0 22px 0;	
}

.features-landscape {
	margin:				46px 0 0 0;
}
.astrisk {
	margin-left:		9px;
	color:				#999;
	font-size:			10px;
	list-style:			none;
}


/*****************************************************/


/*****************************************************/
/* Text Page */

#text_content {
	margin-top:			25px;
}

p.sub, small {
	font-size:			12px;
	line-height:		15px;
}

/*****************************************************/




#app_store, #app_store_landscape {
	position:			absolute;
	width:				250px;
	top:				60px;
	left:				265px;
}
#app_store_landscape {
	top:				70px;
	left:				260px;
}
#app_store a, #app_store_landscape a {
	margin-right:		-35px;
}



#home-apps {
	margin-top:			-17px;
	margin-left:		30px;
	margin-right:		-30px;
}

#home-greeting {
	margin-top:			16px;
	background-color:	white;
	height:				510px;
}
#home-greeting h1, #home-greeting h2 {
	font-weight:		normal;
	margin:				10px 10px 20px 10px;
	color:				#00A8DE;
}
#home-greeting h1 {
	margin-top:			20px;
	text-transform:		capitalize;
	font-size:			72px;
	line-height:		72px;
}
#home-greeting h2 {
	font-size:			15px;
	line-height:		18px;
	font-weight:		normal;
}
#home-greeting p {
	font-size:			12px;
	line-height:		15px;
	color:				#CC7B19;
	margin:				20px 10px;
}
div.post {
	margin-bottom:		60px;
}
.post h1 {
	margin-bottom:		10px;
}

h3#comments, h3#postcomment {
	margin:				0 0 20px 0;
}
#postcomment {
	border-top:			solid 1px #A6A583;
	padding-top:		20px;
}
div.meta {
	margin-bottom:		20px;
}

div.meta a, div.meta span.date, p.feedlinks a, cite, #loggedinas {
	font-style:			normal;
	text-transform:		uppercase;
	font-size:			12px;
	margin-right:		8px;
	color:				#A6A583;
}
div.meta a:hover, p.feedlinks a:hover {
	color:				#F15A22;	
}



ol#commentlist {
	margin-bottom:		40px;
}
ol#commentlist li {
	margin:				0 0 10px 0;
}
ol#commentlist p {
	font-size:			12px;
	margin:				0;
}
textarea {
	width:				398px;
}
label {
	
}