/* v1.0 | 20080212 */

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;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/* End Reset */


html
{
    min-height: 100%;
    margin-bottom: 1px;
}
body
{
    margin: 0px;
    padding: 0px;
}
*
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
}
#container
{
    margin: 0px auto;
    width: 900px;
    padding: 10px 38px;
}
.clearing
{
    overflow: hidden;
    clear: both;
}
.clearingblue
{
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #dde9f6;
    margin: -1px 0px -1px 0px;
    clear: both;
}
h3
{
    color: #385b95;
}
.error
{
    color: #ff0000;
}


img.siteid
{
    margin: 0;
    border: 0px;
}
img.floatright
{
    float: right;
    border: 0px;
    display: block;
    padding-right: 15px;
}

/***********************	START MAIN NAVIGATION	***********************/

#mainnav
{
    margin: 0px 0px 17px 0px;
    padding: 0px;
    background: url(../../images/mainnav_blue.gif) repeat-x;
    width: 900px;
    height: 32px;
}
#mainnav li
{
    float: left;
    list-style: none;
    padding-top: 8px;
}
#mainnav a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    float: left;
    height: 16px;
    padding: 8px 15px;
    background: url(../../images/mainnav_blue.gif) repeat-x;
}
#mainnav a:hover
{
    background: url(../../images/mainnav_orange.gif) repeat-x;
}
#mainnav a.selected
{
    background: url(../../images/mainnav_orange.gif) repeat-x;
}

/***********************	END MAIN NAVIGATION	***********************/

/***********************	START FLASH DEMO	***********************/
#flashdemo
{
    clear: both;
    width: 900px;
    height: 226px;
    margin: 0px 0px 24px 0px;
}
/***********************	END FLASH DEMO	***********************/

/***********************	START LEFT/RIGHT COLUMN CSS	***********************/
.heading
{
    padding: 5px 0 1px 10px;
    background: url(../../images/header_background.gif) repeat-x;
    height: 22px;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.3em;
}
.headingLeft
{
    width: 180px;
    padding: 7px 0px 1px 10px;
    background: url(../../images/header_background.gif) repeat-x;
    height: 22px;
    font-weight: bold;
    color: #ffffff;
    font-size: 13px;
    margin-top: 10px;
}
.headingRight
{
    width: 160px;
    float: right;
    padding: 7px 0px 1px 10px;
    background: url(../../images/header_background.gif) repeat-x;
    height: 22px;
    font-weight: bold;
    color: #ffffff;
    font-size: 13px;
    margin-top: 10px;
}
h1
{
    color: #385b95;
}
h2
{
    color: #385b95;
}
/*
p
{
    margin: 0px 20px;
}
*/
ul
{
    line-height: 18px;
}
.graygradient
{
    background: url(../../images/sectionbackground_graygradient.gif) repeat-x;
    padding: 15px 0px 26px 0px;
    margin: 0px;
}
.graygradientLeft
{
    width: 190px;
    background: url(../../images/sectionbackground_graygradient.gif) repeat-x;
    margin: 0px;
}
.graygradientRight
{
    width: 170px;
    clear: right;
    float: right;
    background: url(../../images/sectionbackground_graygradient.gif) repeat-x;
    padding: 15px 0px 26px 0px;
}
.graygradient p, .graygradientLeft p, .graygradientRight p
{
    margin-left: 13px;
    color: #363636;
    font-size: 12px;
}

/***********************	END LEFT/RIGHT COLUMN CSS	***********************/

/***********************	START LEFT COLUMN	***********************/
.leftcolumn
{
    width: 501px;
}
.requestdemo
{
    height: 127px;
    background: url(../../images/requestdemo_widget_back.gif) repeat-x #b2bfcf;
    margin-top: 30px;
    border: 1px solid #bcc8d5;
}
.requestdemo .header
{
    background: none;
    font-size: 12px;
    font-weight: bold;
    color: #1c2b43;
    margin: 8px 0px 12px 12px;
}
.ctrlcontainer
{
    float: left;
    width: 227px;
    padding-left: 20px;
    color: #1f3664;
    margin-top: 12px;
    display: inline;
}
.ctrlcontainer label
{
    padding: 0px 0px 0px 5px;
}
.ctrlcontainer input
{
    width: 206px;
    margin: 8px 0px;
}

.requestdemo p.links
{
    text-indent: -13px;
    margin: 15px 20px 0px 13px;
    color: #394e6b;
    font-size: 10px;
    text-align: right;
}
.requestdemo p.links a
{
    color: #385b95;
}
.requestdemo p.links a:hover
{
    text-decoration: none;
}
/***********************	END LEFT COLUMN		***********************/

/***********************	START RIGHT COLUMN	***********************/
.rightcolumn
{
    float: right;
    width: 375px;
    font-size: 14px;
    display: inline;
}
.featurestable
{
    width: 298px;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    color: #3a5e99;
    margin: 10px 0px 0px 25px;
    border: 1px solid #dde9f6;
    border-top: none;
}

.homeTestimonialsBox
{
    padding: 15px 0px 0px 15px;
    margin: 0px 0px 26px 0px;
    background: transparent url(../../images/greyQuote.gif) no-repeat 7px 8px;
}
.featuresList2
{
    position: relative;
    list-style: none;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
    line-height: 10px;
}
.featuresList2 li
{
    width: 480px;
    display: block;
}
.featuresList2 li ul
{
    list-style: disc;
    font-size: 10px;
    line-height: 14px;
    display: block;
}
.featuresList2 li ul li
{
    width: 415px;
    margin-left: 32px;
    display: block;
}
.apartList
{
    height: 100%;
    list-style: none;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 16px 13px 10px 13px;
    display: block;
}
.apartList li
{
    width: auto;
    background: #f8fbff /*url(../../images/check.gif) no-repeat 5px 7px*/;
    padding: 7px 10px;
    line-height: 14px;
    margin-bottom: 7px;
    border: 1px solid #dde9f6;
    color: #385B95;
}
.newFeaturesList
{
    list-style: none;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding: 0px;
    margin: 15px 0px 0px 15px;
}
.newFeaturesList li
{
    width: 100%;
    height: 20px;
    color: #385B95;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 12px;
}
.homeTestimonialsList
{
    list-style: none;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding: 0px;
    margin: 0px 0px 15px 7px;
}
.homeTestimonialsList li
{
    color: #000;
    margin: 0px 0px 10px 0px;
    font-style: italic;
    font-size: 14px;
    display: block;
}


.featurestable .row
{
    clear: both;
}
.featurestable .row.alt
{
    background: #f8fbff;
}
.featurestable .row .column1
{
    height: 15px;
    width: 129px;
    padding: 8px 16px;
    float: left;
    border-right: 1px solid #dde9f6;
}
.featurestable .row .column2
{
    height: 15px;
    width: 67px;
    padding: 8px 0px 8px 0px;
    float: left;
    border-right: 1px solid #dde9f6;
    text-align: center;
}
.featurestable .row .column3
{
    height: 15px;
    width: 66px;
    padding: 8px 0px 8px 0px;
    float: left;
    text-align: center;
}
.featurestable #featuresheader .column1
{
    margin-left: -1px;
    background: #ffffff;
    border: none;
    width: 164px;
    padding: 0px;
}
.featurestable #featuresheader .column2
{
    border: none;
    width: 68px;
    padding: 0px;
}
.featurestable #featuresheader .column3
{
    margin-right: -1px;
    background: #ffffff;
    width: 68px;
    padding: 0px;
}
/***********************	END RIGHT COLUMN		***********************/


/***********************	START SECONDARY CONTENT		***********************/

.testimonialsBox
{
    background: #f0f6ff url(../../images/openQuotes.gif) no-repeat 5px 5px;
    padding: 15px;
    border: 1px solid #cdd9e9;
    margin-bottom: 20px;
}
.secContent h1
{
    margin-bottom: 1em;
}
.secContent h3
{
    margin-bottom: 2px;
}
.testimonialsBox h2
{
    font-size: 12px;
    color: #000;
    margin: 10px;
}
ul.testimonialsList
{
    font-size: 11px;
    list-style: none;
    line-height: 14px;
}
ul.testimonialsList li
{
    margin-left: 20px;
    list-style: none;
}
ol.testimonialsList
{
    line-height: 18px;
    margin-bottom: 10px;
}
ol.testimonialsList li
{
    margin-left: 42px;
}
li.testimonialsName
{
    font-weight: bold;
    font-style: italic;
    color: #000;
}
li.test
{
    margin-left: 10px;
}
p.firstTest
{
    padding-top: 10px;
}

.secContent
{
    padding: 5px 10px;
    margin-top: 15px;
}
.secContent h2
{
    margin-bottom: 15px;
    font-size: 1.4em;
}
.secContent p
{
    margin: 0px 10px 10px 0px;
    line-height: 1.5em;
}
.secContent a, .secContent a:link
{
    color: #ae551d;
    text-decoration: underline;
}
.secContent a:hover
{
    color: #c47638;
    text-decoration: none;
}
.secContent ul
{
    line-height: 18px;
}
.secContent li
{
    list-style: disc;
}
.secContent ol li
{
    list-style-type: decimal;
}
ul.aboutList1
{
    width: 625px;
    margin-bottom: 30px;
}
ul.aboutList1 li
{
    margin-left: 16px;
    margin-bottom: 5px;
}
ul.aboutList2
{
    margin-bottom: 30px;
}
ul.aboutList2 li
{
    width: 450px;
    margin-left: 40px;
    margin-bottom: 5px;
}
.contactListContainer
{
    width: 200px;
    height: 164px;
    position: absolute;
    top: 35px;
    left: 74px;
    background-color: #fff;
    opacity: .70;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    margin-right: 7px;
}
.secContent .rightSideBar
{
    position: relative;
    width: 283px;
    height: 248px;
    background: url(../../images/contactSkyline.jpg) no-repeat -35px -32px; /*border:1px solid #385B95;*/
    float: right;
    display: block;
    margin: 40px 0 0 20px;
}
ul.sideBarList
{
    position: relative;
    list-style: none;
    margin: 0px 0px 0px 79px;
    padding: 10px;
    font-size: 11px;
    display: block;
    z-index: 2;
}
ul.sideBarList li
{
    color: #000;
    margin-left: 10px;
    line-height: 16px;
    list-style: none;
}
ul.sideBarList a
{
    font-size: 11px;
    color: #000;
    text-decoration: underline;
}
ul.sideBarList a:hover
{
    color: #000;
    text-decoration: none;
}
.rightSideBar h3
{
    font-weight: normal;
    background-color: #385b95;
    color: #fff;
    margin: 0px 0px;
    padding: 10px 0px;
    text-align: center;
}
.leftcolumn h3
{
    margin: 0px;
    padding: 10px 0px;
}
p.contactCopy
{
    width: 300px;
}

.aboutFeatures
{
    clear: right;
    margin: 32px 0px;
}
.aboutFeaturesRight
{
    float: right;
    width: 380px;
    height: 158px;
    margin: 0px 0px 0px 0px;
    display: inline;
}
.aboutFeaturesRight, .aboutFeaturesLeft
{
    background-color: #F8FBFF;
    padding: 20px 18px 18px 18px;
    border: 1px solid #DDE9F6;
}
.aboutFeaturesLeft
{
    width: 380px;
    height: 158px;
}
.aboutFeaturesRight ul, .aboutFeaturesLeft ul
{
    padding: 10px 0px 0px 0px;
    font-size: 11px;
}
.aboutFeaturesRight ul li, .aboutFeaturesLeft ul li
{
    margin-left: 30px;
    width: 320px;
}
.aboutFeatures h1
{
    margin-bottom: 30px;
}
.aboutFeatures h3
{
    width: 200px;
    padding: 0px;
    margin: 0px;
}
.featuresContainer
{
    height: auto;
    margin: 0px 0px 20px 16px;
    background: url(../../images/featuredContainerBack2.jpg) no-repeat 355px top;
}
.featuresContainer ul li
{
    list-style: none;
}

ul.featuresList li:hover div ul
{
    text-align: left;
    width: 458px;
    list-style-type: disc;
    list-style-position: outside;
    margin: 0px 0px 0px 20px;
    font-weight: bold;
    line-height: 14px;
    background: #b2bfcf url(../../images/requestdemo_widget_back.gif) repeat-x bottom left;
    padding: 10px;
    border: 1px solid #b8c6d9;
    display: block;
}
ul.featuresList li:hover div ul li
{
    width: 420px;
    background-image: none;
    margin: 0px 0px 2px 20px;
    padding: 0px;
}
ul.featuresList li:hover div ul li:hover
{
    border: none;
    background: none;
}
ul.featuresSubList
{
    list-style: disc;
}

ul.featuresList
{
    height: 380px;
    position: relative;
    list-style: none;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
ul.featuresList li
{
    width: 90%;
    background: url(../../images/checkWhiteBack.gif) no-repeat 5px 7px;
    padding: 0px 0px 0px 28px;
}
ul.featuresList li:hover
{
    background: #dbe5f2 url(../../images/checkBlueBack.gif) no-repeat 5px 7px;
    color: #385B95; /*border-top:1px solid #b8c6d9;border-left:1px solid #b8c6d9;border-bottom:1px solid #b8c6d9;*/
}
ul.featuresList li:hover div
{
    display: block;
}
ul.featuresList li:hover span
{
    padding: 7px 10px 7px 1px;
    border-right: 0px;
    text-decoration: none;
}
ul.featuresList li a
{
    color: #000;
    text-decoration: none;
}
ul.featuresList li a:hover
{
    color: #385B95;
}
ul.featuresList li span
{
    width: 290px;
    display: block;
    padding: 7px 10px 7px 1px; /*border-right:1px solid #b8c6d9;*/
    text-decoration: underline;
}
ul.featuresList li div
{
    position: absolute;
    left: 330px;
    top: 1px;
    width: 500px;
    height: 350px;
    background-color: #dbe5f2;
    display: none;
    padding: 15px 20px 0px 0px; /*border-top:1px solid #b8c6d9;border-right:1px solid #b8c6d9;border-bottom:1px solid #b8c6d9;*/
}

ul.featuresList li div.features1
{
    background: #dbe5f2 url(../../images/screenInterface.gif) no-repeat 16px 95px;
}
ul.featuresList li div.features2
{
    background: #dbe5f2 url(../../images/screenHostingAdmin.gif) no-repeat 15px 95px;
}
ul.featuresList li div.features3
{
    background: #dbe5f2 url(../../images/screenReseller.gif) no-repeat 16px 95px;
}
ul.featuresList li div.features4
{
    background: #dbe5f2 url(../../images/screenBasicAdmin.gif) no-repeat 16px 95px;
}
ul.featuresList li div.features5
{
    background: #dbe5f2 url(../../images/screenInvoicing.gif) no-repeat 16px 97px;
}
ul.featuresList li div.features6
{
    background: #dbe5f2 url(../../images/screenTroubleTickets.gif) no-repeat 16px 78px;
}
ul.featuresList li div.features7
{
    background: #dbe5f2 url(../../images/screenAudit.gif) no-repeat 16px 96px;
}
ul.featuresList li div.features8
{
    background: #dbe5f2 url(../../images/screenDomains.gif) no-repeat 16px 95px;
}
ul.featuresList li div.features9
{
    background: #dbe5f2 url(../../images/screenCustomize.gif) no-repeat 15px 110px;
}
ul.featuresList li div.features10
{
    background: #dbe5f2 url(../../images/screenOCS.gif) no-repeat 15px 110px;
}
ul.featuresList li div.features11
{
    background: #dbe5f2 url(../../images/screenSharepoint.gif) no-repeat 15px 110px;
}
ul.featuresList li div.features12
{
    background: #dbe5f2 url(../../images/screenCRM.gif) no-repeat 15px 110px;
}
ul.featuresList li div.features13
{
    background: #dbe5f2 url(../../images/screenUM.png) no-repeat 15px 110px;
}
ul.featuresList li div.features14
{
    background: #dbe5f2 url(../../images/screenExchange.gif) no-repeat 15px 110px;
}

p.featuresSpecial
{
    color: #999;
    font-style: italic;
    font-size: 10px;
}

/* @group My Group */



/* @end */




.apartDemo
{
    width: 275px;
    float: right;
}
.apartDemo .apartList li
{
    list-style: none;
}
.apartDemo p
{
    margin: 0 10px 10px 13px;
}

/* Demo Form Styles */

.demoFormBox
{
    width: 422px;
    background: #ecf2f9 url(../../images/formBackground.gif) repeat-x scroll bottom left;
    border: 1px solid #BCC8D5;
    padding: 20px 30px;
}
.demoFormLineItem
{
    height: auto;
    clear: left;
    display: block;
}
.demoFormLineItem .formBlock
{
    float: left;
}
.demoFormLineItem label
{
    padding: 5px 0px 8px 5px;
    display: block;
}
.demoFormLineItem input, .demoFormLineItem select, .demoFormLineItem textarea
{
    margin: 0px 20px 10px 0px;
    padding: 3px;
}
.demoFormLineItem input
{
    width: 206px;
}
.demoFormLineItem select
{
    width: 211px;
}
.demoFormLineItem textarea
{
    width: 420px;
}
.demoFormBox p, .formRequestLink
{
    text-align: right;
    margin: 8px 0px 0px 0px;
    font-weight: bold;
    color: #385b95;
}
.demoFormBox a
{
    color: #385b95;
    text-decoration: underline;
}
.demoFormBox a:hover
{
    color: #385b95;
    text-decoration: none;
}


/***********************	END SECONDARY CONTENT		***********************/




/***********************	START FOOTER	***********************/

/*
#footer{
	clear:both;
	width:866px;
	height:45px;
	padding:17px 17px 0px 17px;
	margin-top:10px;
	background:url(../../images/footer_back.gif) repeat-x;
	font-size:11px;
	color:#ffffff;
}
#footer a{font-size:11px;color:#ffffff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .footerleft{float:left;width:400px;text-align:left;}
#footer .footerright{float:left;width:466px;text-align:right;}
*/
#footer .copyright
{
    float: right;
    padding: 10px 0;
    float: right;
}

/***********************	END FOOTER	***********************/

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    line-height: 2em;
    color: #404040;
}
h1
{
    font-size: 1.7em;
}
h2
{
    font-size: 1.6em;
}
h3
{
    font-size: 1.5em;
    margin-bottom: 10px;
}
a, a:link
{
    text-decoration: none;
    color: #0e4977;
}
a.active
{
    color: #1675bf;
}
a:hover
{
    color: #125f9b;
}
img
{
    border: none;
}
#content
{
    width: 795px;
    margin: 0 auto;
    font-size: 1.2em;
}
li
{
    list-style: none;
}
#header
{
    border-bottom: 2px solid #f68f1f;
    height: 65px;
    position: relative;
    font-size: 1.1em;
}
#header h1
{
    display: inline;
}
#header img
{
    margin-top: 17px;
}
#header .contact_us
{
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 1.1em;
    margin-right: 2px;
}
#header .contact_us a
{
    background: #f0f9ff;
    padding: 2px;
}
#header .contact_us a:hover
{
    background: #e5f3fc;
}
#header ul
{
    position: absolute;
    top: 40px;
    right: 2px;
}
ul.navigation li
{
    float: left;
    padding-left: 25px;
}
#introduction
{
    clear: left;
    padding: 25px 15px 13px;
}
#introduction h2
{
    float:left;
    width:498px;
    color:#1e78ec;
    line-height: 1.4em;
}
#introduction #request_demo
{
    float: right;
    margin: 0 45px;
    font-size: 1.2em;
}
#introduction #request_demo a
{
    display: block;
    color: #fff;
    background: url( '../../images/requestdemo-button.gif' ) no-repeat;
    width: 145px;
    padding: 13px 0px;
    text-align: center;
    margin: 0 auto;
}
#introduction #request_demo a:hover
{
    background: url( '../../images/requestdemo-button.gif' ) no-repeat 0 -48px;
}
#introduction #request_demo p
{
    text-align: center;
    margin-top: 3px;
}
#services, #benefits
{
    margin-bottom: 10px;
}
#services .carousel
{
    position: relative;
}
#services .carousel .thumbnails
{
    background: url( '../../images/services-bg.jpg' ) no-repeat;
    width: 795px;
    height: 201px;
}
#services .carousel .previous, #services .carousel .next
{
    padding: 10px 0;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    width: 50px;
    height: 71px;
    cursor:pointer;
}
#services .carousel .previous
{
    background: url( '../../images/arrow-left2.png' ) no-repeat;
    top: 37px;
    left: 25px;
}
#services .carousel .next
{
    background: url( '../../images/arrow-right2.png' ) no-repeat;
    top: 137px;
    right: 31px;
}
#services .carousel .images img
{
    width: 104px;
    height: 104px;
    display: block;
    /*background: url( '../../images/thumb_bg.gif' ) no-repeat center center;
    border: 2px solid #fff;*/
}
#services .carousel .images img
{
    margin: 0 auto;
}
#services #details
{
    width: 770px;
    height: 137px;
    padding: 45px 15px 15px;
    background: url( '../../images/details-bg2.gif' ) no-repeat;
    margin: -25px 0 0;
    font-size: 1.2em;
    z-index:5;
}
#services #details .description
{
    float: left;
    width: 485px;
}
#services #details .description p
{
    margin: 0 0 5px;
}
#services #details img
{
    float: right;
    border: 4px solid #dadde0;
    width: 250px;
}
#services #details h3
{
    line-height: 1.1em;
}
#benefits
{
    background: url( '../../images/benefits-bg.gif' ) no-repeat;
    width: 770px;
    height: 272px;
    padding: 15px;
    text-align: justify;
}
#benefits h2, #benefits h3
{
    color: #fff;
    margin-bottom: 10px;
}
#benefits
{
    clear: both;
}
#benefits .benefit
{
    width: 247px;
    float: left;
    margin: 0 8px 0 0;
}
#benefits .benefit:last-child
{
    margin: 0;
}
#benefits .benefit h5
{
    color: #ffa64e;
    font-size: 1.2em;
    margin: 0 4px 10px;
}
#benefits .benefit p
{
    color: #fff;
    padding: 4px;
}
#benefits .benefit img
{
    border: 4px solid #dce2e8;
    margin-bottom: 4px;
}
#secondary_benefits
{
    padding: 0 5px;
    clear: both;
}
#secondary_benefits #upcoming_features
{
    float: left;
    background: #f8f8f8;
    width: 498px;
    min-height:145px;
    padding: 10px;
    margin-bottom:10px;
}
#secondary_benefits #upcoming_features .feature
{
    width: 236px;
    float: left;
}
#secondary_benefits #upcoming_features .feature img
{
    float: right;
    margin-left: 4px;
}
#secondary_benefits #upcoming_features #first_feature
{
    margin-right: 25px;
}
#secondary_benefits .benefit
{
    float: right;
    width: 255px;
    padding: 10px 0;
    background: url( '../../images/international-flagsB.jpg' ) no-repeat;
}
#secondary_benefits .benefit h4
{
    margin-left: 8px;
}
#secondary_benefits .benefit ul
{
    margin: 56px 0 0 6px;
}
#secondary_benefits h3
{
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #C3C3C3;
}
#secondary_benefits h4
{
    font-size: 1em;
}
#footer
{
    border-top: 2px solid #f68f1f;
    clear: both;
    padding: 0 2px;
    margin-top:10px;
}
#footer ul.navigation
{
    padding: 10px 0;
    float: left;
}
#footer ul.navigation li:first-child
{
    padding-left: 0;
}
#introduction:after, #secondary_benefits:after, #footer ul.navigation:after, #services .carousel:after, #footer:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* carousel styles */
/*Class to set the width for the whole Carousel. You can set the width and height as you want */
/*
	    .carousel {
	    width:419px;
	    }
*/
/*Class to set the styling option for the previous button on the Carousel */

.carousel a.previous
{
    float: left;
    display: block;
    background: url(../../images/prev.jpg) bottom;
    width: 34px;
    height: 34px;
    margin-top: 28px;
    margin-right: 2px;
}

/*Class to set the styling option for the next button on the Carousel */

.carousel a.next
{
    float: right;
    display: block;
    background: url(../../images/next.jpg) bottom;
    width: 34px;
    height: 34px;
    margin-top: -71px;
}

/*Class to set the styling option for the scroller part of the Carousel */

.carousel .images
{
    text-align: left;
    padding: 36px 0 0;
    margin-left: 93px;
}

.carousel .images ul
{
    margin: 0;
    padding: 0;
}


/*Class to set the image background and the size of it, do note that it’s not the size of the scrolling images, it sets the size of the background image that I’ve used for every actual image that will be scrolling*/

.carousel .images li
{
    height: 109px;
    width: 109px;
    background: url(../../images/imgbg.jpg) left top no-repeat;
    list-style: none;
    margin: 0;
    padding: 10px 0px 0px 10px;
}

.carousel #details li
{
    width: 765px;
    height: 120px;
    list-style: none;
    margin: 0;
    padding: 10px 4px;
}


/*This here actually sets the size of the scrolling images */

.carousel .images img
{
    width: 104px;
    height: 104px;
}