/* ----------------------------------------
Theme Name: Conference Call 1
Theme URL:
Description: DRAFT CSS / not clean
Author: Remotelink Philippines
Version: 0.1
----------------------------------------*/
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, ul, li, ol {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}
/* png fix */
ul.check, header.home, .bubble, img, .img, .headingPage  { behavior: url(iepngfix.htc) }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GOLBAL */
/* body */
body {
    background:#000;
    font-size:100%;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height:1.429;
    margin:0;
    padding:0
}
/* heading */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0 }
.clear { clear:both }
.left { float:left }
.right { float:right }

/* HTML5 tags */
header, section, footer, hgroup, aside, article , figure{ display:block }

/* Paragraphs */
* p:last-child {margin-bottom:0 }
strong, b { font-weight:bold }
em, i { font-style:italic }

img {display:block}
a, a:active { outline:none }
a:focus { -moz-outline-style:none }

.backtotop {
    bottom: 5px;
    float:right;
    position:absolute;
    width:219px;
	left:0;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Layout */
.fullwidth, .contentBody { width:1000px }
.contentBody { margin:0 auto; padding:0 }
.pbottom { padding-bottom:20px }
header.home, header.page { margin:0; padding:0; width:100% }
header.home { background:#fff url('../images/header_bg.png') top no-repeat }
header.page { background:#fff url('../images/page_header.png') center center no-repeat; height:127px }
.contentTx { background:url(../images/contenttxt_bg.png); *background:#0b1b26; display:inline-block }
/* page and home navigation */
.navigation { float:left; text-align:right; width:200px }
    .navigation ul li { list-style:none; margin:0; padding:0 }
        .navigation li.home a:link, .navigation li.home a:visited {
            color:#072a2e;
            text-decoration:none;
            font-size:17px
        }
    .navigation li.home a:hover { color:#226a76 }
    .navigation li a:link, .navigation li a:visited {
            color:#64b6c2;
            text-decoration:none;
            font-size:17px
        }
    .navigation li a:hover { color:#fff }
    .navigation li.active a {color:#fff}
    .navigation li.activeHome a {color:#226a76}
/* button */
.btnOpenAct, .button { text-align:left; padding:7px 20px }
.btnOpenAct {
    background:#b5dcf3; /* old browsers */
    background:-moz-linear-gradient(top, #70a0b7 0%, #83afc4 100%); /* firefox */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#70a0b7), color-stop(100%,#83afc4)); /* webkit */
    -webkit-border-radius:7px;
     -khtml-border-radius:7px;
       -moz-border-radius:7px;
	        border-radius:7px;
}
.button {
    text-shadow:1px 1px 2px #fff;
    background:#b5dcf3; /* old browser */
    background:url(../images/arrow.png) no-repeat right center, -moz-linear-gradient(0% 100% 90deg, #b5dcf3, #d7effe);
    background:url(../images/arrow.png) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7effe), to(#b5dcf3));
    -webkit-border-radius:7px;
     -khtml-border-radius:7px;
       -moz-border-radius:7px;
	        border-radius:7px;
}
    .btnOpenAct:hover, .button:hover  {
        background:#a2d4f1;
        background: url(../images/arrow.png) no-repeat right center, -moz-linear-gradient(0% 100% 90deg, #A2D4F1, #C2E7FF);
        background: url(../images/arrow.png) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2E7FF), to(#A2D4F1));
    }
/* press bg */
.articleCtn span.pressNum, .articleCtn span.pressRates, .contactUs input[type=submit], .contactUs input[type=reset] {
    text-align:center;
    color:#356d87;
    text-shadow:0px 1px 2px #d6e8f1;

    display:inline-block;
    background:#70a0b7; /* old browsers */
    background:-moz-linear-gradient(top, #70a0b7 0%, #83afc4 100%); /* firefox */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#70a0b7), color-stop(100%,#83afc4)); /* webkit */

    -webkit-box-shadow:inset 0 0 6px #fff;
       -moz-box-shadow:inset 0 0 6px #fff;
            box-shadow:inset 0 0 6px #fff;

    border:1px solid #4d859f;
    -webkit-border-radius:7px;
     -khtml-border-radius:7px;
       -moz-border-radius:7px;
	        border-radius:7px;
}
/* home-left-header */
#topLeft {
    float:left;
    position:absolute;
    top:0;
    width:219px
}
/* home-right-header */
#topRight { float:right; text-align:center; width:750px }
    .spaceTop { margin-top:40px }
    .introToll { height:70px; margin-top:50px; text-align:center }
        .hgroupLeft { text-align:right; width:350px; }
        .hgroupRight { margin-left:40px; text-align:right; width:350px;}
            .introToll h1 { color:#072a2e; font:normal 1.8em 'Raleway', serif }
            .introToll h2  { color:#072a2e; font:bold 1.5em 'Raleway', serif; text-transform:uppercase; letter-spacing:2px }
            .introToll .test { color:#ad0303; font:normal 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif }
                .introToll .subtitle { font-size:12px; color:#ad0303; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif }
    .topBtn {
        clear:both;
        display:block;
        font-size:30px;
        margin:30px auto 0 auto;
        width:270px
    }
    .topBtn a:link, .topBtn a:visited, .webconfBtn a:link, .webconfBtn a:visited { color:#a70302; text-decoration:none }
/* home content */
#homeCtn {
    background:#04131d url(../images/contentfull_bg.png) top center no-repeat;
    margin:0;
    padding:0;
    width:100%
}
    .contentPanel, .panelHome { 
		display:-moz-inline-stack; /* for firefox */
		display:inline-block;
		zoom:1; /* ie hacks */
		*display:inline; /* ie hacks */
		width:310px
	}
    .panelHome { background:url(../images/bracket.png) top left no-repeat; height:120px; margin:30px 0 30px 20px }
        .panelHome h1 {
            border-bottom:1px dotted #bbe8fb;
            color:#bbe8fb;
            float:right;
            font:normal 1.9em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            height:110px;
            margin-top:15px;
            padding-left:10px;
            width:250px
        }
    .contentPanel { color:#fff; float:left; margin:20px 0 20px 20px;}
        .contentPanel ul li { font-size:15px; margin:5px 30px 0; width:260px }
/* pages*/
/* fixed sideleft */
#topLeftPage {
	height:100%;
	top:0;
	position:fixed;
	display:inline-block;
	width:219px;
}
/* right */
.rightCtnPage {
    display:inline-block;
    margin:30px 0 0 0px;
    min-height:650px;
    height:auto!important;
    height:650px;
    width:750px;
	position:relative;
	left:250px;
}
    .headingPage {
        background:url(../images/bracket_page.png) top left no-repeat;
        float:left;
        height:75px;
        margin:30px 0 30px 20px;
        width:700px;
		display:inline
    }
        .headingPage h1 {
            color:#bbe8fb;
            float: left;
            font:normal 25px  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            line-height:75px;
            margin:0px 0 0 35px;
			display:inline
        }
    .articleCtn {
        color:#fff;
        font-size:13px;
        margin:30px 0 30px 55px;
        width:645px
    }
        .articleCtn a:link, .articleCtn a:visited { color:#c8efff; border-bottom:1px dashed #c8efff; text-decoration:none }
        .articleCtn a:hover {color:#fff; border-bottom:1px dashed #fff; text-decoration:none }
       p.title, .webconfTxtCtn .title { color:#bbe8fb; font-size:14px; text-transform:uppercase }    
        .articleCtn ul.text li { margin-left:30px }
        .articleCtn ul.press li { list-style:none; margin-left:15px; padding:3px 0 }
        .articleCtn ul.check li, .webconfLeft ul.check li, .webconfTxtCtn ul.check li, .ccFeature ul.check li { background:transparent url(../images/check.png) top left no-repeat; list-style:none; padding:0px 0 5px 22px }

        .articleCtn span.pressNum { width:30px }
        .articleCtn span.pressRates { width:200px }
        .articleCtn span.pressNum, .articleCtn span.pressRates { font:bold 20px Helvetica, Sans-Serif;  padding:7px 10px; margin:0 10px 0 0 }
        
        /* button Ctn */
        .articleBtn {
            color:#bbe8fb;
            display:inline-block;
            font-size:14px;
            margin:30px 0 50px 50px;
            width:370px
        }
            .articleBtn a:link, .articleBtn a:visited { color:#1c4e66; font-size:20px; text-decoration:none; text-transform:uppercase }

        /* contact */
        .contactUs { width:640px; }
            .contactUs label.form { 
                clear:left;
                float:left;
                margin:0 0 10px 0;
                min-height:20px;
				height:auto!important;
				height:20px;
                padding:5px;
                text-align:right;
                width:150px
            }
            .contactUs label.error {
                background:transparent url(../images/x.png) left no-repeat;
                border:0;
                color:#fff;
                clear:both;
                font-size:0.8em;
                float:left;
                padding:0 0 0 20px;
                margin:0 0 10px 170px;
                text-transform:uppercase;
				width:300px
            }
            .input, .textarea {
                background-color:rgba(255,255,255,0.1);
                border:none;
                color:#fff;
                font-size:12px;
                float:left;
                margin:0 0 10px 8px;
                outline:none;
                padding:5px;
                width:300px;
            }
                .input { height:20px }
                .textarea { font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; height:120px }
            .input:hover, .input:focus, .textarea:hover, .textarea:focus, input.error, textarea.error { background:#70a0b7 }
            .contactUs input[type=submit], .contactUs input[type=reset] { font: bold 15px Helvetica, Sans-Serif; padding:6px 20px; margin:10px 0 20px }
                .capitalize { text-transform:capitalize }
                .confirmInput {
                    color:#fff;
                    float:right;
                    min-height:20px;
                    margin-bottom:10px;
                    outline:none;
                    padding:5px;
                    width:465px
                }

/* web conferencing */
.webconfLeft p.title { color:#bbe8fb; font-size:18px; text-transform:uppercase }  
.webconfLeft {
    display:inline-block;
    float:left;
    width:480px;
    color:#fff;
    font-size:13px;
    margin-right:30px;
    padding-right:30px; 
}
.webconfRight { display:inline-block; float:right; width:400px }
.webconf { background: url('../images/webconf_bg.png') bottom center no-repeat; height:510px }
.webconf h1{ color:#537388; font:normal 23px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom:0px; }
.webconfBtn { float:left; font-size:25px; margin-top:40px; width:750px }
.webconfOffer {
    float:left;
    display:inline-block;
    height:80px;
    margin:10px 0 0 0;
    width:330px
}
.webconfOffer .title {
    color:#bbe8fb;
    font: bold 25px Helvetica, Sans-Serif; 
    text-transform:uppercase;
    margin-top:25px;
    line-height:20px;
    text-shadow:0 1px 1px #161820
}
.mFont { font-size:12px; color:#ddd; }
/* features */
.webconfTxtCtn {
    margin:20px 0 25px 25px;
    display:inline-block;
    float:left;
    width:950px;
    color:#fff;
    font-size:13px;
}
    .appsCtn { margin-top:20px }
        h2.appsTitle {
            background-color:rgba(255,255,255,0.1);
            background: url(../images/arrow-active.png) left center no-repeat;
            float:left;
            font-size:13px;
            height:30px;
            line-height:30px;
            margin:0 0 5px 0;
            padding:0;
            width:400px
        }
        h2.appsTitle a {
            color:#fff;
            display:block;
            padding:0 0 0 25px;
            text-decoration:none
        }
        h2.appsTitle a:hover{ color:#fff }
        h2.active { background: url(../images/arrow-hover.png) left center no-repeat; background-color:rgba(112,160,183,0.3);}
        .appsDesc {
           background-color:rgba(112,160,183,0.3);
            clear:both;
            line-height:20px;
            margin:0 0 5px;
            padding:10px;
            overflow:hidden;
            width:380px
        }
        .appsDesc p { font-size:12px;margin:0 }
 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Footer */
footer { color:#3b4954; font-size:13px; text-align:right; padding:10px 0 }
    .footer-icon .img { border:0; display:inline-block; outline:none; width:15px }
        .footer-icon .img:hover { filter:alpha(opacity=0); opacity:0.5 }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOR COLOR BOX */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        
/*home version2 */
.ccFeature {
    display:inline-block;
    border-right:1px  dotted #092b3b;
    width:350px;
    margin:20px 30px 0 0;
    color:#fff;
    height:400px
}
.ccFeature h1 {font-size:35px;line-height:38px;letter-spacing:1px; color:#bbe8fb; margin:0 0 20px 30px;}
.cchightLight { display:inline-block;width:610px; margin:20px 0 0}
.cccolum {
    width:610px;
    padding-bottom:10px;
    border-bottom:1px dotted #092b3b
}
.cccolum:last-child {border-bottom:none;}
.cccolum .article {
    float:left;
    width:380px;
    color:#fff;
    font-size:13px;
    margin-left:10px
}
.bubble {
    background: url(../images/bubble.png);
    width:200px;
    height:200px;
    text-align:center;
    float:left
}
.mtop50 {margin-top:55px}
.mtop60 {margin-top:65px}
.bubble h1 {
    font-weight:bold;
    font-size:20px;
    margin-left:12px;
    width:150px;
    float:left;
	color:#dff5ff;
	display:inline
}
.ccv2btn a {color:#ad0303;text-transform:uppercase;text-decoration:none;font-size:20px}