/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }
/*-------
// general
//-----*/
html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }
input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }
.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }
.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}
.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }
.ir { position: relative; overflow: hidden; }
.ir span {
position: absolute;
width: 141px;
height: 67px;
left: -58px;
top: 5px;
text-indent: -1000em;
}
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: none; }
a.inv:link, a.inv:visited { text-decoration: none; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }
.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------
// Globals
//-----*/
body { font-family:Georgia, "Times New Roman", Times, serif; background:#abc6d9 url(../images/bg.jpg) repeat-y left top; }
/*-------
// Page Layout
//-----*/
/*------------container-------------*/
div#container { width:1000px; background:url(../images/cloud.jpg) top right no-repeat;}
/*------------Header-------------*/
div#header { padding:19px 0 0px 57px; background:url(../images/content/flower1.jpg) left bottom no-repeat; margin-bottom:8px; height:482px;}
/*------------Navigation-------------*/
div#navigation{ padding-left:100px; margin-right:35px; margin-bottom:10px; }
/*------------Content-------------*/
div#content{ background:url(../images/content/flower2.jpg) left bottom no-repeat; padding-bottom:70px; margin-bottom:7px;}
/*------------Footer-------------*/
div#footer{ font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; padding:4px 45px 0 285px;}
/*-------
// Comman Page Content
//-----*/
/*------------Header - Logo -------------*/
div#header div.logo h1 a{ background:url(../images/header/logo.jpg) left top no-repeat; display:block; width:440px; height:127px;}
/*------------Header - Tagline -------------*/
div#header h2 { width:647px; height:199px; background:url(../../assets/images/header/tag_line.jpg) left top no-repeat; margin-top:15px;}
/*------------Navigation-------------*/
div#navigation ul li a{display:block; width:158px; height:46px;}
div#navigation ul li.home a{ background:url(../images/header/navigation/navigation.jpg) left top no-repeat; height:46px;}
div#navigation ul li.about a{ background:url(../images/header/navigation/navigation.jpg) left -46px no-repeat; height:58px;}
div#navigation ul li.directory a{ background:url(../images/header/navigation/navigation.jpg) left -104px no-repeat; height:57px;}
div#navigation ul li.marketplace a{ background:url(../images/header/navigation/navigation.jpg) left -161px no-repeat; height:63px;}
div#navigation ul li.contact a{ background:url(../images/header/navigation/navigation.jpg) left -224px no-repeat; height:52px;}
/*------------Navigation - Hover-------------*/
div#navigation ul li.home:hover a{ background:url(../images/header/navigation/navigation.jpg) -158px top no-repeat;}
div#navigation ul li.about:hover a{ background:url(../images/header/navigation/navigation.jpg) -158px -46px no-repeat;}
div#navigation ul li.directory:hover a{ background:url(../images/header/navigation/navigation.jpg) -158px -104px no-repeat;}
div#navigation ul li.marketplace:hover a{ background:url(../images/header/navigation/navigation.jpg) -158px -161px no-repeat;}
div#navigation ul li.contact:hover a{ background:url(../images/header/navigation/navigation.jpg) -158px -224px no-repeat;}
/*------------Navigation - Active-------------*/
div#navigation ul li.home a.active { background:url(../images/header/navigation/navigation.jpg) -316px top no-repeat;}
div#navigation ul li.home:hover a.active { background:url(../images/header/navigation/navigation.jpg) -316px top no-repeat;}
div#navigation ul li.about a.active { background:url(../images/header/navigation/navigation.jpg) -316px -46px no-repeat;}
div#navigation ul li.about:hover a.active { background:url(../images/header/navigation/navigation.jpg) -316px -46px no-repeat;}
div#navigation ul li.directory a.active { background:url(../images/header/navigation/navigation.jpg) -316px -104px no-repeat;}
div#navigation ul li.directoty:hover a.active { background:url(../images/header/navigation/navigation.jpg) -316px -104px no-repeat;}
div#navigation ul li.marketplace a.active { background:url(../images/header/navigation/navigation.jpg) -316px -161px no-repeat;}
div#navigation ul li.marketplace:hover a.active { background:url(../images/header/navigation/navigation.jpg) -316px -161px no-repeat;}
div#navigation ul li.contact a.active { background:url(../images/header/navigation/navigation.jpg) -316px -224px no-repeat;}
div#navigation ul li.contact:hover a.active { background:url(../images/header/navigation/navigation.jpg) -316px -224px no-repeat;}
/*------------Content-------------*/
div#content div.section h5{color:#fff799; font-size:200%; margin-bottom:10px; font-weight:normal;}
div#content p{ font-size:140%; line-height:1.6em; margin-bottom:11px;}
div#content h3, h4, h5{ line-height:1.2em;}
div#content a{ text-decoration:none;}
div#content a:hover { color:#fff; }
/*------------Content - Section-------------*/
div#content div.section{ margin-bottom:50px; padding-left:302px;}
div#content div.section h3{ background:url(../../assets/images/content/our_company.gif) left top no-repeat; height:46px; margin-bottom:14px;}
div#content div.section p{color:#332e26;}
div#content div.section p a{ color:#FFF; text-decoration:none;}
div#content div.section div.box{ width:309px; margin-right:33px;}
div#content div.section div.box.first{ width:302px; margin-right:41px;}
/*------------Footer-------------*/
div#copy_right{ position:relative;}
div#copy_right img{ position:absolute; top:-11px; left:-8px;}
div#copy_right p{ color:#000; line-height:1.2em;}
div#copy_right p span.text1{ color:#FFF;}
div#copy_right p a{ color:#5794bf; text-decoration:none;}
div#copy_right p span.text2{ color:#598527;}
div#copy_right p span.text3{ color:#fff799;}
/*------------Footer - Navigation-------------*/
div#footer div.navigation{ width:372px;}
div#footer div.navigation ul li{ padding-right:5px; float:left; line-height:1.2em; color:#494236;}
div#footer div.navigation ul li a{ display:block; line-height:1.3em; float:left; color:#494236; text-decoration:none; font-size:90%; }
div#footer div.navigation ul li a:hover { color:#fff; }
/*-------
// Index Page Content
//-----*/
/*------------Content - Section-------------*/
div#content.index div.section p{ margin-bottom:24px;}
/*------------Content - leaf_Large -------------*/
div#leaf_large{ background:url(../images/content/leaf_large.jpg) left top no-repeat; padding:44px 0 14px 347px; margin-bottom:62px;}
div#leaf_large div.inner{ width:565px;}
div#leaf_large div.inner h4{ background:url(../../assets/images/content/recent_events.gif) left top no-repeat; width:177px; height:24px; margin:0 0 14px 19px;}
div#leaf_large div.inner p{ color:#b4d1a7; margin-bottom:26px;}
div#leaf_large div.inner p a{ font-size:120%; color:#fff799; margin-left:11px; padding-right:21px;}
div#leaf_large div.inner p a:hover { color:#fff; }
/*------------Content - leaf_small -------------*/
div#leaf_small{ background:url(../images/content/leaf_small.jpg) left top no-repeat; padding:43px 0 35px 552px; position:relative; margin-bottom:30px;}
div#leaf_small a.twitter{ position:absolute; left:330px; top:5px;}
div#leaf_small div.inner{ width:358px;}
div#leaf_small div.inner h5{ background:url(../../assets/images/content/recent_launch.gif) left top no-repeat; width:142px; height:19px; margin:0 0 11px 13px;}
div#leaf_small div.inner p{ color:#b4d1a7; margin-bottom:16px;}
div#content div#leaf_small div.inner p a.newsite{ font-size:85%; margin-left:5px;}
div#leaf_small div.inner p a.newsite:hover { color:#fff; }
/*-------
// About Page Content
//-----*/
/*------------Header - Tagline -------------*/
div#header.about h2 { width:645px; height:199px; background:url(../../assets/images/header/tagline_about.jpg) left top no-repeat; margin-top:16px;}
/*------------Content-------------*/
div#content div.inner p a.newsite{ color:#fff799; font-size:80%;}
/*------------Content - Section-------------*/
div#content.about div.section{ margin-bottom:-15px;}
div#content.about div.section p{ margin-bottom:22px; line-height:1.7em;}
div#content.about div.section h3{ background:url(../../assets/images/content/our_focus.gif) left top no-repeat; height:46px; margin-bottom:15px;}
div#content.about div.section h5{ margin-bottom:2px;}
/*------------Content - Project-------------*/
div#project{ background:url(../images/content/leaf_large2.jpg) left top no-repeat; padding:92px 0 25px 324px; margin-bottom:10px;}
div#project div.inner{ width:403px;}
div#project div.inner h4{ background:url(../../assets/images/content/newest_project.gif) left top no-repeat; height:25px; margin:0 0 5px 10px; }
div#project div.inner p{ color:#b4d1a7;}
div#project div.inner p a.newsite{ margin:0 19px 0 5px;}
div#project div.inner p a.newsite:hover { color:#fff; }
/*-------
// marketplace Page Content
//-----*/
/*------------Header - Tagline -------------*/
div#header.marketplace h2 { width:579px; height:199px; background:url(../../assets/images/header/tagline_marketplace.jpg) left top no-repeat; margin-top:16px;}
/*------------Content - Section-------------*/
div#content.marketplace div.section p{ margin-bottom:25px; line-height:1.7em;}
div#content.marketplace div.section h3{ background:url(../../assets/images/content/marketplace_option.gif) left top no-repeat; height:46px; margin-bottom:13px;}
div#content.marketplace div.section div.box{ margin-bottom:15px;}
/*------------Content - Cloud Box-------------*/
div#content.marketplace { padding-bottom:82px; }
div#content.marketplace div.section { margin-bottom:4px; }
div#content.marketplace div.cloud_box div.inner{background:url(../images/content/cloud3.jpg) left top no-repeat; padding:95px 84px 43px 31px;}
div#content div.cloud_box{ background:url(../images/content/root.gif) left bottom no-repeat; padding:0 42px 0 305px;}
div#content div.cloud_box div.inner{ background:url(../images/content/cloud2.jpg) left top no-repeat; padding:94px 25px 43px 28px;}
div#content div.cloud_box div.inner h4{ background:url(../../assets/images/content/sign_up_text.gif) left top no-repeat; width:521px; height:35px; margin-bottom:13px;}
div#content div.cloud_box div.inner p{color:#332e26; margin:0 0 20px 24px; padding-left:7px;}
div#content div.cloud_box div.inner p span{ color:#FFF;}
div#content div.cloud_box div.inner p a{color:#5794bf;}
div#content div.cloud_box div.inner p a.publish{ color:#5794bf; font-size:150%; margin-left:5px;}
div#content div.cloud_box div.inner p a.publish:hover { color:#fff; }
div#content div.cloud_box div.inner p a:hover { color:#fff; }
div#content div.cloud_box div.inner p span.eco{ color:#598527; font-size:130%; font-weight:bold;}
/*-------
// Contact Thank You Page Content
//-----*/
/*------------Header-------------*/
div#header.thank_you { background:url(../images/content/flower3.jpg) left bottom no-repeat; margin-bottom:146px; height:485px; }
/*------------Header - Tagline -------------*/
div#header.thank_you h2 { width:572px; height:199px; background:url(../../assets/images/header/tagline_thanku.jpg) left top no-repeat; margin-top:16px;}
/*------------Content - Cloud Box-------------*/
div#content.thank_you{ padding-bottom:305px;}
/*------------Content - Cloud Box-------------*/
div#content.thank_you div.cloud_box{ background:none; padding-left:315px;}
div#content.thank_you div.cloud_box div.inner{ padding:99px 102px 45px 55px;}
div#content.thank_you div.cloud_box div.inner h4{ background:url(../../assets/images/content/Thank-You-for-contacting.gif) left top no-repeat; width:439px; height:30px; margin-bottom:17px;}
div#content.thank_you div.cloud_box div.inner p{ font-size:160%; margin:0 0 26px 12px;}
div#content.thank_you div.cloud_box div.inner p a{ color:#5794bf;}
div#content.thank_you div.cloud_box div.inner p span{ color:#FFF;}
div#content.thank_you div.cloud_box div.inner p a.twitter{ color:#484135; font-size:110%;}
div#content.thank_you div.cloud_box div.inner p a.twitter:hover { color:#fff; }
div#content.thank_you div.cloud_box div.inner p a.envira{ color:#598527; font-size:110%;}
div#content.thank_you div.cloud_box div.inner p a.envira:hover { color:#fff; }
/*-------
// Contact Page Content
//-----*/
/*------------Header-------------*/
div#header.contact { background:url(../images/content/flower3.jpg) left bottom no-repeat; margin-bottom:34px; height:485px; }
/*------------Header - Tagline -------------*/
div#header.contact h2 { width:572px; height:199px; background:url(../../assets/images/header/tagline_thanku.jpg) left top no-repeat; margin-top:16px;}
/*------------Content -------------*/
div#content.contact{ padding-bottom:58px;}
/*------------Content - Form Area-------------*/
div#content div.form_area{ margin:0 0 30px 348px;}
div#content div.form_area table tr th{ vertical-align:top; font-weight:normal; padding-top:10px;}
div#content div.form_area table tr th.area{ vertical-align:top; padding-top:17px;}
div#content div.form_area p{ text-align:right; font-size:120%; }
div#content div.form_area p.send input{ background:url(../images/content/send.gif) left top no-repeat; width:107px; height:53px; display:block; border:0; cursor:pointer; margin:8px 3px 0 0;}
div#content div.form_area p.send input:hover{background:url(../images/content/send.gif) left -53px no-repeat;}
div#content div.form_area p label{ margin-right:13px; position:relative; display:block; color:#ABC6D9;}
div#content div.form_area p label span{ background:none; position:absolute; left:0px; top:0px;}
div#content div.form_area p label.name{ height:16px; width:59px; float:right;}
div#content div.form_area p label.name span{ background:url(../../assets/images/content/name.gif) left top no-repeat; display:block; height:16px; width:59px; padding:0px;}
div#content div.form_area p label.email{ height:18px; width:59px; float:right; }
div#content div.form_area p label.email span{ background:url(../../assets/images/content/email.gif) left top no-repeat; display:block; height:18px; width:59px; padding:0px;}
div#content div.form_area p label.phone{ height:18px; width:64px; float:right; }
div#content div.form_area p label.phone span{ background:url(../../assets/images/content/phone.gif) left top no-repeat; display:block; height:18px; width:64px; padding:0px;}
div#content div.form_area p label.website{ height:18px; width:82px; float:right; }
div#content div.form_area p label.website span{ background:url(../../assets/images/content/website.gif) left top no-repeat; display:block; height:18px; width:82px; padding:0px;}
div#content div.form_area p label.company{ height:22px; width:95px; float:right; }
div#content div.form_area p label.company span{ background:url(../../assets/images/content/company.gif) left top no-repeat; display:block; height:22px; width:95px; padding:0px;}
div#content div.form_area p label.question{ height:20px; width:102px; float:right; }
div#content div.form_area p label.question span{ background:url(../../assets/images/content/questions.gif) left top no-repeat; display:block; height:20px; width:102px; padding:0px;}
div#content div.form_area p label.add{ height:20px; width:121px; float:right; position:relative; display:block; }
div#content div.form_area p label.add span{ display:block; height:20px; width:121px; padding:0px; background:url(../../assets/images/content/2+2.gif) left top no-repeat; position:absolute; left:0px; top:0px;}
div#content div.form_area p span{ background:url(../images/content/textbox.gif) left bottom no-repeat; padding:0px 20px; display:block; height:44px; }
div#content div.form_area p span input{ display:block; border:none; padding:11px 0 7px; font-size:140%; color:#598527; width:384px; border:0; font-family:serif, Georgia, "Times New Roman"; }
div#content div.form_area p span.textarea{ background:url(../images/content/textarea.gif) left bottom no-repeat; padding:1px 10px 0 18px; display:block; height:210px;}
div#content div.form_area p span textarea{ padding:15px 5px 6px 0; width:380px; border:none; height:180px; display:block; font-size:140%; color:#598527; border:0; font-family:serif, Georgia, "Times New Roman", Times ; margin-top:2px;}
div#content div.form_area p span input.captcha { color:#5794bf; }
/*-------
// Directory Page Content
//-----*/
/*------------Header - Tagline -------------*/
div#header.directory h2 { width:615px; height:199px; background:url(../../assets/images/header/tagline_directory.jpg) left top no-repeat; margin-top:16px;}
/*------------Content -------------*/
div#content.directory{ padding-bottom:87px;}
div#content div.marketplace{ padding:23px 0 0 326px; margin-bottom:16px;}
div#content div.marketplace h3{ background:url(../../assets/images/content/marketplaces.gif) left top no-repeat; width:408px; height:41px;}
div#content div.marketplace img{ margin:9px 0 0 -102px;}
/*------------Content Directory Page Comman-------------*/
div#content.directory div.inner h4{ margin:0 0 12px 10px;}
div#content.directory div.inner p{ color:#b4d1a7;}
div#content.directory div.inner p a{ color:#fff799; font-size:80%;}
div#content.directory div.inner p a:hover { color:#fff; }
div#content.directory div.inner p a.link{ margin-left:5px;}
div#content.directory p span{ color:#fff799; font-size:80%;}
/*------------Content Section1-------------*/
div#content div.section1{ background:url(../images/content/tree1.jpg) left top no-repeat; padding:57px 0 21px 343px; margin-bottom:47px;}
div#content div.section1 div.inner{ width:570px;}
div#content div.section1 div.inner h4{ background:url(../../assets/images/content/sustainible-magazines.gif) left top no-repeat; height:23px; margin:0 0 14px 15px;}
div#content div.section1 p{ margin-bottom:25px;}
div#content div.section1 p.sitelink{ margin:0px 0px -5px;}
div#content div.section1 p a.newsite{ font-size:120%; margin-right:50px;}
/*------------Content Section2-------------*/
div#content div.section2{ background:url(../images/content/tree2.jpg) left top no-repeat; padding:42px 0 18px 560px; margin-bottom:30px;}
div#content div.section2 div.inner{ width:353px;}
div#content div.section2 div.inner h4{ background:url(../../assets/images/content/apple_ecosystem.gif) left top no-repeat; height:24px; margin:0 0 8px 7px; }
div#content div.section2 div.inner p{ margin-bottom:11px;}
div#content div.section2 div.inner p a.newsite{ font-size:100%; margin-right:12px;}
/*------------Content Section3-------------*/
div#content div.section3{ background:url(../images/content/tree3.jpg) left top no-repeat; padding:41px 0 20px 331px; margin-bottom:45px;}
div#content div.section3 div.inner{ width:415px;}
div#content div.section3 div.inner h4{ background:url(../../assets/images/content/design-and-branding.gif) left top no-repeat; height:25px; margin-bottom:11px;}
div#content div.section3 div.inner p{ margin-bottom:16px;}
div#content div.section3 div.inner p a.newsite{ margin-right:61px; font-size:100%;}
/*------------Content Section4-------------*/
div#content div.section4{ background:url(../images/content/tree4.jpg) left top no-repeat; padding:47px 0 41px 479px; margin-bottom:15px;}
div#content div.section4 div.inner{ width:420px;}
div#content div.section4 div.inner h4{ background:url(../../assets/images/content/niche-news.gif) left top no-repeat; height:27px; margin-bottom:4px; }
div#content div.section4 div.inner p{ margin-bottom:3px;}
div#content div.section4 div.inner p.visit{ margin-top:15px;}
div#content div.section4 div.inner p a.newsite{ font-size:100%; margin-right:5px; padding-top:10px;}
/*------------Content Section5-------------*/
div#content div.section5{ background:url(../images/content/tree5.jpg) left top no-repeat; padding:51px 0 19px 317px; margin-bottom:30px;}
div#content div.section5 div.inner{ width:340px;}
div#content div.section5 div.inner h4{ background:url(../../assets/images/content/twitter-ecosystem.gif) left top no-repeat; height:22px; margin:0 0 11px 3px; }
div#content div.section5 div.inner p{ margin-bottom:25px; font-size:130%;}
div#content div.section5 div.inner p a.newsite{ margin-right:50px; font-size:100%; margin-right:54px;}
/*------------Content Section6-------------*/
div#content div.section6{ background:url(../images/content/tree6.jpg) left top no-repeat; padding:47px 0 15px 575px; position:relative; margin-bottom:36px;}
div#content div.section6 a.twitter{ position:absolute; right:587px; top:4px;}
div#content div.section6 div.inner{ width:368px;}
div#content div.section6 div.inner h4{ background:url(../../assets/images/content/open-source-ecosystem.gif) left top no-repeat; height:25px; margin:0 0 6px 1px; }
div#content div.section6 div.inner p{ margin-bottom:21px;}
div#content div.section6 div.inner p a{ font-size:85%;}
/*------------Content Section7-------------*/
div#content div.section7{ background:url(../images/content/tree7.jpg) left top no-repeat; padding:42px 0 15px 475px; margin-bottom:44px;}
div#content div.section7 div.inner{ width:432px;}
div#content div.section7 div.inner h4{ background:url(../../assets/images/content/lifestyle-magazines.gif) left top no-repeat; height:27px; margin:0 0 9px 15px; }
div#content div.section7 div.inner p{ margin-bottom:20px;}
div#content div.section7 div.inner p a.newsite{ font-size:100%; margin-right:56px;}
/*------------Content Section8-------------*/
div#content div.section8{ background:url(../images/content/tree8.jpg) left top no-repeat; padding:35px 0 40px 322px;}
div#content div.section8 div.inner{ width:618px; padding-bottom:10px;}
div#content div.section8 div.inner h4{ background:url(../../assets/images/content/marketplace-and-publishing.gif) left top no-repeat; height:23px; margin:0 0 4px 13px; }
div#content div.section8 div.inner p{ margin-bottom:-9px;}
div#content div.section8 div.inner p a{ font-size:105%; margin-right:40px;}