* {margin : 0; padding : 0; }
body {
font:normal 13px "Trebuchet MS", Verdana, arial;
color : #606060;
background:#f4f4f4 url(../images/bg.gif) repeat-x;
}

/* Common */
p {padding:4px 0; margin:0;}
a {color:#0099ff;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

h1, h2, h3, h4, img, form, input, ul, li {margin:0; padding:0;}
h2 {color:#465862; padding:0 0 5px 0;font:normal 24px "Trebuchet MS", Verdana, arial;}
h3 {font:normal 18px "Trebuchet MS", Verdana, arial;padding:0 0 5px 0;}
h3.spaced {letter-spacing:0.6px;line-height:150%}
h3.low {letter-spacing:0.6px;line-height:225%}
h4 {font:normal 16px "Trebuchet MS", Verdana, arial;padding:5px 0 0 0;}
h4.italics {font-style:italic;}

h1.title {font:normal 50px/74px "Trebuchet MS", Verdana, arial;}
h1.computer {padding:0 0  20px 100px;background:url(../images/computer.gif) no-repeat;margin-bottom:20px;}
h1.story {padding:0 0  15px 135px;background:url(../images/book.jpg) no-repeat;margin-bottom:20px;}
h1.phone {padding:0 0  15px 135px;background:url(../images/phone.jpg) no-repeat;margin-bottom:20px;}
h1.secure {padding:0 0  15px 135px;background:url(../images/secure-lock.jpg) no-repeat;margin-bottom:20px;}
h1.plus {padding:0 0  15px 135px;background:url(../images/plus.jpg) no-repeat;margin-bottom:20px;}
h1.leaf {padding:0 0  20px 100px;background:url(../images/leaf.jpg) no-repeat;margin-bottom:20px;}
h1.sharepoint2010 {padding:0 0 20px 60px;background:url(../images/sharepoint-2010.png) no-repeat;margin-bottom:20px;}

.bold {font-weight:bold;}
.big {font:normal 16px "Trebuchet MS", Verdana, arial;letter-spacing:1.6px;line-height:160%;padding:0 0 14px 0;}
.big_cc {font:normal 16px "Trebuchet MS", Verdana, arial;letter-spacing:1.6px;line-height:160%;padding:14px 0 0 0;}

/* Alignments */
.alignleft {float:left;width:auto;}
.alignright {float:right;width:auto;}
.center {text-align:center;}
.pushright {padding-left:290px;}
.bottom {vertical-align:bottom;}
img.alignleft {margin:0 10px 2px 0;}
img.alignright {margin:0 0 2px 10px;}
img.center {display:block; margin:0 auto;}

/* ======= Page Strucure ======== */

#wrapper {width:960px;margin:0 auto;padding-top:42px;}
.main-top {width:960px;height:8px; background:url(../images/main-top.gif) no-repeat;font:normal 1px/1px "Trebuchet MS", Verdana, arial;}
.main {width:944px;background:#fffffe url(../images/main-btm.gif) no-repeat left bottom;padding:0 8px 8px 8px;}
#footer {padding:15px 5px ;font-size:11px;color:#8A8A8A;}

.clr {clear:both; margin:0; padding:0; font-size:1px; line-height:1px;height:1px;}
.space {padding:0; font:normal 5px/10px "Trebuchet MS", Verdana, arial;}

/* ===== Header ===== */

/* logo */
.logo {display:block;width:551px;height:70px;background:url(../images/greencloud-logo.png) no-repeat;margin-bottom:15px;}
.logo span {display:none;}

/* buzz */
.buzz {display:block;width:417px;height:113px;background:url(../images/cloud-computing-buzz.png) no-repeat;float:right;}
.buzz span {display:none;}

ul.indented li {margin-left:30px;}
ul.multi {margin-left:30px;width:840px;}
ul.multi li {float:left;width:280px;}

.clear-float {clear:left;}

/* Main Navigation */
ul#nav {float:right;list-style:none;height:44px;width:auto;}
ul#nav li {list-style:none; display:block; float:left; width:auto;margin-right:10px;}
ul#nav li a {display:block; float:left;text-decoration:none;height:44px;width:auto;}
ul#nav li a span {display:none;}
ul#nav li a.home {background:url(../images/home.gif) no-repeat; width:66px;}
ul#nav li a.how {background:url(../images/how.gif) no-repeat; width:120px;}
ul#nav li a.stories {background:url(../images/stories.gif) no-repeat; width:72px;}
ul#nav li a.forme {background:url(../images/forme.gif) no-repeat; width:114px;}
ul#nav li a.contact {background:url(../images/contact.gif) no-repeat; width:76px;}

ul#nav li a.selected,ul#nav li a:active,ul#nav li a:hover {background-position:left -88px;}

#sitemap ul {margin-left:20px;font:normal 16px "Trebuchet MS", Verdana, arial;}

ul.partners li {margin-left:40px;}

/* ======= Footer ======== */
p.site_icons {margin:13px 0 8px 0;padding:2px 0 2px 0;}
.site_icons img {margin:0 10px;vertical-align:middle;}
#footer a {color:#373737;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer img {margin:0 4px;}

/* ====================== Home Page ======================= */

/* ======= Green Box ======== */
.green-top {width:944px;height:10px; background:url(../images/green-top.gif) no-repeat;font:normal 1px/1px arial;}
.green {width:944px; background:url(../images/green-bg.gif) repeat-y;}
.green-main {width:944px; background:url(../images/green-btm.gif) no-repeat left bottom;padding:0 0 19px 0px;min-height:298px;}
* html .green-main {height:298px;}

.white {background:#f4f4f4 url(../images/white-top.gif) no-repeat;width:924px; margin:0 auto 10px auto;}

.white-main {background:url(../images/white-btm.gif) no-repeat left bottom;min-height:228px;}
* html .white-main {height:228px;}

/* ======= Gray Box ======== */
.grey-top {width:944px;height:10px; background:url(../images/grey-top.gif) no-repeat;font:normal 1px/1px arial;}
.grey {width:944px; background:url(../images/grey-bg.gif) repeat-y;}
.grey-main {width:944px; background:url(../images/grey-btm.gif) no-repeat left bottom;padding:0 0 3px 0px;min-height:160px;}
* html .grey-main {height:160px;}
.grey h2 {font:normal 19px/42px "Trebuchet MS", Verdana, arial;letter-spacing:-1px;color:#5d5d5d;word-spacing:3px;}
.grey h3 {font:normal 18px/32px "Trebuchet MS", Verdana, arial;letter-spacing:-1px;color:#5d5d5d;padding-top:5px;word-spacing:3px;}
.grey h2 img {vertical-align:middle; padding:0 4px;}
.grey-leftcol {width:450px;float:left;padding:5px 4px 10px 18px;}
.grey-rightcol {width:432px;float:left;padding:5px 20px 10px 20px;}

/* ======= Banner Box ======== */
.banner-main {width:944px;height:60px;background-image:url(../images/yellow-banner.jpg);background-repeat:no-repeat;background-position:top center;padding:0 8px 10px 8px;}
.banner-text {width:944px;float:left;padding:10px 10px 10px 10px;}
.banner-text h1 {font-size:18px;color:#444444;padding-left:160px;}
.banner-text h2 {font-size:14px;color:#111111;padding-left:200px;}

#home_contact {padding:0 10px;width:412px;}
#home_contact input {border:0;margin-bottom:10px;display:inline;vertical-align:top;}
#home_contact .text {padding:6px 5px; width:265px; height:18px; background:url(../images/input.gif) no-repeat;font:normal 13px "Trebuchet MS", Verdana, arial;}
* html #home_contact .text {background-attachment:fixed}
#home_contact .btn {height:29px;margin-left:15px;}

#page_contact {padding:0 10px;width:412px;}
#page_contact input {border:0;margin-bottom:10px;display:inline;vertical-align:top;}
#page_contact .text {padding:6px 5px; width:265px; height:18px; background:url(../images/input.gif) no-repeat;font:normal 13px "Trebuchet MS", Verdana, arial;}
#page_contact .textfield {padding:6px 5px; width:491px; height:99px; background:url(../images/inputfield.gif) no-repeat;border:0;font:normal 13px "Trebuchet MS", Verdana, arial;}
* html #page_contact .text {background-attachment:fixed}
* html #page_contact .textfield {background-attachment:fixed}
#page_contact .btn {height:29px;}

#page_payments input {border:0;margin-bottom:10px;display:inline;vertical-align:top;}
#page_payments .text {padding:6px 5px; width:265px; height:18px; background:url(../images/input.gif) no-repeat;font:normal 13px "Trebuchet MS", Verdana, arial;}
#page_payments .textsmall {padding:6px 5px; width:71px; height:18px; background:url(../images/inputsmall.gif) no-repeat;font:normal 13px "Trebuchet MS", Verdana, arial;}
* html #page_payments .text {background-attachment:fixed}
* html #page_payments .textsmall {background-attachment:fixed}
#page_payments .btn {height:29px;}

#page_subscribe input {border:0;margin-bottom:10px;display:inline;vertical-align:top;}
#page_subscribe .text {padding:6px 5px; width:265px; height:18px; background:url(../images/input.gif) no-repeat;font:normal 13px "Trebuchet MS", Verdana, arial;}
* html #page_subscribe .text {background-attachment:fixed}
#page_subscribe .btn {height:29px;}

.greentext {color:#8bb50c;}

/* ======= Ajax tab list ======== */
ul.tabNavigation {height:58px;}
ul.tabNavigation li {float:left;display:block;width:auto;}
ul.tabNavigation li a {float:left;display:block;background:url(../images/tab-nav.gif) repeat-x;color:#F6FCE3;width:auto;}
ul.tabNavigation li a span {float:left;height:58px;width:184px;display:block;padding-left:50px;font:normal 16px/58px "Trebuchet MS", Verdana, arial;cursor:pointer;border-left:1px solid #8BBC03;border-right:1px solid #589500; }
ul.tabNavigation li.last a {background:url(../images/tab-nav-last.gif) no-repeat right top;}
ul.tabNavigation li.first a {background:url(../images/tab-nav-first.gif) no-repeat;}
ul.tabNavigation li a:hover, ul.tabNavigation li a.selected {background:none;text-decoration:none;color:#121800;}
* html ul.tabNavigation li a:hover {background:url(../images/tab-nav-first1.gif) no-repeat;}
ul.tabNavigation li a span.leaf {background:url(../images/leaf.gif) no-repeat 6px 0;}
ul.tabNavigation li a span.cloud {background:url(../images/cloud.gif) no-repeat 16px 0;padding-left:60px;width:174px;}
ul.tabNavigation li a span.money {background:url(../images/money.gif) no-repeat 6px 0;;width:210px;padding-left:40px;}
ul.tabNavigation li a span.benefits {background:url(../images/benefits.gif) no-repeat 6px 0;;width:170px;padding-left:50px;}
ul.tabNavigation li a:hover span, ul.tabNavigation li a.selected span {background-position:6px -58px;border-left:1px solid #B9E621;border-right:1px solid #B9E621;}
ul.tabNavigation li a:hover span.cloud, ul.tabNavigation li a.selected span.cloud {background-position:16px -58px;}

ul.tabNavigation li.last a.selected:hover span, ul.tabNavigation li.first a.selected:hover span {border:0;}

ul.tabNavigation li.last a span, ul.tabNavigation li.first a.selected span{border-right:0;}
ul.tabNavigation li.last a:hover span, ul.tabNavigation li.first a.selected:hover span{border-right:0;}
ul.tabNavigation li.first a span, ul.tabNavigation li.last a.selected span {border-left:0;}
ul.tabNavigation li.first a:hover span, ul.tabNavigation li.last a.selected:hover span {border-left:0;}

.col1 {float:left;width:465px;}
.col1 img {float:left;}

.col2 {float:left; padding:12px; width:435px;font:normal 15px/24px arial;}
.learn-more {float:right; margin:15px 0 0 0;width:auto;}

/* ====================== Internal Page ======================= */
#page2col {background:url(../images/page2col-bg.gif) repeat-y;margin-bottom:15px;}
#page2col-top{background:url(../images/page2col-top.gif) no-repeat;}
#page2col-main{background:url(../images/page2col-btm.gif) no-repeat left bottom;width:944px;padding:6px 0;}
#sidebar {float:left; width:226px;padding-left:6px;}
#content {float:left; width:672px;padding:0 20px;line-height:20px;}

.pagecol_1 {float:left; width:325px;}
.pagecol_2 {float:left; width:325px; padding-left:22px;}

/* ======= Sidebar ======== */

#sidebar ul {list-style:none;}
#sidebar li {list-style:none;margin-bottom:3px;}
#sidebar li a {display:block; width:200px; height:21px;padding:13px 10px 13px 16px;color:#4E6111;font:bold 16px/21px "Trebuchet MS", Verdana, arial;}
#sidebar li a:hover, #sidebar li.selected a {background:url(../images/sb-list.gif) no-repeat;color:#222;text-decoration:none;}

/* ====================== Full Page ======================= */
#fullpage {width:906px;margin:0 auto;padding:10px 0;color:#515151;}
.fullcol {width:275px;padding-right:40px;float:left;line-height:20px;}
.fullcol img {padding-top:5px;}
.smallcol {width:203px;padding-right:30px;float:left;line-height:20px;}
.smallcol img {padding-top:5px;}
.tinycol {width:70px;padding-right:30px;float:left;line-height:20px;}
.tinyfatcol {width:70px;padding-right:30px;float:left;line-height:40px;}
.tinyfatcol_cc {width:135px;padding-right:30px;float:left;line-height:40px;}
.productcol {width:100px;padding-right:20px;float:left;line-height:20px;}
.firstproductcol {width:275px;}
.nowidthcol {float:left;line-height:20px;}
.lastcol {padding-right:0;}

.breadcrumb {font:italic 11px "Trebuchet MS", Verdana, arial;margin-bottom:10px;}