/*

Theme Name: Innovez One
Theme URI: http://www.iheartbrew.com/
Description: Another W3C Valid WordPress theme sliced by The Ghost Coder
Version: 1.0
Author: Mark Claudius Png
Author URI: http://www.theghostcoder.com/

*/

/*	Base CSS Styles */

	body { margin:0; padding:0; }
	a#brewLogo { background:url(http://www.iheartbrew.com/images/interface/designed-by-brew-white.jpg) no-repeat; display:inline-block; width:108px; height:17px; text-indent:-2000px; overflow:hidden; }
	hr, .hide { display:none; }
	div.clear{ background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0; }
	img { border:0; display:block; }
	img.alignright { float:right; margin:0 0 0 20px; }
	img.alignleft { float:left; margin:0 20px 0 0; }
	.left { float:left !important; }
	.right { float:right !important; }
	.clear { clear:both !important; }
	.textright { text-align:right; }
	td { background-repeat:no-repeat; }
	
/*	Logo */

	h1#lg { background: url(images/interface/logo.jpg) no-repeat; position:absolute; top:10px; margin:0 0 0 15px; padding:0; width:125px; height:67px; overflow:hidden; }
	h1#lg a { display:block; padding:67px 0 0 125px; text-indent:-2000px; }

/*	Text Styles */

	h1,h2,h3,h4,h5,h6,p,small,ul,ol { margin:0 0 15px 0; padding:0 0 5px 0; border:none; }
	h1 { margin:0 0 20px 0; padding:0; font:bold 20px 'Lucida Grande'; color:#333; text-transform:uppercase; }
	h2 { margin:0 0 20px 0; padding:0; font:bold 12px Arial; color:#333; text-transform:capitalize; }
	h3 { font:bold 14px/1.4em Arial; }
	h3.icon { padding:5px 0 0 40px; height:25px; }
	h3.largeIcon { padding:10px 0 0 50px; height:41px; }
	h4 { margin:0; font:bold 18px/1.4em Arial; color:#333; }
	h5 { font:bold 16px/1.4em Arial; color:#333; }
	h6 { font:bold 14px/1.4em Arial; color:#333; }
	p,ul,ol { font:12px/1.4em Arial; color:#333; text-align:left; }
	li { margin:0 0 0 15px; }
	small { display:block; font:10px/1.4em Arial; color:#333; }
	/*cite { background:url(images/interface/cite.jpg) no-repeat; padding:20px 20px 5px 20px; font:italic 12px/1.4em Arial; color:#333; }*/
	.noUnderline { text-decoration:none !important; }
	.uppercase { text-transform:uppercase; }
	textarea, input.textField { border:1px inset #999; font:12px Arial; color:#333; padding:2px; }
	
/*	Colors */

	.blue { color:#336699 !important; }
	.red { color:#990000 !important; }
	.lightGray { color:#ccc !important; }
	.mediumGray { color:#999 !important; }
	.normalGray { color:#666 !important; }
	.darkGray { color:#333 !important; }
	.black { color:#000 !important; }
	.green { color:#4a8a32 !important; }
	.white { color:#fff !important; }
	.white:hover { color:#fff !important; }
	.brown { color:#be7e3f !important;}
        .brown_kfeatures { color:#be7e3f !important;}
	h3.brown { margin:0 !important; padding:0 0 10px 70px !important; }
        h3.brown_kfeatures { margin:0 !important; padding:0 0 10px 0px !important; }
		
/*	Links */

	a { color:#4a8a32; text-decoration:underline; cursor:pointer; }
	a:hover { color:#4a8a32; text-decoration:underline; }
	
/*	Icons */

	.icon_education { background:url(images/icons/scientia.jpg) no-repeat; }
	.icon_jewelry { background:url(images/icons/jewelry.jpg) no-repeat; }
	.icon_marine { background:url(images/icons/marine.jpg) no-repeat; }
	.icon_default { background:url(images/icons/icon-default.jpg) no-repeat; }
	.icon_mobile { background:url(images/icons/mobile.jpg) no-repeat; }
	.icon_didYouKnow { background:url(images/icons/icon-didyouknow.jpg) no-repeat; }
	.icon_rss { background:url(images/icons/rss.jpg) no-repeat; }
	.icon_homepage { background-position:10px 5px; }
	.icon_tag { background:url(images/icons/tag.gif) no-repeat; width:70px; height:30px; }
	
	.icon_magnifying { background:url(images/icons/magnifying.gif) no-repeat; }
	.icon_integrated { background:url(images/icons/integrated.gif) no-repeat; }
	.icon_dynamic { background:url(images/icons/dynamic.gif) no-repeat; }
	
	.icon_sg { background:url(images/icons/sg.gif) no-repeat 0 5px; margin:0; padding:0 0 0 25px; list-style:none; }
	.icon_my { background:url(images/icons/my.gif) no-repeat 0 5px; margin:0; padding:0 0 0 25px; list-style:none; }
	.icon_nz { background:url(images/icons/nz.gif) no-repeat 0 5px; margin:0; padding:0 0 0 25px; list-style:none; }
	.icon_aus { background:url(images/icons/aus.gif) no-repeat 0 5px; margin:0; padding:0 0 0 25px; list-style:none; }
	.icon_hk { background:url(images/icons/hk.gif) no-repeat 0 5px; margin:0; padding:0 0 0 25px; list-style:none; }
	
	.rightIcons { float:right; margin:-15px 0 0 0; }

/*	Buttons */

	.findOutMoreBtn { display:block; font:11px Arial; text-align:right; }
	
/*	Main menu */
	
	ol#mm { position:absolute; top:40px; margin:0; padding:0; width:850px; height:30px; list-style:none; font-weight:bold; text-transform:uppercase; overflow:hidden; }
	ol#mm li { float:right; display:inline-block; margin:0 0 0 30px; padding:0; }
	ol#mm a { color:#666; text-decoration:none; }
	ol#mm a:hover { color:#666; text-decoration:underline; }
	ol#mm a.active { color:#4a8a32; }
	
/*	Sub menu */

	div.pageHeader h1 { margin:0 0 10px 0; padding:0; }
	div.pageHeader ol { margin:0; padding:0; list-style:none; }
	div.pageHeader ol li { float:left; margin:0; padding:10px 25px 0 0; height:20px; border-bottom:1px solid #e8e8e8; text-transform:uppercase; }
	div.pageHeader ol li a { text-decoration:none; }
	div.pageHeader ol li a:hover { text-decoration:underline; }
	div.pageHeader ol li a.active { color:#666; }
	div.pageHeader ol li.last { background:url(images/icons/tag.gif) no-repeat; width:70px; height:50px; border:none; }
	div.pageHeader ol li.icon_mouse { background:url(images/icons/icon-mouse.gif) no-repeat; width:70px; height:50px; border:none; }
	
/*	Footer */

	ol#ft { margin:0; padding:0; list-style:none; width:850px; border-top:1px solid #999; font:11px Arial; color:#999; overflow:hidden; }
	ol#ft li { float:left; display:inline-block; margin:0; padding:10px 0 50px 0; }
	ol#ft li.right { padding:5px 0 50px 0; }

/*	Comments */

	.commentsBlock { margin:50px 0 0 0; }
	ol.commentList { margin:0; padding:0; list-style:none; font:12px Arial; }
	ol.commentList li { margin:0; padding:20px 0 10px 0; border-top:1px dotted #999; }
	ol.commentList li img { float:left; margin:0 15px 0 0; }
	ol.commentList li cite.fn { font-weight:bold; color:#333; }
	ol.commentList li cite.fn a { color:#333; }
	ol.commentList li p { clear:both; padding:0 0 0 47px; }
	ol.commentList li a { color:#999; }
	
	h6.commentsHeader { padding:20px 0; border-top:1px solid #ddd; font:20px/1.4em Arial; }
	form#commentsForm { margin:0; padding:0 0 50px 0; }
	form#commentsForm dl { margin:0; padding:0; }
	form#commentsForm dl dt { clear:both; float:left; display:inline-block; margin:0; padding:0 0 10px 0; width:100px; font-weight:bold; }
	form#commentsForm dl dd { float:left; display:inline-block; margin:0; padding:0 0 10px 0; width:250px; }
	form#commentsForm input.textField, form#commentsForm textarea { padding:3px; width:242px; border:1px inset #999; font:12px Arial; }
	form#commentsForm textarea { height:150px; }
	
	.commentmetadata { font-size:10px; }
	.commentmetadata a { text-decoration:none; }

/*	Page Templates */

	body { background:#fff; font:12px Arial; color:#333; }
	div.con { background:#fff; margin:0 auto; width:850px; }
	div#body { position:absolute; top:90px; width:850px; }
	div#contents { margin:0; padding:0; }
	div.longLeft { float:left; padding:0; width:500px; }
	div.shortRight { float:right; padding:0; width:300px; }
	div.floatLeft { float:left; width:295px; margin:0 20px 0 0; overflow:hidden; }
	
        /*      Secion Header*/
                div.sectionheader {float:left !important; margin:20px 20px 0 0; padding:10px 0 0 0; width:300px; border-top:5px solid #939393; overflow:hidden;} 

	/*	3-columns */
	
		div.col3, ul.col3 { float:left !important; margin:20px 20px 0 0; padding:10px 0 0 0; width:270px; border-top:5px solid #939393; overflow:hidden; }
		div.col3Last, ul.col3Last { margin:20px 0 0 0; }
		div.noBorder, ul.noBorder { border-top:none; }
		

	/*	Listings */
	
		h1.listings { margin:0 0 0 20px; color:#333; }
		div.listings div { float:left; margin:20px 0 0 20px; width:165px; }

	/*	Homepage */
		
		#homepageSlideshow { width:850px; height:240px; }
		#bannerCaption { background:url(images/interface/caption-bg.png); position:absolute; top:30px; padding:10px 10px 10px 20px; width:260px; height:160px; font:12px/1.4em 'Lucida Grande'; color:#fff; }
		#bannerCaption h1 { font-size:16px; }
		
		.bannerBar { background:url(images/interface/bar-bg.jpg) repeat-x; margin:0 0 20px 0; width:850px; height:25px; }
		.bannerBar a { background-position:20px 6px; display:block; padding:5px 0 0 45px; }
		
		ul.featuredSolutions { margin:0; padding:0; width:500px; list-style:none; }
		ul.featuredSolutions li { margin:0; padding:0 0 10px 75px; }
		ul.featuredSolutions li h2 { margin:0; padding:0; font-weight:bold; color:#000; }
		ul.featuredSolutions li p { margin:0; padding:0 0 10px 0; }
		
		ul.caseStudies { margin:0; padding:0; width:300px; list-style:none; }
		ul.caseStudies li { margin:0; padding:0 0 20px 0; }
		ul.caseStudies li img { float:left; margin:0 10px 0 0; width:98px; height:60px; border:1px solid #666; overflow:hidden; }
		ul.caseStudies li p { float:left; display:block; margin:0; padding:0; width:190px; }
	
	/*	Blog Listings */
	
		.postTitle { margin:0; }
		.postLeft { float:left; width:630px; }
		.postRight { background:#e1e1e1 url(images/interface/blogside.jpg) repeat-x bottom; float:right; padding:20px; width:160px; min-height:400px; }
		.posts h3 { padding:10px 0 0 70px; }
		.posts h3 a { text-decoration:none; }
		.posts small { margin:0; font:bold 12px Arial; color:#666; }
		.postItem { padding:20px 0 0 70px; }
		.postRight li { list-style:none; margin:0; padding:0 0 3px 0; }
		
		.navigation { margin:0 0 20px 70px; }
		
	/*	Submenu */
	
		.submenu { height:100px; }
		.submenu img { float:left; margin:0 0 0 50px; }
		.submenu img.first { margin:0 0 0 30px; }
	
/*	Plugins */

	/*	Milkbox */

		#mbOverlay{position:absolute;left:0;width:100%;background-color:#000;z-index:1000;cursor:pointer;}
		#mbCenter{position:absolute;z-index:1001;overflow:hidden;left:50%;top:5%;background-color:#fff;border:5px solid #fff;margin:0;padding:5px;}
		.mbLoading{ background:#fff url(http://api.iheartbrew.com/milkbox/images/loading.gif) no-repeat center;}
		#mbCanvas{ margin:0;padding:0;height:0;border:none;font-size:0;overflow:hidden;}
		#mbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;padding-top:8px;margin:0;}
		#mbNavigation{float:right;width:27px;padding-top:3px;border-left:1px solid #9c9c9c;}
		#mbCount{ width:55px;overflow:hidden;padding-top:1px;float:right;text-align:right;font-size:9px;}
		#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{outline:none;display:block;float:right;height:19px;cursor:pointer;}
		#mbPrevLink, #mbNextLink{ width:15px;}#mbPrevLink{ background:transparent url(http://api.iheartbrew.com/milkbox/images/prev.gif) no-repeat;}
		#mbNextLink{ background:transparent url(http://api.iheartbrew.com/milkbox/images/next.gif) no-repeat;}
		#mbPlayPause{ width:13px;}
		#mbPlayPause{ background:transparent url(http://api.iheartbrew.com/milkbox/images/play-pause.gif) no-repeat;}
		a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover{ background-position:0 -22px;}
		#mbCloseLink{width:17px;background:transparent url(http://api.iheartbrew.com/milkbox/images/close.gif) no-repeat;}
		#mbDescription{margin-right:27px;padding:0px 10px 0 0;font-weight:normal;text-align:justify;}

/*      Facebook */
html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea;                                   background:url(http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right; } 
html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right; text-decoration:none; }