/* ##########################  colors ########################### 

Dark Grey - #6b6b6b;
Light Grey - #eae8e8;
Red - #F16826;
Yellow - #FDCE0E;
Green - E99CA3F;
Blue - #1899CF;

*/
div#ceTabContent
{
margin-top:100px;
}
div.icons
{
display:none;
}
*
{
margin: 0;
padding: 0;
}
body
{
font-size: 100.01%;
padding: 0px;
text-align: center;
position:relative;
width:100%;
height:100%;
display: table;
position: absolute;
}
body.itemid-152 .slideshowck
{
margin-top:30px;
}
body.itemid-101 .slideshowck
{
margin-bottom:50px;
}
#mod-custom127
{
display: inline-block;
text-align: center;
width: 100%;
}
.vert-align-screen-outer
{
display: table-cell;
vertical-align: middle;
}
.vert-align-screen-inner
{ margin-left: auto;
margin-right: auto; 
width:100%;
}
div.main-menu-wrap ul
{
display:inline-block;
}
div.main-menu-wrap 
{
height: auto;
display: inline-block;
width: 100%;
}
table.items_table_responsive div
{
display:inline-block;
float:none;
width:auto;
padding:0;
margin:0;
text-align:right;
margin-right: 5px;
margin-left: 5px;
}
div.table_scrolls
{
overflow-x:initial !important;
}
div.span6
{
text-align:center;
}
div.helper-3
{
display:none !important;
}
th.invoice-payments, td.invoice-payments, td.invoice-tools, th.invoice-tools, td.statussentence.invoice-pay-status, th.statussentence.invoice-pay-status
{
text-align:center;
}
tr.linefinances1 td, tr.linefinances2 td
{
padding: 5px 10px !important;
}
tr.linefinances1:hover, tr.linefinances2:hover
{
background:#f7f7f7;
}
fieldset.invoicesfieldset
{
display:inline-block;
width:50%;
float:none;
margin:30px auto;
text-align:left;
}
fieldset.invoicesfieldset legend
{
font-size:20px;
font-weight:bold;
margin-bottom:20px;
width:1000%;
text-align:left;
padding-left:0px!important;
margin-left:0px;
font: 20px "Open Sans" !important;
}
fieldset.invoicesfieldset dt
{
display:inline-block;
width:50%;
float:left;
padding:0 0 10px;
}
fieldset.invoicesfieldset dd
{
display:inline-block;
width:50%;
float:left;
padding:0 0 10px;
}
nav.shadow-sm
{
display:none !important;
}
div.container bg-white p-4 shadow-sm
{
box-shadow:0 0rem 0rem rgba(0,0,0,0)!important
}
/* ###################### general ###################### */

#header
{
display:block ;
position:relative;
padding:0px;
overflow:hidden;
}
#back
{
margin: 60px 0 0 0;
padding:0px;
background:#ffffff;
}
#contentarea,
#contentarea2
{
position:relative;
overflow:hidden;
padding:0px 0px ;
margin:0;
background: #fff;
}
#wrapper
{
width:100%;
float:left;
position:relative;
}
#wrapper2
{
width:100%;
float:left;
position:relative;
background:#ffffff;
}
#main
{
padding: 0px 0px 20px 0px;
position: relative;
background:#ffffff;
}
#right
{
float:left;
width: 20%;
margin:10px 0px 10px 2%;
padding:0px 0px 5px 0px;
position:relative;
}
.unseen,
.hidelabeltxt
{
display: inline;
height: 0px;
left: -3000px;
position: absolute;
top: -2000px;
width: 0px;
}

/* ###################### header ###################### */

.wrap
{
border: 0;
clear: both;
float: none;
font-size: 1px;
height: 0;
line-height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
h1#logo
{
font-size:1px;
}
#logo
{
padding:0px;
}
#logo img
{
display: block;
}
#logo span
{
padding-left:2px
}
#logo span.header1
{
font-size:0.4em;
display:block;
top:0em;
}
.logoheader
{
padding: 0;
text-align: left;
font-weight: normal;
line-height: 1.5em;
margin: 12px 0px 24px;
background: #fff;
display: none;
width: 100%;
}
div#mobile-navigation
{
display:none;
}
div.desktop-menu-header
{
display:inline-block;
float:left;
width:100%;
height:56px;
text-align:center;
position:fixed;
top:0;
left:0;
z-index:10;
background:#B0AFB0;
}
div.header-menu-wrap
{
display:inline-block;
float:none;
width:1166px;
height:100%;
text-align:left;
}
div.header-menu-left
{
display:inline-block;
float:left;
height:100%;
width:56px;
}
div.header-menu-left div.id-logo
{
width: 100%;
height: 100%;
background: url(../images/ID-Main-Logo-Flat.jpg) no-repeat;
background-size: cover;
}
div.header-menu-left div.id-logo a
{
display:block;
height:100%;
width:100%;
}
div.header-menu-right
{
display:inline-block;
float:right;
height:100%;
width:92%;
max-width:860px;
}
div.header-menu-right ul
{
display:inline-block;
float:left;
height:auto;
width:100%;
list-style-type:none;
margin:0;
padding:0;
}
div.header-menu-right ul li
{
display: inline-block;
float: left;
height: auto;
width: 20%;
margin: 0;
padding:0;
list-style-type: none;
}
div.header-menu-right ul li a
{
display:block;
height:100%;
width:100%;
margin:0;
padding: 0 0 0 15% !important;
color:#fff;
text-decoration:none;
line-height:52px;
font-size:20px;
font-weight:500;
letter-spacing:0.8px;
}
div.header-menu-right ul li:hover a
{
border-bottom:solid 4px #fff;
}
div.header-menu-right ul li ul
{
display:none;
background:#C1C1C0;
padding:0 0 0 0;
margin:0;
width:142%;
margin-left:0%;
overflow: hidden;
}
div.header-menu-right ul li:hover ul
{
display:block;
}
div.header-menu-right ul li:hover ul li
{
border-bottom:solid 0px #C1C1C0;
padding:0px !important;

}
div.header-menu-right ul li ul li
{
width:100%;
}
div.header-menu-right ul li:hover ul li a
{
border-bottom:solid 0px #C1C1C0 !important;
width: 89.5%;
padding:10px 0 10px 10.5% !important;
}
div.header-menu-right ul li:hover ul li.item-1231 a, div.header-menu-right ul li:hover ul li.item-1238 a, div.header-menu-right ul li:hover ul li.item-1247 a
{
padding:10px 0 20px 11.5% !important;
}
div.header-menu-right ul li:hover ul li a:hover
{
background:#B0AFB0;
}
div.header-menu-right ul li ul li a
{
margin:0;
color:#fff;
line-height:30px;
height:30px;
border-bottom:solid 0px #C1C1C0;
background:#C1C1C0;
font-size:20px;
font-weight:300;
}
div#all
{
display: inline-block;
padding-top:56px;
}
div.domain-header
{
margin:60px 0 -50px;
}
p.image-caption
{
font-size: 14px;
margin: -70px 0 80px 0 !important;
padding: 0 0 0 0;
width: 100% !important;
float: none;
display: inline-block;
text-align: right;
max-width: 931px;
}
p.image-caption a
{
font-size:14px;
margin:0 0 0 0;
padding:0 0 0 0;
color:#6B6B6B;
text-align:right;
}
/* ###################### video ###################### */
div.video-wrap video
{
display: inline-block;
width: 100%;
max-width: 100vw;
margin: 60px 0;
height: 100vh;
max-height: 1080px;
}
/* ###################### main ###################### */
div.id-logo-wrap
{
width:11%;
float:left;
}
div.logo-description {
display: inline-block;
float: right;
width: 88%;
text-align: right;
margin-top: 76px;
margin-bottom: 26px;
}
div.communication-design
{
background: url(../images/Communication-Designed-Full-Banner.png) no-repeat top right;
display: block;
height: 42px;
width: 100%;
}
div.projects-managed
{
background: url(../images/Projects-Managed-Full-Banner.png) no-repeat top right;
display: block;
height: 42px;
width: 100%;
}
div.communication-tools
{
background: url(../images/Communication-Tools-Full-Banner.png) no-repeat top right;
display: block;
height: 42px;
width: 100%;
}
div.communication-services
{
background: url(../images/Communication-Solutions-Full-Banner.png) no-repeat top right;
display: block;
height: 42px;
width: 100%;
}

div.cb_template ul.nav-tabs > li.active > a, div.cb_template ul.nav-tabs > li.active > a:hover, div.cb_template ul.nav-tabs > li.active > a:focus 
{
background-color: #f1f1f1 !important;
}
.cb_template {
font-family: 'Nanum Gothic', sans-serif !important;
margin:60px 0 90px !important;
}
div.cb_template img.img-thumbnail {
padding: 0px !important;
border: 0px solid #dddddd !important;
border-radius: 0px !important;
}
div.cb_field.col-sm-9, div.cbPosMiddle.cbColumn5.col-sm-5
{
padding:0px !important;
}
div.cb_template ul.list-group
{
border-radius: 0px !important;
box-shadow: none !important;
border:0px solid #dddddd !important;
margin: 60px 0 90px !important;
}
div.cb_template li.list-group-item:first-child {
border-radius: 0px !important;
border-radius: 0px !important;
padding:30px 0 0 !important;
}
di.vcb_template li.list-group-item:last-child {
border-radius: 0px !important;
border-radius: 0px !important;
padding:30px 0 0 !important;
}
.cb_template .list-group-item {
padding: 30px 0px 0 !important;
border:0px solid #dddddd !important;
}
/* ++++++++++++++  position  ++++++++++++++ */

.items-leading
{
padding:0px 12px 10px 5px;
overflow:hidden;
margin-bottom:10px
}

.row-separator
{
display: block;
clear: both;
margin: 0;
border: 0px;
height:1px
}
.item-separator
{
display: none;
margin: 0px;
}
#top
{
margin:0 0 20px 0;
overflow:hidden
}
/* ++++++++++++++  footer  ++++++++++++++ */
#footer
{
background-color: #ffffff;
margin: 0 auto;
display: block;
max-width: 1024px;
overflow: hidden;
padding: 0px 32px 32px;
}
#bottom
{
overflow:hidden
}
.box
{
width:27%;
float:left;
min-height:100px;
position:relative
}
.box1
{
width:330px;
}
.box2
{
width:330px;
}
.box3
{
float:left;
overflow:visible;
}
#footer-inner
{
background:#ffffff;
max-width:1024px;
width:100%;
margin:0 auto;
font-size:0.8em;
border-left: 1px solid #E0E0E0 !important;
border-right: 1px solid #E0E0E0 !important;
padding:0px 32px;
}
img 
{
border: 0 none;
}

div.m2c{
margin-top:-20px !important;
}

h3
{
font-size:1.4em;
font-weight:normal;
margin:10px 0;
color:#6b6b6b !important;
}

h3 a
{
font-weight:normal;
margin:10px 0;
color:#6b6b6b !important;
}
h3 a:hover
{
font-weight:normal;
margin:10px 0;
color:#0099ce !important;
}

h4
{
font-size:1em;
}

fieldset
{
margin:10px 0 ;
padding:15px 0px;
border:solid 1px
}

p
{
line-height:1.5em;
margin:8px 0;
letter-spacing:1px;
font-size: 18px;
}
div.smoreinfo p
{
line-height:1.5em !important;
margin:8px 0 !important;
letter-spacing:1px !important;
}
div.smoreinfo h2
{
margin-top:2px;
margin-bottom:40px;
}
div.smoreinfo h4
{
margin-top:20px; !important;
margin-bottom:20px; !important;
}
div.item-page p
{
padding-bottom:30px;
}
td p
{
padding-bottom:0px;
}
em
{
}
/* ##########################  header content  ########################### */
#header ul
{
display:table;
margin:0px auto;
text-align:center;
list-style-type:none;
top:0;
right:0px;
width:100%
}

#header ul li a:link,
#header ul li a:visited
{
display:table-cell;
}

#header ul.menu li
{
padding: 6px 0px;
margin: 0;
width: 11%;
display:table-cell;
border-right: 1px solid #eae8e8;
color:#6b6b6b;

}

#header ul.menu li a:link,
#header ul.menu li a:visited
{
text-decoration:none;
margin:0 ;
color:#6b6b6b;
width:100%;
display:block;
}

/* ##########################  main  ########################### */

/* ++++++++++++++  main general  ++++++++++++++ */

#main h1
{
padding: 20px 5px;
font-size:22px;
line-height:1.19em;
font-weight:normal;
margin:0 -5px 10px -5px;
text-transform:lowercase;
}
#main h2
{
font-size: 36px;
font-weight:normal;
text-transform:lowercase;
padding:0px 0 16px;
font-weight:300;
width:100%;
}
#main h2 a
{
text-decoration:none;
font-size:22px;
text-transform:lowercase;
}
#main h3,
#main h3 a
{
margin:20px 0 10px;
font-weight:500;
}
.item
{
padding:0px 5px 10px 5px;
display:block
}
.item h2
{
margin:0 0px 10px 0px
}
.item-page
{
padding:0 5px;
display:block;
overflow:hidden
}
#main ul
{
list-style-type:none;
margin: 10px 0 30px 0px;
display: inline-block;
}
#main ul.dropdown-menu
{
display: none;
}
#main ul li
{
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 10px;
}
div.bullets-box ul
{
padding:0 !important;
margin: 0 !important;
color:#777 !important;
}
div.smoreinfo ul li
{
float: left !important;
width: 100% !important;
text-align: left !important;
padding-left: 30px;
line-height:36px;
margin-left: 0px;
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 8px;
}
div.smoreinfo ol li
{
display:inline-block !important;
float:left !important;
width:100% !important;
line-height: 280pxpx !important;
text-align: left !important;
list-style-type: disc !important;
padding-left: 10px !important;
}
div.smoreinfo ul li a, div.smoreinfo ol li a
{
display:inline-block !important;
}
#main ol
{
padding:0 0 0 20px;
margin:10px 0 10px 0px;
list-style-position:outside;
}
div.smoreinfo ol
{
padding:0 0 0 20px !important;
list-style-position:outside!important;
padding:0!important;
line-height:1.7em!important;
margin: 0!important;
}

#main ul li, #main ol li {
padding: 8px 0 0 40px;
line-height: 1.7em;
margin: 0;
}

#main .category-list h1
{
margin-left:-5px;
margin-right:-5px;
}

.categories-list
{
padding:0 5px
}

#main .categories-list ul
{
margin:0px 0 0 20px;
padding:0
}

#main .categories-list ul li
{
padding: 5px;
}

#main .categories-list ul ul
{
margin-left:15px
}

/* ++++++++++++++  leading  ++++++++++++++ */

#main .items-leading h2
{
font-size:1.4em;
font-weight:normal;
padding:5px 0px
}

/* ++++++++++++++  readmore  ++++++++++++++ */

#main .readmore a
{
font-weight:bold;
padding:2px 5px 2px 10px;
display:inline-block;
margin-top:5px;
text-decoration:none
}

#main a.readmore:link,
#main a.readmore:visited
{
padding:4px 5px 4px 10px ;
line-height:1.2em;
text-decoration:none;

}
fieldset.invoicesfieldset {
padding: 0px;
border: none;
border-top: none;
}
a.readmore:hover,
a.readmore:active,
a.readmore:focus
{
text-decoration:none
}

#main .readmore a:hover,
#main .readmore a:active,
#main .readmore a:focus
{
text-decoration:none;
}

/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination
{
margin:10px 0 ;
padding:10px 0 10px 0px;
clear:both;

}
#main form div.pagination
{
margin:0px 0 ;
padding:20px 0 0px 0px;
clear:both;
}
#main .pagination ul
{
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

#main .pagination li
{
display:inline;
padding:2px 5px;
text-align:left;
border:solid 1px #eee;
margin:0 2px
}

.pagenav
{padding:2px; clear:both;}

#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev
{border:0}

#main .pagination li.pagination-start ,
#main .pagination li.pagination-start  span
{
padding:0

}
p.counter
{
font-weight:bold;
}

/* ########################## search ############################ */
.searchintro
{
font-weight:normal;
margin:20px 0 20px;
}

#searchForm,
#finder-search
{
padding:0 5px
}

.form-limit
{
margin:20px 0 0;
text-align:right;
padding:0 10px 0 20px;
}

.inputbox:focus
{

}

.highlight
{
font-weight:bold;
}

.ordering-box
{
width:40%;
float:right;
}

.phrases-box
{
width:60%;
float:left
}

.only,
.phrases
{
margin:10px 0 0 0px;
padding:15px ;
line-height:1.3em;
}

label.ordering
{
display:block;
margin:10px 0 10px 0
}

.word
{
padding:10px 10px 10px 0;
}

.word input
{
height:20px;
padding-right: 14px;
padding-left: 14px;
paddin-bottom:6px;
padding-top:6px;
margin-bottom: 0;
}
.word button.button
{
margin-top:-4px !important;
padding-top:3px;
padding-bottom:3px;
}

.word input:focus
{
}

.word label
{
font-weight:bold;
letter-spacing: 1px;
}

fieldset.only label,
fieldset.phrases label
{
margin:0 10px 0 0px;
letter-spacing: 1px;
}

.ordering-box label.ordering
{
margin:0 10px 5px 0;
float:left;
letter-spacing: 1px;
}


form .search label,
form .finder label
{
display:none
}

form #finder-filter-select-list label
{
display:block;
margin-top: 10px;
margin-bottom: 2px;
}


/* ++++++++++++++  search results  ++++++++++++++++++ */

dl.search-results
{
letter-spacing: 1px;

}

dl.search-results dt.result-title
{
padding:15px 15px 0px 5px;
font-weight:bold;
letter-spacing: 1px;
}

dl.search-results dd
{
padding:2px 15px 2px 5px;
letter-spacing: 1px;

}

dl.search-results dd.result-text
{
padding:10px 15px 10px 24px;
line-height:1.7em;
letter-spacing: 1px;
font-style:italic;
}

dl.search-results dd.result-url
{
font-size:90%;
padding:2px 15px 15px 5px;
}

dl.search-results dd.result-created
{
padding:2px 15px 15px 24px;
font-style:none;
}

dl.search-results dd.result-category
{
padding:16px 15px 5px 24px;
font-style:none;
}


dl.tabs {
float: left;
margin: 0px 0 0 0;
z-index: 50;
clear:both;


}

dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
margin-right: 3px;
background: #ffffff;
color: #6b6b6b !important;
text-transform:lowercase;
}

dl.tabs dt.open {
background: #ffffff;
z-index: 100;
color: #000;

}

.contact .inputbox,
{
width:340px;

}

div.current {
clear: both;
border: 1px solid #e0e0e0;
}


div.current dd {
padding: 0;
margin: 0;
}

dl#content-pane.tabs {
margin: 1px 0 0 0;
}

/*#################### tables ############################ */

table
{
border-collapse:collapse
}

table.weblinks,
table.category

{
font-size:1em;
margin:10px 10px 20px 0px;
width:99%;
}

table.weblinks td
{
border-collapse:collapse;
}

table.weblinks td,
table.category td

{
padding:7px;
}

table.weblinks th,
table.category th

{
padding:7px;
text-align:left
}

td.num
{
vertical-align:top;
text-align:left;
}

td.hits
{
vertical-align:top;
text-align:center
}

td p
{
margin:0;
line-height:1.3em
}

.filter
{
margin:10px 0
}

.display-limit,
.filter
{
text-align:right;
margin-right:7px
}




/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img
{
padding:2px 10px
}

.filter-search
{
float:left;

}
.filter-search .inputbox
{width:6em}

legend.element-invisible
{
position:absolute;
/* need margin top and left doesn't work for the legend element */
margin-left:-3000px;
margin-top:-3000px;
height:0px;
}

.cat-items
{
margin-top:20px
}
/* #################### main banner idea intro ##################### */
div.id-toggle-module.video-showcase-wrap
{
text-align:center;
height:100vh;
border-bottom: 0px solid #eae8e8;
margin-bottom:60px;
padding-bottom:0px;
}
div.main-menu-wrap a.scroll-down
{
width: 100%;
margin: 0;
padding:0;
display:block;
color:initial;
height: 100%;
}
div.id-toggle-module.banner-call
{
text-align:center;
height:100%;
border-bottom: 0px solid #eae8e8;
margin-bottom: 0;
display:inline-table;
}
div.vertical-center
{
display:table-cell;
height:100%;
width:100%;
margin:0;
padding:0;
vertical-align: middle;
}
div.id-toggle-module.banner-call p
{
width: 80%;
margin: 0 10%;
font-size: 24px;
margin-top: 30px;
font-weight: 300;
}
div.id-toggle-module.aboutid
{
text-align:center;
height:640px;
border-bottom: 0px solid #eae8e8;
margin-bottom: 0;
}
div.id-toggle-module.aboutid p
{
width: 80%;
margin: 0 10%;
font-size: 24px;
margin-top: 30px;
font-weight: 300;
}
div.products-main-image
{
display: inline-block;
float: none;
width: 1166px;
height: 100%;
text-align: left;
}
div.services-main-image
{
display: inline-block;
float: none;
width: 1166px;
height:auto;
text-align: left;
}
div.id-toggle-module.banner-call div.services-main-image img
{
width:60%;
margin:60px 20%;
display:inline-block;
padding:0;
float:none;
}
div.id-toggle-module.pt-head
{
border-bottom: 0px solid #eae8e8;
margin-bottom: 0;
text-align:center;
margin-top: 30px;
}
span.light-up
{
background: url(../images/Idea-intro-hover.png)no-repeat;
height: 202px;
width: 145px;
display: inline-block;
background-size: 150px;
background-position: -8px 0;
}
a.scroll-down:hover span.light-up
{
background: url(../images/Idea-intro-hover.png)no-repeat;
height: 202px;
width: 145px;
display: inline-block;
background-size: 150px;
background-position: -8px -235px;
}
div.showcase-wrap
{
display:inline-block;
width:100%;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
z-index:1;
margin-top: 200px;
}
div.video-wrap
{
display:inline-block;
width:100%;
margin:0;
padding:0;
position:absolute;
top:0;
z-index:2;
left:0;
height: 100vh;
max-height:1080px;
}
div.big-blue-logo
{
display:inline-block;
width:100%;
margin:0 0 60px 0;
padding:0;
background:url(../images/Big-Blue-Logo.png) no-repeat;
background-position:50%;
height:320px;
}
/* #################### partners page ##################### */
div.partners
{
width:100%;
display:inline-block;
padding:0;
margin:0;
float:left;
}
div.partners-row
{
width:100%;
display:inline-block;
padding:0;
margin:0;
float:left;
}
div.partners-row a
{
width:21%;
display:inline-block;
padding:0;
margin:0 2% 30px;
float:left;
text-align:center;
}
div.partners-box
{
height:200px;
}
div#agg.partners-box
{
background:url(../images/AGG-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#agg.partners-box:hover
{
background:url(../images/AGG-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}

div#arc-and-crown.partners-box
{
background:url(../images/Arc-And-Crown-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#arc-and-crown.partners-box:hover
{
background:url(../images/Arc-And-Crown-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#bnih.partners-box
{
background:url(../images/BNI-H-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#bnih.partners-box:hover
{
background:url(../images/BNI-H-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}

div#bni.partners-box
{
background:url(../images/BNI-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#bni.partners-box:hover
{
background:url(../images/BNI-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}

div#bite.partners-box
{
background:url(../images/Bite-Dental-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#bite.partners-box:hover
{
background:url(../images/Bite-Dental-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#black-cap.partners-box
{
background:url(../images/BCAP-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#black-cap.partners-box:hover
{
background:url(../images/BCAP-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#cartotype.partners-box
{
background:url(../images/Cartotype-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#cartotype.partners-box:hover
{
background:url(../images/Cartotype-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#cppo.partners-box
{
background:url(../images/The-CPPO-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#cppo.partners-box:hover
{
background:url(../images/The-CPPO-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#crozier.partners-box
{
background:url(../images/Crozier-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#crozier.partners-box:hover
{
background:url(../images/Crozier-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#fletcher.partners-box
{
background:url(../images/Fletcher-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#fletcher.partners-box:hover
{
background:url(../images/Fletcher-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#junction.partners-box
{
background:url(../images/Junction-Craft-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#junction.partners-box:hover
{
background:url(../images/Junction-Craft-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#lidopools.partners-box
{
background:url(../images/Lido-Pools-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#lidopools.partners-box:hover
{
background:url(../images/Lido-Pools-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#mccann.partners-box
{
background:url(../images/McCann-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mccann.partners-box:hover
{
background:url(../images/McCann-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#mistango.partners-box
{
background:url(../images/MRR-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mistango.partners-box:hover
{
background:url(../images/MRR-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#mjgrant.partners-box
{
background:url(../images/MJ-Grant-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mjgrant.partners-box:hover
{
background:url(../images/MJ-Grant-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#mowitall.partners-box
{
background:url(../images/Mowitall-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mowitall.partners-box:hover
{
background:url(../images/Mowitall-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#prepaid.partners-box
{
background:url(../images/Prepaid-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#prepaid.partners-box:hover
{
background:url(../images/Prepaid-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#propeller.partners-box
{
background:url(../images/Propeller-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#propeller.partners-box:hover
{
background:url(../images/Propeller-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#rockcraft.partners-box
{
background:url(../images/RockCraft-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#rockcraft.partners-box:hover
{
background:url(../images/RockCraft-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#ronica.partners-box
{
background:url(../images/Ronica-Cooks-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#ronica.partners-box:hover
{
background:url(../images/Ronica-Cooks-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#sherpa.partners-box
{
background:url(../images/Sherpa-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#sherpa.partners-box:hover
{
background:url(../images/Sherpa-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#scotland.partners-box
{
background:url(../images/SOS-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#scotland.partners-box:hover
{
background:url(../images/SOS-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#teachers.partners-box
{
background:url(../images/Teachers-Life-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#teachers.partners-box:hover
{
background:url(../images/Teachers-Life-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#theatro.partners-box
{
background:url(../images/Theatromania-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#theatro.partners-box:hover
{
background:url(../images/Theatromania-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#thmade.partners-box
{
background:url(../images/THMade-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#thmade.partners-box:hover
{
background:url(../images/THMade-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}

div#thi.partners-box
{
background:url(../images/THI-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#thi.partners-box:hover
{
background:url(../images/THI-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}

div#toothtales.partners-box
{
background:url(../images/Tooth-Tales-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#toothtales.partners-box:hover
{
background:url(../images/Tooth-Tales-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#trilly.partners-box
{
background:url(../images/Trillium-Sales-Group-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#trilly.partners-box:hover
{
background:url(../images/Trillium-Sales-Group-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}

div#urban.partners-box
{
background:url(../images/Urban-Farming-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#urban.partners-box:hover
{
background:url(../images/Urban-Farming-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#play.partners-box
{
background:url(../images/Play-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#play.partners-box:hover
{
background:url(../images/Play-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#landmark.partners-box
{
background:url(../images/Landmark-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#landmark.partners-box:hover
{
background:url(../images/Landmark-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#spacer.partners-box:hover
{
background:transparent;
}

/* #################### footer ############################ */
#footer-sub
{
padding:0px;
margin-bottom:24px;
}

#footer-outer
{
padding:0;
}

.box
{
text-align:left
}

.box ul
{
list-style-type:none
}

#bottom .newsfeed-item
{
padding:0;
margin-bottom:10px
}

.box .moduletable_menu,
.box .moduletable
{
margin:10px
}

.box3
{
padding-left:10px;
float:left;
}

.box h3
{
font-size:1.3em
}

#bottom ul.latestnews
{
padding-left:0
}

#footer p
{
font-size:0.8em;
margin:0
}

p.syndicate
{
float:left;
display:block;
text-align:left;
}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */
p.error
{
padding:10px;
}

/* ++++++++++++++  editor  ++++++++++++++ */
.contentpaneopen_edit
{
float: left;
}

.contentpaneopen_edit img
{

}

a.mceButton:hover  {background:none !important}

/* ++++++++++++++  pagebreak  ++++++++++++++ */
table.contenttoc
{
padding:10px;
margin:10px;
}

table.contenttoc tr td
{
padding:1px 0px
}

.pagenavcounter
{
font-weight:bold;
}


/* ++++++++++++++  edit  ++++++++++++++ */
legend
{
padding:3px 5px;
}

form#adminForm
{

}

.edit form#adminForm fieldset
{
padding:20px 15px;
margin:10px 0 15px 0;
}

.formelm
{
margin:5px 0
}


.formelm label
{
width:13em;
display:inline-block;
vertical-align:top;
}

form#adminForm .formelm-area
{
padding:5px 0
}

form#adminForm .formelm-area label
{
vertical-align:top;
display:inline-block;
width:7.9em
}

.formelm-buttons
{
text-align:right;
margin-bottom:10px
}

.button2-left
{

}

a.modal-button,
.button2-left .blank a,
.button2-left a,
.button2-left div.readmore a
{background:#eee;
padding:4px !important;
margin:0 !important;
line-height:1.2em; border:solid 1px #ddd;
font-weight:bold; text-decoration:none;
margin-top:10px !important}

/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip
{
font-size:0.8em;
text-align:left;
padding:3px;
max-width:400px
}
.tip-title
{
font-weight:bold;
}

/* #################### modules ############################ */

/* ++++++++++++++  login  ++++++++++++++ */

#login-form
{
padding-top: 5px;
margin: 0 auto;
width: 30%;
padding: 30px;
}
#login-form li
{
background:transparent !important;
}
#login-form input
{
margin-bottom:20px;
}
#login-form fieldset
{
padding:0
}
#login-form .inputbox
{
padding:2px
}
#login-form fieldset.input
{
padding:10px 0 0 0;
margin:0px 0 10px 5px
}
#login-form label
{
margin-right:10px;
width:8.4em;
display:block;
float:left
}
#modlgn-username, #modlgn-passwd
{
width: inherit !important;
}
#form-login-remember label
{
float:none;
width:auto;
display:inline
}
.logout-button
{
margin-top:10px
}
form#adminForm
{
margin-bottom:0px;
}
fieldset.checkboxes
{
padding:0px;
}
div.formelm-buttons.btn-toolbar
{
float:right;
width:300px;
margin-bottom:-56px;
margin-top:12px;
}
ul.unstyled
{
list-style-type:none !important;
padding-left:0px !important;
}
ul.unstyled li
{
padding:12px !important;
}
button, input.button,
button.button,
button.validate
{
cursor: pointer;
color: #ffffff;
background-color: #0099CE;
display: inline-block;
padding: 12px 24px;
margin-top: 4px;
font-size: 16px;
line-height: 24px;
text-transform: lowercase !important;
text-align: center;
vertical-align: middle;
border: none;
font-weight: 400;
}

button:hover, input.button:hover,
button.button:hover,
button.validate:hover
{
background: #98CA3D !important;     
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input.form-control,
.uneditable-input {
display: inline-block;
padding: 4px 6px;
font-size: 13px;
line-height: 24px;
color: #6B6B6B;
margin: 0px 4px 4px 0px;
border: none;
background: #eee;
}
input.form-control
{
display: inline-block;
padding: 12px 44px 13px;
font-size: 13px;
line-height: 24px;
color: #6B6B6B;
margin: 3px 4px 4px 0px;
border: none;
background: #eee;
}
button.btn.btn-purchase.search-form-button
{
margin-top:1px;
}
:-webkit-autofill
{
background-color:#ffffff !important;
}
div.domain-search-wrapper
{
margin-top:20px;
}
form hr
{
display: block;
-webkit-margin-before:0px !important;;
-webkit-margin-after:0px  !important;
-webkit-margin-start: !important;
border-style:none !important;
border-width: 0px !important;
}
{
color:#ffffff;
background-color: #0099CE !important;   
}

#modlgn-username,
#modlgn-passwd
{
width:9em
}

.module_content #form-login-username label,
.module_content #form-login-password label
{
float:left;
width:5.2em
}

.login-fields
{
margin:10px 0
}

.login-fields label
{
float:left;
width:9em
}

.login-description img,
.logout-description img
{
float:left;
margin-right:20px
}

.login-description,
.logout-description
{
overflow:hidden;
padding-left:5px;
margin:20px 0 10px 0
}

.logout-description
{
margin-bottom:20px
}



/* ++++++++++++++  tabs/ slide  ++++++++++++++ */

ul.tabs
{
overflow:hidden;
padding:0 !important;
margin:0 !important
}

.tabopen ul.newsflash-horiz,
.tabopen ul.newsflash-vert,
.tabopen ul.latestnews
{
margin:0 !important;
padding:0 !important;
}

.tabopen ul.newsflash-horiz li,
.tabopen ul.newsflash-vert li
{
padding:0 6px !important;
}

ul.tabs li
{
list-style-type:none;
float:left;
width:auto;
padding:0;
display:block;
margin:0;
font-size:1em;
}

ul.tabs li a:link,
ul.tabs li a:visited
{
text-decoration:none;
padding:7px 5px;
margin:0px ;
display:block;
font-size:0.9em;
font-weight:normal;
}

ul.tabs li a.linkopen:link,
ul.tabs li a.linkopen:visited
{
font-weight:bold;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
text-decoration:underline;
}

.tabcontent
{
padding:15px 10px;
margin-top:-1px;

}

.tabcontent:focus
{
outline:none
}

.tabopen
{
display:block;
margin-bottom:20px;
overflow:hidden
}

.tabclosed
{
display:none
}

.tabcontent ul
{
padding:0
}

.tabcontent ul li
{
list-style-type:none
}

.tabcontent .linkclosed
{

}

a.linkopen
{

}

.tabouter
{
margin-top:20px
}


.module_content
{border:solid 1px #000;
padding:10px}

/* ++++++++++++++  random  ++++++++++++++ */

#right .random-image,
#nav .random-image
{
margin-top:10px;
margin-left:10px
}



/* ++++++++++++++  content-module ++++++++++++++ */
.category-module li
{
padding:5px 0 5px 0
}

.category-module span
{
display:block;
font-size:0.85em;
}

.category-module a span
{
display:inline
}

a.mod-articles-category-title
{
text-decoration:none;
font-weight:bold
}



/*-------------------------------*/

.australia
{
margin:0px 0;
padding:10px 65px 10px 10px;
}

.australia h3
{
font-size:1.4em;
}

.australia a
{
font-weight:bold
}

.australia p
{
line-height:1.4em
}

/* ###########  Categories list ############ */
#main .categories-listalphabet ul
{
padding:0;
margin:20px 10px 10px 0;
list-style-type:none;
list-style-position:inside
}
#main .categories-listalphabet ul li
{
display :inline;
padding:5px;
border-right:solid 1px #ddd
}


#main .categories-list ul
{
list-style-type:none;
margin:0
}
#main .categories-list dl dt,
#main .categories-list dl dd
{
display:inline
}

#main .cat-children
{
padding-left:5px
}
#main .cat-children ul dl dt,
#main .cat-children ul dl dd
{ display:inline}

#main .cat-children ul
{
list-style-type:none;
margin:0;
padding:0;
}
#main .cat-children ul
{
margin:20px 20px 20px 0;
}
#main .cat-children ul ul
{
margin:20px
}
#main .cat-children ul li
{
margin:10px 0 10px 0
}
div.landing-page-walkthrough
{
margin-bottom:60px;
}
div.landing-page-walkthrough div.image-box
{
width:30%;
float:left
}
div.landing-page-walkthrough div.image-box img
{
width:100%;
}
div.landing-page-walkthrough div.paragraph-box
{
width:65%;
float:right;
margin:0;
}
/* mod stats  */


.stats-module dl
{
margin:10px 0 10px 0
}
.stats-module dt
{
float:left;
margin:0 10px 0 0;
font-weight: bold;
}
.stats-module dt,
.stats-module dd
{
padding:2px 0 2px 0
}
/* syndicate */

a.feed-link
{
margin-top:15px;
display:block;
text-decoration:none
}

.feed-link img
{border:0}
/* pagenav */
#main ul.pagenav {
list-style-type:none;
padding: 14px 0 0 0;
overflow:hidden
}
ul.pagenav li
{
display:inline-block;
margin:0;
position:relative;

}

#main ul.pagenav li
{

}

ul.pagenav li a
{
display:inline;
padding:2px;
text-decoration:none;

}
ul.pagenav li.pagenav-prev a
{
background:url(../images/left-chevron.png)  no-repeat !important;
margin-left:280px;
font-size:1.3em;
padding-right:40px !important;
color:#ffffff;
overflow:visible !important;

}	
ul.pagenav li.pagenav-next a
{
background:url(../images/right-chevron.png) no-repeat !important;
padding-left:24px !important;
font-size:1.3em;
color:#ffffff;
}
ul.pagenav li.pagenav-prev a:hover
{
background:url(../images/left-chevron-hover.png) no-repeat !important;
color:#f26a24;
padding-right:40px !important;
}	
ul.pagenav li.pagenav-next a:hover
{
background:url(../images/right-chevron-hover.png) no-repeat !important;
padding-left:none !important;
color:#98CA3D;
}
/* pagebreak */

#article-index
{
width:25%;
float:right;
border:solid 1px #eee;
padding:10px;
margin: 10px 0px 20px 30px;
background:#f9faf9
}
#article-index h3
{
margin:0;
font-size:1em;


}

#article-index ul
{
list-style-type:disc;
color:#666
}


/* mailto window */


#mailto-window
{
background:#f5f5f5;
padding:15px;
border:solid 1px #ddd;
position:relative
}
#mailto-window label
{
width:10em
}

.mailto-close
{
position:absolute;
right:0;
top:5px;
background:none;




}


.mailto-close a
{
background:#f5f5f5 url(../images/close.png) no-repeat !important;
min-width:25px;
display:block;
min-height:25px;
overflow:visible
}

.mailto-close a  span
{
position:absolute;
left:-3000px;
top:-3000px;
display:inline

}
#mailto-window  .inputbox
{
background:url("../images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #ccc;
padding:3px;
}

#mailto-window p
{
margin-top:20px
}

#mailto-window button
{
margin:0 5px 0 0
}

.clr{
clear:both;
}

/* for the spacer field*/
span.spacer > span.text label {
white-space: nowrap;
font-weight: bold;
color: #666;
}
.red {
font-weight: bold;
color: #c00;
}

.star {
color:#cc0000;
}

/* ++++++++++++++  news feeds direction ++++++++++++++ */

.redirect-ltr {
direction: ltr;
text-align: left;
}

.redirect-rtl {
direction:rtl;
text-align: right;
}
#main h3.title,
#main2 h3.title,
#main dl.tabs h3,
#main2 dl.tabs h3,
#main dl.tabs a:active,
#main2 dl.tabs a:active,
#main dl.tabs h3 a,
#main2 dl.tabs h3 a{
color:6b6b6b !important;
margin:0;
}

#main dl.tabs a:hover,
#main2 dl.tabs a:hover,
{
color:0099ce !important;
margin:0;
}

/* ++++++++++++++  feed display module ++++++++++++++ */

div.feed {
display:block;
padding: 5px 10px;
}

/* ++++++++++++++  image float style ++++++++++++++ */
.img-fulltext-left {
float:left;
margin-right: 20px;
margin-bottom: 20px;
}

.img-intro-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.img-fulltext-right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.img-intro-right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

div.mobile-menu-button-container
{
display:none;
}
html
{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html * 
{
max-height:1000000px;
}
div.custommobile-toggle
{
display:none !important;
}
div.smoreinfo p {
line-height: 1.5em !important;
margin: 8px 0 !important;
letter-spacing: 1px !important;
height: auto;
}
div#mobile-navigation b
{
display:none!important;
}
.cb_template ul.dropdown-menu > li, .cb_template ul.nav > li
{
padding: 0 !important;
margin: 0 !important;
background: none !important;
width: auto;
float: left;
}
.cb_template ul.dropdown-menu > li, .cb_template ul.nav
{
display:inline-block;
width: 100%;
}
div.cbMenuList ul.cbMenuULlist.list-group li
{
padding: 0 !important;
margin: 0 !important;
background: none !important;
}
label#cblabcbfv_29, div.text-center.text-small.content-spacer
{
display:none !important;
}
img.service-intro
{
width: 25.4%;
max-width: 360px;
height: auto;
padding-right: 6.6%;
margin-left: -1.4%;
margin-right: 1.1%;
}
table.pricing-table h2
{
font-size:36px !important;
font-weight:300!important;
width:100% !important;
}
/* ########################## downloads table  ########################### */

table.files-download-table
{
width:100%;
}
able.files-download-table p
{
line-height: 42px;
}
th#files-col-1, td#files-col-1
{
width:30%;
text-align:left;
padding:20px 0%;
border-bottom: 1px solid #CCC;
}
th#files-col-2, td#files-col-2
{
width:40%;
text-align:left;
padding:20px 0%;
border-bottom: 1px solid #CCC;
}
th#files-col-3, td#files-col-3
{
width:15%;
text-align:left;
padding:20px 0%;
border-bottom: 1px solid #CCC;
}
th#files-col-4, td#files-col-5
{
width:7%;
text-align:left;
padding:20px 0%;
border-bottom: 1px solid #CCC;
}
td#files-col-4
{
border-bottom: 1px solid #CCC;
}
th#files-col-5
{
width:8%;
text-align:left;
padding:20px 0%;
border-bottom: 1px solid #CCC;
}
td#files-col-5
{
width:8%;
text-align:center;
padding:20px 0%;
border-bottom: 1px solid #CCC;
}
td#files-col-5 img
{
width: 48px;
}
/* ########################## walk through boxes  ########################### */
div.id-walkthrough
{
width:100%;
display:inline-block;
float:left;
}
a.Design, a.Development, a.Support, a.Manage, a.Secure, a.Hosting,
a.Optimize, a.OfficeTools, a.Backup, a.about-id
{
width: 26%;
display: inline-block;
float: left;
margin-right: 4%;
}
a.Design, a.Development, a.Support, a.Manage
{
display:none !important;
}
a.shared-hosting,a.vps-hosting,a.dedicated-hosting,a.domain-names,a.ssls,
a.malware-protect,a.workspace-webmail,a.calendars,a.cloud-storage,a.seoz,
a.email-marketing,a.managed-wordpress, a.Optimize.ation
{
width: 28%;
display: inline-block;
float: left;
margin-right: 7%;
}
div.id-services-nav
{
width: 28%;
display:inline-block;
float:left;
margin:0;
margin-right: 7%;
padding:0;
}
div.id-services-design
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0;
background:url(../images/id-service-nav-design-hover.png),url(../images/id-service-nav-hover.png);
background-size:contain;
height:220px;
background-repeat: no-repeat;
}
div#samdesign div.inactive, div#samdevelop div.inactive, div#samsupport div.inactive, div#sammanage div.inactive
{
display:none !important;
}
div.id-services-design.inactive
{
background:url(../images/id-service-nav-design.png),url(../images/id-service-nav.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-design:hover
{
background:url(../images/id-service-nav-design.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-development
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0; 
background:url(../images/id-service-nav-develop-hover.png),url(../images/id-service-nav-hover.png);
background-size:contain;
height:220px;
background-repeat: no-repeat;
}
div.id-services-development.inactive
{
background:url(../images/id-service-nav-develop.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-development:hover
{
background:url(../images/id-service-nav-develop.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-management
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0;
background:url(../images/id-service-nav-manage-hover.png),url(../images/id-service-nav-hover.png);
background-size:contain;
height:220px;
background-repeat: no-repeat;
}
div.id-services-management.inactive
{
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-management:hover
{
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-support
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0;
background:url(../images/id-service-nav-support-hover.png),url(../images/id-service-nav-hover.png);
background-size:contain;
height:220px;
background-repeat: no-repeat;
}
div.id-services-support.inactive
{
background:url(../images/id-service-nav-support.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-support:hover
{
background:url(../images/id-service-nav-support.png),url(../images/id-service-nav-hover.png);
background-size:contain;
background-repeat: no-repeat;
}
div.id-services-design:hover, div.id-services-development:hover, div.id-services-management:hover, div.id-services-support:hover
{
background-blend-mode: color-burn;
}
div.id-services-nav div.button-wrap
{
width: 100%;
display:table-cell;
text-align:center;
vertical-align:middle;
float:left;
margin:0;
padding:0;
opacity:0;
}
div.id-services-nav div.button-wrap:hover
{
opacity:1;
}
div.button-wrap a
{
font-size: 40px;
font-weight:500;
text-transform:lowercase;
color:#fff;
display:block;
width:100%;
height:100%;
padding: 80px 0;
}
div.paragraph-box
{
width:60%;
display:inline-block;
float:left;
}
div.bullets-box
{
width: 60%;
display: inline-block;
float: left;
padding-left: 30.2%;
}
div#design.id-walkthrough div.paragraph-box, div#development.id-walkthrough div.paragraph-box,
div#support.id-walkthrough div.paragraph-box, div#manage.id-walkthrough div.paragraph-box
{
width:60%;
}
a.Design
{
background:url(/images/Design-Screen-Shot.png) no-repeat;
background-size: contain;
height: 400px;
background-position: 50% 0%;
}
a.about-id
{
background:url(/images/Ideas-To-Life.png) no-repeat;
background-size: contain;
height: 800px;
background-position: 50%;
}
a.Development
{
background: url(/images/Development-Screen-Shot.png) no-repeat;
background-size: contain;
height: 400px;
background-position: 50% 0%;
}
a.Support
{
background:url(/images/Support-Screen-Shot-sm.png) no-repeat;
background-size: contain;
height: 400px;
background-position: 50% 0%;
}
a.Manage
{
background:url(/images/Manage-Screen-Shot.png) no-repeat;
background-size: contain;
height: 380px;
background-position: 50% 0%;
}
div.customdesktop-toggle a.Design, div.customdesktop-toggle a.Development, div.customdesktop-toggle a.Manage,
div.customdesktop-toggle a.Support
{
background-position: 50% 20%;
}
a.Secure
{
background:url(/images/Sitelock-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.Hosting
{
background:url(/images/Cpanel-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.Backup
{
background:url(/images/Recurring-Backup-Service-Screen.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.Optimize
{
background:url(/images/SEO-Screen-Shot.png) no-repeat;
background-size: contain;
height: 380px;
background-position: 50%;
}
a.OfficeTools
{
background: url(/images/Cloud-Office.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}


a.shared-hosting
{
background: url(/images/Shared-Hosting-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.vps-hosting
{
background: url(/images/VPS-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.dedicated-hosting
{
background: url(/images/Dedicated-Server-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.domain-names
{
background: url(/images/Domain-Manager-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.ssls
{
background: url(/images/SSL-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.malware-protect
{
background: url(/images/Sitelock-Dashboard-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.workspace-webmail
{
background: url(/images/Webmail-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.calendars
{
background: url(/images/Calendar-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.cloud-storage
{
background: url(/images/Cloud-Based-File-Manger-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.seoz
{
background: url(/images/SEO-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.email-marketing
{
background: url(/images/Email-Builder-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.managed-wordpress
{
background: url(/images/Wordpress-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.closex
{
width: 30px;
height: 30px;
background: url(../images/closex.png) no-repeat;
background-size: cover;
display: inline-block;
float: right;
position: relative;
bottom: -40px;
opacity: 0.6;
}
 
a.closeup
{
width: 100%;
height: 24px;
background: url(../images/closeup.png) no-repeat;
background-size: 40px;
display: inline-block;
float: none;
margin: 0 auto;
opacity: 0.6;
background-position: 50% -16px;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
a.closex:hover, a.closeup:hover
{
opacity: 0.8;
}
/* ##########################  main menus  ########################### */
ul#ceTabTabs, div#basic-details,div.requiredsign,form#searchForm button,
dl.article-info,a#cefeedback, div.icons ul.dropdown-menu, div.ce-contact-email-copy-container, div#ce-contact-31 div.page-header
{
display:none !important;
}
.inputbox.required {
background-image:none !important;
}
.cemap_container
{
margin-bottom:40px;
margin-top: 20px;
}
div.ce-fltltr [class*="ce-fltwidth"]
{
float: right;
width: 100%;
text-align: right;
margin-top: 0px;
}
label.requiredField {
font-weight: normal;
text-align: left;
}
div#ce-cf-container-1
{
width:32%;
}
div#ce-cf-container-2
{
width:32%;
margin-top: -102px;
}
div#ce-cf-container-4 textarea
{
width: 79% !important;
height: 152px !important;
float: left;
margin: 0px;
padding: 0px;
}
div#ce-cf-container-4
{
width: 66%;
padding-right: 2%;
}
div#ce-cf-container-3
{
width: 32%;
margin-top: -42px;
margin-bottom: 40px;
}
div#ce-cf-container-1 input,div#ce-cf-container-2 input,div#ce-cf-container-3 input
{
width: 60%;
}
label#lcf_4
{
display: block;
width: 20%;
float: left;
}
label.cf-label {
display: block;
width: 30%;
float: left;
}

li.item-435, li.item-532, li.item-682
{
border-left: 1px solid #eae8e8;
}
#header ul
{
display:table;
margin:0px auto;
text-align:center; 
list-style-type:none;
top:0;
right:0px;
width:100%;
padding-bottom: 20px;
}

#header ul li a:link,
#header ul li a:visited
{
display:table-cell;
}
#header ul.menu li
{
padding: 6px 0px;
margin: 0;
width: 11%;
display: table-cell;
border-right: 1px solid #eae8e8;
color: #6b6b6b;
font-size: 18px;
letter-spacing: 1px;
}

#header ul.menu li a:link
{
text-decoration:none;
margin:0 ;
color:#6b6b6b;
width:100%;
display:block;
}

/* ##################### blue hover ###################### */

li.item-435:hover, li.item-478:hover, li.item-481:hover, li.item-532:hover, li.item-603:hover,
li.item-682:hover, li.item-701:hover, li.item-435:hover a, li.item-478:hover a, li.item-481:hover a,
li.item-532:hover a, li.item-603:hover a, li.item-682:hover a, li.item-701:hover a,
li.item-475:hover, li.item-479:hover, li.item-601:hover, li.item-792:hover,
li.item-660:hover, li.item-668:hover, li.item-475:hover a, li.item-479:hover a,
li.item-601:hover a, li.item-792:hover a, li.item-660:hover a, li.item-668:hover a,
li.item-477:hover, li.item-482:hover, li.item-651:hover, li.item-793:hover,
li.item-662:hover, li.item-664:hover, li.item-477:hover a, li.item-482:hover a,
li.item-651:hover a, li.item-793:hover a, li.item-662:hover a, li.item-664:hover a,
li.item-476:hover, li.item-480:hover, li.item-497:hover, li.item-666:hover,
li.item-670:hover, li.item-476:hover a, li.item-480:hover a, li.item-497:hover a,
li.item-666:hover a, li.item-670:hover a
{
background:#eae8e8;
}
html
{
-ms-text-size-adjust: 100% !important;
-webkit-text-size-adjust: 100% !important;
max-height: 1000000px !important;
}
/* ##########################  header description  ########################### */
div.item-page
{
margin-bottom:60px;
margin-top: 60px;
}
div.logo-description h2, div.conversation-middle h2
{
font-size:42px;
font-weight:300;
color: #6B6B6B
}
/* ##########################  togglers  ########################### */
div.id-toggle-module
{
width: 100%;
float: left;
display: inline-block;
border-bottom:1px solid #eae8e8;
padding-bottom: 48px;
margin-bottom: 60px;
}
div.toggle-head
{
width:100%;
float:left;
display:inline-block;
text-align:center;
padding:0px 0px 72px;
}
div.toggle-head i,  div.conversation-middle h2 i
{
font-style: italic;
font-weight:500;
}
div.id-toggle-module a
{
cursor:pointer;
}

div.id-toggle-module h2, div.id-toggle-module h2 a, div.id-toggle-module h2 a:hover
{
font-family: 'Nanum Gothic', sans-serif;
font-size:32px;
color:#6b6b6b;
font-weight:300;
}

div.design-toggle,  div.office-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:left;
}
div.design-toggle a
{
height: 60px;
background: url(../images/Design-Bubble.png)no-repeat;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.design-toggle a:hover, div.design-toggle a.opend
{
background: url(../images/Design-Bubble-Hover.png)no-repeat;
}
div.office-toggle a
{
height:60px;
background:url(../images/Cloud-Bubble.png)no-repeat;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.office-toggle a:hover, div.office-toggle a.opend
{
background: url(../images/Cloud-Bubble-Hover.png)no-repeat;
}
div.develop-toggle, div.hosting-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:left;
}
div.develop-toggle a
{
height:60px;
background:url(../images/Develop-Bubble.png)no-repeat;
background-position: 30% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.develop-toggle h2
{
padding-left: 16% !important;
}
div.develop-toggle a:hover, div.develop-toggle a.opend
{
background: url(../images/Develop-Bubble-Hover.png)no-repeat;
background-position: 30% 0%;
}
div.hosting-toggle a
{
height:60px;
background:url(../images/Hosting-Bubble.png)no-repeat;
background-position: 30% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.hosting-toggle h2
{
padding-left: 19% !important;
}
div.hosting-toggle a:hover, div.hosting-toggle a.opend
{
background: url(../images/Hosting-Bubble-Hover.png)no-repeat;
background-position: 30% 0%;
}
div.support-toggle, div.optimize-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:right;
}
div.support-toggle a
{
height: 60px;
background: url(../images/Support-Bubble.png)no-repeat;
background-position: 70% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.support-toggle h2
{
padding-right: 15% !important;
display: inline-block;
width: auto !important;
}
div.support-toggle a:hover, div.support-toggle a.opend
{
background: url(../images/Support-Bubble-Hover.png)no-repeat;
background-position: 70% 0%;
}
div.optimize-toggle a
{
height:60px;
background:url(../images/Optimize-Bubble.png)no-repeat;
background-position: 70% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.optimize-toggle h2
{
padding-right: 7.6% !important;
}
div.optimize-toggle a:hover, div.optimize-toggle a.opend
{
background: url(../images/Optimize-Bubble-Hover.png)no-repeat;
background-position: 70% 0%;
}

div.manage-toggle, div.security-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:right;
}

div.manage-toggle a
{
height: 60px;
background: url(../images/Manage-Bubble.png)no-repeat;
background-position:100% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}

div.manage-toggle a:hover, div.manage-toggle a.opend
{
background: url(../images/Manage-Bubble-Hover.png)no-repeat;
background-position:100% 0%;
}
div.security-toggle a
{
height:60px;
background:url(../images/Security-Bubble.png)no-repeat;
background-position:100% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.security-toggle a:hover, div.security-toggle a.opend
{
background: url(../images/Security-Bubble-Hover.png)no-repeat;
background-position:100% 0%;
}
.ddmx186 a.item1,
.ddmx186 a.item1:hover,
.ddmx186 a.item1-active,
.ddmx186 a.item1-active:hover,
.ddmx186 a.item2,
.ddmx186 a.item2:hover,
.ddmx186 a.item2-active,
.ddmx186 a.item2-active:hover,
{
font-family: 'Nanum Gothic', sans-serif !important;
width:100% !important
}
div.mobile-header-menu-wrap
{
display: inline-block;
margin: 0;
padding: 0;
width:100%;
}
#menu186 table, #menu186, #menu186 tr, #menu186 td {
border: 0 !important;
width: 100%;
}
table#menu186
{
border: 0 !important;
width: 100%;
margin: 0px;
}

.click-menu186 .inbox2, a.inbox2.first.active, .click-menu186 .inbox2.active, .click-menu186 .inbox2:hover
{
letter-spacing: 2px;
font-weight: 300 !important;
border-bottom: 1px solid #6b6b6b;
width: 100%;
font-family: 'Nanum Gothic', sans-serif !important;
font-size: 36px !important;
background-size: 40px !important;
}
#click-menu186 .inbox1.last {
margin-left: -16px;
background-color: transparent;
background-image: url(/images/swmenupro/arrows/Mobile-Menu-Indicator3.png) !important;
background-repeat: no-repeat !important;
background-position: 100% 0% !important;
background-size: 40px !important;
}
#click-menu186 div.active .inbox1, .click-menu186 .inbox1-active, #click-menu186 .inbox1:hover 
{

background-repeat: no-repeat !important;
background-color: transparent !important;
background-size: 40px !important;
}
#click-menu186 .inbox1.last {
margin-left:-16px;
}
.click-menu186 .inbox2.first 
{
margin-top: 40px !important;
}

#click-menu186 div.active .inbox1.act, #click-menu186 .inbox1.act, a#slideclick1861.inbox1.act.last {
background-color: #transparent !important;
color: #6B6B6B !important;
}
/* ##########################  conversation  ########################### */
div.conversation-left
{
height:280px;
width:20%;
display:inline-block;
float:left;
background:url(../images/Idea-Face.png) no-repeat;
}
div.conversation-left:hover
{
float:left;
background:url(../images/Idea-Face-Hover.png) no-repeat;
}
div.conversation-middle
{
display: inline-block;
width: 60%;
float: left;
height: 280px;
}
div.conversation-middle a
{
margin-top:48px;
display:block;
}
div.conversation-right
{
height:280px;
width:20%;
display:inline-block;
float:right;
background:url(../images/ID-Face.png) no-repeat;
background-position: 100% 0%;
}
div.conversation-right:hover
{
background:url(../images/ID-Face-Hover.png) no-repeat;
background-position: 100% 0%;
}
/* ##########################  general  ########################### */
a#approve-design, a#decline-design, div.page-header a.btn.btn.active
{
display:none !important;
}
div.project-tools-wrap
{
width: 25%;
float: right;
margin-right: 20px !important;
text-align: right;
}
div.small-footer-button-container
{
margin: 0 auto;
display: inline-block;
}
div.small-footer-button-container h2 i
{
padding: 0 5%;
width: 90%;
display: block;
}
div.site-lock-wrap
{
height: 56px;
width: 20%;
display:inline-block;
vertical-align: top;
margin: 0 auto;
padding: 0;
text-align: center;
float:left;
}
div#footer-sitemap
{
display: inline-block;
margin: 0;
background: url(../images/Footer-BG.jpg) no-repeat;
background-size:cover;
background-position:50%;
}
div#footer-sitemap-item
{
display:inline-block;
width:20%;
margin:0;
padding:0;
float:left;
}
div#footer-sitemap ul
{
display:inline-block;
width:100%;
margin:0;
padding:0;
float:left;
list-style-type:none;
text-align:left;
}
div#footer-sitemap ul li
{
display:inline-block;
width:100%;
margin:0;
padding:0 0 10px;
float:left;
list-style-type:none;
text-align:left;
text-transform:uppercase;
font-size: 18px;
}
div#footer-sitemap ul li ul
{
margin:0;
padding:10px 0 0px;
}
div#footer-sitemap ul li ul li
{
text-transform:lowercase;
margin:0;
padding:0 0 10px !important; 
font-size: 16px;
}
div#footer-sitemap ul li a
{
display:block;
width:100%;
margin:0;
padding:0;
float:left;
color:#fff;
}
div#footer-sitemap ul li ul li a
{
color:#dfdcdc;
}
div#footer-sitemap  div.site-lock-wrap
{
margin-top:30px;
}
div.footer-lefty
{
float: left;
width: 40%;
display: inline-block;
height: 24px;
border-bottom: 1px solid #6b6b6b;
margin-bottom: 48px;
}
div#lefty.lower-footer-button img, div#righty.lower-footer-button img
{
width:100%;
}
div.footer-righty
{
width: 40%;
display: inline-block;
height: 24px;
border-bottom: 1px solid #6b6b6b;
margin-bottom: 48px;
float:right;
}
div.footer-button-wrap
{
display: inline-block;
width: 100%;
float: left;
}
div.footer-button-wrap img
{
width:100%;
height:100%;
}
div.footer-button
{
width:32%;
display:inline-block;
}
div#lefty.footer-button
{
float:left;
}
div#centery.footer-button
{
float:center;
margin:0px 1%;
}
div#righty.footer-button
{
float:right;
}
div#lefty.product-showcase
{
float:left;
}
div#centery.product-showcase
{
float:center;
margin: 0px 0% 0 2%;
}
div#righty.product-showcase
{
float: right;
margin-right: -1%;
}

div.product-showcase-wrap
{
margin-left:1%;
margin-top: 20px;
}
div.product-showcase
{
width: 32%;
display: inline-block;
overflow: hidden;
height:220px;
}
div.login-wrap
{
width: 33%;
margin: 0 auto;
padding-bottom: 32px;
text-align:left;
}
div.login-wrap h2
{
width:100% !important;
padding-bottom:10px;
}
div.login-wrap a
{
text-transform:lowercase;
}
div.login-wrap button.button
{
margin-top:18px;
}
div.login-wrap li, div.login-wrap ul
{
list-style-type:none;
padding-left:0px !important;
}
div.login-wrap p
{
margin-bottom:30px;
}
div.id-logo
{
width: 106px;
height: 106px;
background: url(../images/ID-Main-Logo-Flat.jpg) no-repeat;
background-size: 106px;
}
div.login-wrap li a
{
display: inline-block;
height: 26px;
}
div.product-showcase a
{
color:#6B6B6B;
padding:20px;
}
div.product-showcase ul
{
width:100%;
display:block !important;
}
div.product-showcase li
{
margin-left: 16px !important;
font-size: 16px;
color: #C2C2C4;
}
div.product-showcase:hover, div.product-showcase:hover li, div.product-showcase a.opend li
{
color:#6B6B6B !important;
}
div.product-showcase a.opend h2
{
color:#0099CE !important,
}
div.product-showcase h2
{
padding: 4px 0 4px 80px !important;
height: 40px;
font-weight:300 !important;
font-size: 30px !important;
margin-top: -10px;
}
div.slide-wrapper img
{
width:100% !important;
}
div.product-showcase:hover a h2
{
color:#0099CE !important;
}
div.project-navigation
{
display: block;
float: right;
z-index: 100;
position: absolute;
width: 100%;
}
div#projectfork.category-list
{
margin:0px;
}
dd.attachment-data ul.unstyled li
{
padding:0px 0px 16px 0px !important;;
}
div.fn-gantt
{
margin-top:20px;
}
img.img-avatar
{
max-height: 160px !important;
min-width: 10% !important;
margin-right: 10px!important;
}
div.row-discussions
{margin:20px 0px !important;
}
div.well-item
{
min-height:68px !important;
}
span.label.access
{
display:none; 
}
h2.item-title
{
margin-left: -18px;
margin-bottom: 10px;
display: inline-block;
width: auto !important;
}
div.fc.fc-ltr
{
}
table.adminlist.table.table-striped th a img
{
padding-left:10px;
}
span.label.label-danger.label-important.pull-right
{
margin-right: -10px;
display: inline-block;
height: 31px;
}
div.btn-toolbar.btn-toolbar-top .btn-group>.btn:first-child, label.pull-left, div.grid h3
{
display:none;
}
dt.start-title span.pull-left, dt.due-title span.pull-left, dt.owner-title span.pull-left
{
width:100px;
}
div.row-fluid.row-hours span.label
{
margin-left:0px;
margin-bottom:6px;
}
div.user-navigation
{
width:60%;
display:inline-block;
float:right;
background:#fcfcfc;
}
div.well-description
{
padding:12px 0px;
}
span.qq-upload-size.label.pull-left
{
padding-top:0px;
}
span.label, span.label.label-important.hasTooltip,
span.label.label-success.hasTooltip, dd.owner-data span.label.hasTip
{
padding: 8px;
display: inline-block;
}
i.icon-box-add
{
padding-top:48px;
}
i.icon-bookmark, span.icon-warning
{
display:none;
}
div.qq-upload-drop-area.qq-upload-button.alert
{
height:100px;
margin:0 auto;
vertical-align:middle;
text-align:center;
margin-bottom:20px;
}
div.qq-upload-drop-area.qq-upload-button input
{
height: 100%;
}
table.adminlist.table.table-striped span.label.hasTip
{
float:left;
width:100%;
color:gray;
text-shadow:none;
background:none;
padding-left: 2px;
}
ul#comment-node-0.unstyled
{
padding:0px;
}
div.task-row.clearfix div.pull-left
{
width:auto;
min-width:0px;
}
tr.sectiontableentry1
{
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td
{
padding:10px;
text-align: left;
}
td.sectiontableheader, tr.sectiontableheader th,
table#pfprojectstab th
{
background:#E8E8E8;
padding:10px;
text-align: left;
font-weight:6000;

}
span.cb_button_wrapper
{
margin-bottom: 20px;
margin-top: 20px;
display: inline-block;
}
table.cb_registration_history, table#pfprojectstab
{
margin-top:30px;
}
ul.cbMenuULlist
{
list-style-type:none !important;
}
ul.cbMenuULlist li a
{
margin:10px !important;
}
ul.cbMenuULlist li a:hover
{
background:ffffff !important;
}
tr.footfinances
{
display:none;
}
ul.actions
{display:none;
}
table.pricing-table td
{
padding:12px;
vertical-align:top;
text-align:left;
}
table.pricing-table tr#price-table-row-1
{
background:#E8E8E8;
min-height:30px;
}
table.pricing-table tr#price-table-row-2
{
background:#F2F2F2;
}
table.pricing-table tr#price-table-row-3
{
background:#ffffff;
}
table.pricing-table
{
margin-bottom:12px;
}
span.cbLogoutButtonSpan
{
display:none;
}
h6
{
font-size: 11px;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: .8px;
font-weight: bold;
}
@font-face {
}
form#mod_login_logoutform
{
padding-left:24px;
text-align:left;

}
form#mod_login_logoutform div
{
width:100%;
padding-left:8px;
padding-bottom:8px;

}
td#cbfv_29.fieldCell
{
padding:4px 0px 0px 0px;
text-align:left;
}

a.powered_by
{
display:none !important;
}
body
{
background:#fff;
color: #6B6B6B;
max-width: 100vw;
overflow-y: hidden;
width: 100vw;
overflow-x: scroll;
font-family: 'Roboto', sans-serif;
}
body a
{
color:#0099CE;
text-decoration:none !important;
}
#footer {
box-shadow: 0px 0px 0px #fff;
margin-bottom:20px;
z-index:1;
}
#all
{
color: #6B6B6B;
box-shadow: 0px 0px 0px #fff;
position:relative;
z-index:2;
}
a:hover,
a:active,
a:focus
{
text-decoration:none;
}
fieldset
{
border:solid 0px #ccc
}
.article-info
{
color:#6B6B6B;
}
.article-info dd span
{
color: #ffffff;
border-right: solid 0px;
padding:0px;
margin: 2px;
}
/* ##########################  logo  ########################### */
#header
{background:#fff}
#logo span
{
color:#555 !important;
font-size:0.4em !important;
letter-spacing:1px
}

#header-image .ddmx106 {
margin-top:10px;
margin-bottom:10px;
}
#main {
background: #fff;
z-index:99;
}

h1#logo
{
margin:12px 12px 0px 12px;
background: #fff;
}

#line
{
text-align:right;
padding-right:12px
}

#header #line form,
#header #line #fontsize,
#header #line form .search
#header #line form .finder
{
display:inline !important;
}
span.destination
{
    height: 1px;
    display: block;
    position: relative;
    top: -100px;
}
/********************************************************************************************************************
Wide Screens
*********************************************************************************************************************/
@media (min-width:1900px){
#back {
margin: 0px 0 0 0;
}
a.Design, a.Development, a.Support, a.Manage, a.Secure, a.Hosting, a.Optimize, a.OfficeTools, a.Backup, a.about-id {
width: 100%;
margin-right: 0%;
}
div.button-wrap a
{
font-size: 50px;
padding: 120px 0;
}
div.paragraph-box,div.bullets-box
{
width: 80%;
margin: 0 10%;
padding: 0;
}
a.Secure, a.Hosting, a.Optimize, a.OfficeTools, a.Backup, a.managed-wordpress, a.VPS, a.dedicated, a.cloud-storage, a.calendars,
a.workspace-webmail, a.malware-protect, a.Optimize.ation, a.vps-hosting, a.dedicated-hosting, a.shared-hosting, a.ssls, a.email-marketing
{
height: 420px;
margin: 60px 0 90px;
width: 100%;
margin-right: 0%;
}
div.id-services-design,div.id-services-nav
{
width: 84%;
float: left;
margin: 0;
margin-right: 8%;
margin-left: 8%;
margin-bottom: 30px;
}
div.id-services-development, div.id-services-design, div.id-services-management, div.id-services-support
 {
width: 48%;
margin: 0 1%;
height: 330px;
}
div#samdevelop div.id-services-development, div#samddesign div.id-services-design, div#samsupport div.id-services-support, div#sammanage div.id-services-management
 {
margin-left:25%;
}
div.login-wrap {
margin: 60px auto 90px auto;
}
}

/********************************************************************************************************************
Mobile Screens
*********************************************************************************************************************/

@media (min-width:1200px) {
#all
{
margin: 0 auto;
width: 1166px;
padding: 12px 48px 0px;
text-align: left;
background: #ffffff;
}
#footer
{
display: block;
max-width: 1262px;
overflow: hidden;
padding: 0px;
color: black;
box-shadow: 0px !important;
margin-bottom: 0px !important;
}
#footer-sub
{
box-shadow: 0px !important;
margin-bottom: 0px !important;
}
div.small-footer-button-container 
{
width: 74%;
margin: 0 auto;
padding: 96px 13% 100px;
}
div#footer-sitemap {
width: 90%;
margin: 0;
padding:90px 5%;
max-width:90%;
}
div.project-description
{
display: block;
height: 100%;
padding: 24px 6px;
}
div.slides-wrapper
{
height: 420px !important;
}
}
@media(min-width:1400px) {
#all {
margin: 0 auto;
width: 1166px;
padding: 0px 162px 0px;
text-align: left;
background: #ffffff;
}
#footer {
display: block;
max-width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px auto;
}
div.foot-inner-wrap
{
display: block;
max-width: 1490px;
overflow: hidden;
padding: 0px;
margin: 0px auto;
}
div#footer div.small-footer-button-container
{
display: block;
max-width: 1104px;
overflow: hidden;
margin: 0px 0px;
}
div.foot-inner-wrap
{
width: 74%;
margin: 0 auto;
margin-bottom: -6px !important;
padding: 96px 13% 100px;
}
div.small-footer-button-container 
{
display: block;
max-width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px auto;
width: 100%;
margin-bottom: -10px !important;
}
div#footer-sitemap
{
width: 100%;
padding: 0px;
max-width: 100%;
}
div.foot-inner-wrap
{
display: block;
width: 100%;
padding:0 0 128px;
max-width: 1160px;
}
div#footer-menus-wrap
{
display:inline-block;
width:100%;
margin:0;
padding:128px 0 128px;
}
}
/*******************************************************************************
max-width:1600px
*******************************************************************************/
@media(max-width:1600px) {
div.video-wrap video 
{
max-width: 1400px;
}
}

/*******************************************************************************
max-width:1400px
*******************************************************************************/
@media(max-width:1400px) {
div.video-wrap video 
{
max-width: 1200px;
}
}
/*******************************************************************************
max-width:1200px
*******************************************************************************/
@media(max-width:1200px) {

div.video-wrap video 
{
max-width: 100%;
}
#all
{
margin: 0 auto;
max-width: 1200px;
padding: 0px 32px 0px;
text-align: left;
background: #ffffff;
}

div.small-footer-button-container
{
width: 74% !important;
max-width: 1200px !important;
padding: 96px 13% 160px
}
#footer
{
max-width:1200px;
padding:0;
margin-bottom:0px !important;
}
div#footer-sitemap
{
padding: 96px 3%;
}
#footer-sub
{
margin-bottom:0px !important;
}
}
@media (max-width: 1042px){
/*sameh*/
.mm-hidden{
display: none;	
height: 0px;
padding:0px;
margin:0;
}
table.pricing-table h2
{
text-align:left !important;
}
img.service-intro
{
display: none;
}
div.services-main-image, div.products-main-image
{
width: 100%;
}
div.id-toggle-module.banner-call div.services-main-image img
{
width:80%;
margin:0px 10% 120px;
}
div.desktop-menu-header
{
display:none !important;
}
div.main-menu-wrap ul.nav.menu
{
display:none !important;
height:0px !important;
}
#mh-menu ul.menu
{
display:inline-block !important;
}
#mh-menu ul.menu li
{
display: inline-block;
width: 90%;
font-size: 36px;
text-align: left;
letter-spacing: 2px;
font-weight: 300 !important;
padding: 0px 5%;
border-bottom: 1px solid #6b6b6b;
}
#mh-menu ul.menu li:first-of-type
{
margin-top: 40px; 
}
#mh-menu a
{
padding-bottom: 36px;
padding-top: 36px;
}
.mobile-menu-button-container
{
width: 100%;
height: 200px;
position: absolute;
top:20px;
z-index: 99999;
display: inline-block !important;
right:0px; 
}
.mobile-menu-button {
position: absolute;
right: 30px;
top: 5px;
background-repeat: no-repeat;
height: 50px;
width: 50px; 
background-image: url("https://independentdevelopment.ca/images/swmenupro/arrows/Mobile-Menu-Indicator3.png");
background-size: cover;
}
.visible
{
display: inline-block;
width: 100%;
font-size: 36px;
text-align: left;
letter-spacing: 2px;
font-weight: 300 !important;
padding: 0px;
border-bottom: 1px solid #6b6b6b;
}
.logoheader
{
display:inline-block;
background: #AEAEAF;
margin: 0px 0px 24px !important;
}

}

@media(max-width:1024px) {
#back
{
margin: 0px 0 0 0;
}
#login-form
{
width: 100%;
padding: 90px;
}
#main h3, #main h3 a
{
font-size: 50px;
}
#form-login-remember label
{
float: none;
width: auto;
display: inline;
font-size: 40px;
padding: 30px 0;
display: inline-block;
}
table.items_table_responsive
{
font-size:32px !important;
}
div.id-logo-wrap
{
position: relative;
top: -15px;
left: 6px;
}
th.invoice-date, td.invoice-date, td.invoice-subtotal, th.invoice-subtotal, td.invoice-payments, th.invoice-payments, td.invoice-paid, th.invoice-paid
{
display:none !important;
}
td.invoice-total, th.invoice-total
{
text-align:left !important;
}
div.main-menu-wrap ul.nav.menu
{
display:none !important;
height:0px !important;
}
div#all
{
margin: 0 auto; 
max-width: 1024px;
padding: 0px 32px 0px;
text-align: left;
background: #ffffff;
}
div.video-wrap
{
display:none !important;
}
#footer
{
box-shadow: 0px !important;
margin-bottom: 0px !important;
padding: 0px 32px 0px !important;
}
#footer-sub
{
box-shadow: 0px !important;
margin-bottom: 0px !important;
}
div#footer-sitemap
{
padding: 120px 0 100px 11.5%;
width: 98.5%;
margin-left: -5% !important;
}
div#footer-sitemap-item {
width: 50% !important;
}
div#footer-sitemap div.logz
{
display:none;
}
div#subsection1861
{
display: block;
padding-top: 48px !important;
padding-bottom: 48px !important;
border: none !important;
}
div.id-logo
{
margin-top: -20px !important;
}
div.logo-description h2, div.conversation-middle h2
{
font-size: 44px !important;
font-weight: 300;
padding-top: 0px;
}
img#email-icon
{
margin-top: 48px !important;
}
#click-menu186 div.active .inbox1.act, #click-menu186 .inbox1.act {
background-color: #transparent !important;
color: #6B6B6B !important;
}
#main h2, #main h1 {
font-size: 48px !important; 
}
#main div.item-page h2, #main div.item-page h1 {
font-size: 60px !important;
margin-top:60px !important;
text-align:center !important;
}
#main div.item-page h3, #main div.item-page h1 {
font-size: 50px !important;
margin-top:30px !important;
}
#main p, #main ul, #main p ul li, #main ul li a, div.smoreinfo div.bullets-box ul li, div.smoreinfo div.bullets-box ul li a{
font-size: 40px !important;
}
div.smoreinfo table.pricing-table ul, div.smoreinfo div.bullets-box ul
{
display:inline-block !important;
}
div.smoreinfo p
{ 
font-size: 40px !important;
padding-bottom: 30px;
max-height:9999999px;
width: 100%;
display: inline-block;
height:auto;
}
#main h5, div.smoreinfo h5{
font-size: 32px !important;
}
#main div.item-page h4
{
font-size:40px;
text-transform:lowercase;
}
div.smoreinfo h4
{
font-size:38px;
}
div.smoreinfo h2
{
font-size: 60px !important;
margin-top: 60px !important;
text-align: left !important;
margin: 0 0 0 !important;
}
#main ul li 
{
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 26px;
background-size: 30px;
padding-left: 60px !important;
}
div.smoreinfo h3
{
font-size:50px;
}
.logoheader
{
padding-top: 30px;
}
div.main-menu-wrap ul
{
display:none !important;
}
div.login-wrap
{
width: 60% !important;
margin: 90px 20% !important;
}
div#mobile-navigation
{
display: inline-block;
width: 100%;
float: right;
margin-top: 0px;
position: relative;
z-index: 100;
background:  #fff;
}
div#mobile-navigation ul li
{
font-size:5vw;
padding-left:5%;
}

div.product-showcase
{
width: 100% !important;
float: left !important;
height: auto !important;
margin-top:0px !important;
margin-left:0% !important;
margin-right:0% !important;
}

div.product-showcase img{
width: 160px !important;
height: 160px !important;
margin-top:36px !important;
margin-left:-20px !important;
}
div.product-showcase ul{
padding-top:30px !important;
}
div.product-showcase h2  {
margin-left: 12px !important;
}
div.product-showcase li {
margin-left: 36px !important;
font-size: 24px !important;
}
div.optimize-toggle h2 {
padding-right: 2% !important;
}
div.hosting-toggle h2 { 
padding-left: 16% !important;
}
div.small-footer-button-container {
width: 88% !important;
padding: 48px 48px 20px;
}
div.conversation-right, div.conversation-left {
background-size: contain !important;
}

div.logo-description {

margin-top: 56px;
margin-bottom:0px;
}
table#invoicez th, table#invoicez td, table.tablefinances, table.tablefinances td
{
font-size:28px;
}
table.tablefinances td img
{
display:none !important;
}
table#invoicez th.invoice-date, table#invoicez td.invoice-date,
table#invoicez th.invoice-number, table#invoicez td.invoice-number,
table#invoicez th.invoice-total, table#invoicez td.invoice-total,
table#invoicez th.amount-paid, table#invoicez td.ontime.amount,
table#invoicez th.invoice-tools, table#invoicez td.invoice-tools
{
width:20% !important;
text-align:left !important;
}
table#invoicez th.customer-name, table#invoicez td.customer-name,
table#invoicez th.invoice-payments, table#invoicez td.invoice-payments,
table#invoicez th.invoice-subtotal, table#invoicez td.invoice-subtotal
{
display:none;
}
tr.linefinances1 td, tr.linefinances2 td {
padding: 16px 5px 16px;
}
table#invoicez td img
{
width:32px;
}
.cb_template .cbUserListFieldLine .cbUserListFieldTitle, .cb_template .control-label, .cb_template
{
font-size: 36px !important;
}
label.col-sm-3, div.cb_field.col-sm-9
{
width: 50% !important;
}
div.cb_template ul.nav > li > a
{
padding: 36px 68px !important;
}
#main div.cb_template ul.nav > li
{
padding-left:0px !important;
}
div.cbTabs
{
margin-bottom: 90px;
margin-top: 60px;
}
div.cb_template ul.list-group-item:first-child
{
padding:30px 0 0 !important;
}
h4.alert-heading
{
font-size:40px;
padding:90px 0 60px;
width:100%;
text-align:center;
}
div.alert-message
{
font-size:38px;
padding:60px 0 60px;
width:100%;
text-align:center;
}
div.customdesktop-toggle, div.id-services-nav
{
display:none !important;
}
div.product-showcase-wrap
{
    margin-left: 0%;
    margin-top: 0px;
}
div.custommobile-toggle
{
display:inline-block !important;
width: 90%;
margin:0 5%;
}
a.closex
{
width: 60px;
height: 60px;
bottom: -64px;
}
div.custommobile-toggle a.closex
{
bottom: 0px;
}
a.closeup
{
height:48px;
background-size: 60px;
display: inline-block;
margin-top: 40px;
margin-bottom: 40px;
}
div#samdesignm a.closeup, div#samdevelopm a.closeup, div#samofficem a.closeup, div#samhostingm a.closeup
{
margin-bottom: 160px;
}
/* ########################## walk through boxes  ########################### */
div.smoreinfo div.paragraph-box {
width: 100%;
display: inline-block;
float: left;
}
.click-menu186 .inbox2
{
text-align: left !important;
}
.click-menu186 .inbox2:hover
{
text-align: left !important;
}
div.id-walkthrough
{
width:100%;
display:inline-block;
float:left;
margin-bottom: 90px;
}
a.shared-hosting,a.vps-hosting,a.dedicated-hosting,a.domain-names,a.ssls,
a.malware-protect,a.workspace-webmail,a.calendars,a.cloud-storage,a.seoz,
a.email-marketing,a.managed-wordpress,a.Design, a.Development, a.Support,
a.Manage, a.Secure, a.Hosting, a.Optimize,a.OfficeTools, div.paragraph-box,
div.bullets-box
{
display:inline-block !important;
width:100% !important;
}
a.about-id
{
display:none;
}
div.bullets-box
{
width:100% !important;
padding-left:0px !important;
}
div#design.id-walkthrough div.paragraph-box, div#development.id-walkthrough div.paragraph-box,
div#support.id-walkthrough div.paragraph-box, div#manage.id-walkthrough div.paragraph-box
{
width:100% !important;
}
a.Design
{
height: 600px !important;
background-position: 50%;
}
a.Development
{
height: 600px !important;
background-position: 50%;
}
a.Support
{
height:600px;
background-position: 50% !important;
}
a.Manage
{
height: 560px !important;
background-position: 50%;
}
a.Secure
{
height: 500px !important;
background-position: 50%;
}
a.Hosting
{
height: 500px !important;
background-position: 50%;
}
a.Optimize
{
height: 560px !important;
background-position: 50%;
}
a.OfficeTools
{
height: 500px !important;
background-position: 50%;
}
div.design-toggle, div.office-toggle, div.develop-toggle, div.hosting-toggle, div.support-toggle, div.optimize-toggle, div.manage-toggle, div.security-toggle
{
width: 50%;
}
div.id-toggle-module h2
{
font-family: 'Nanum Gothic', sans-serif;
color: #6b6b6b;
font-weight: 300;
width: 90%;
text-align: center;
line-height: 80px;
margin-bottom: 60px;
font-size: 60px;
margin: 0 5%;
}
div.id-toggle-module h2 a, div.id-toggle-module h2 a:hover
{
font-family: 'Nanum Gothic', sans-serif;
color:#6b6b6b;
font-weight:300;
width: 100%;
text-align: center;
line-height: 80px;
margin-bottom: 60px;
font-size: 60px;
}
div.id-toggle-module
{
padding-bottom: 0px;
margin-bottom: 0px;
width: 100%;
float: left;
display: inline-block;
border-bottom: 2px solid #eae8e8;
margin-bottom: 0px;
margin-bottom: 120px;
}
iv.id-toggle-module.video-showcase-wrap
{
height: 90vh;
}
div.smoreinfo h2
{
font-weight:300;
}
div.id-toggle-module a  h2
{
width: 100%;
text-align: center;
position: relative;
top: 300px;
}
div.design-toggle,  div.office-toggle
{
display:inline-block;
text-align:left;
}

div.design-toggle a
{
background: url(../images/Design-Bubble.png)no-repeat;
padding-top: 0;
width: 100%;
height: 400px;
background-size: 34vw;background-position: 50% 0;
}

div.design-toggle a:hover, div.design-toggle a.opend
{
background: url(../images/Design-Bubble-Hover.png)no-repeat;
background-size: 34vw;background-position: 50% 0;
}
div.office-toggle a
{
background:url(../images/Cloud-Bubble.png)no-repeat;
padding-top: 0;
width: 100%;
height: 400px;
background-size: 34vw;
background-position: 50% 0;
}
div.office-toggle a:hover, div.office-toggle a.opend
{
background: url(../images/Cloud-Bubble-Hover.png)no-repeat;
background-size: 34vw;
background-position: 50% 0;
}
div.develop-toggle, div.hosting-toggle
{
text-align:left;
}
div.develop-toggle a
{
background:url(../images/Develop-Bubble.png)no-repeat;
background-position: 50% 0;
padding-top: 0;
width: 100%;
height: 400px;
background-size: 34vw;
}
div.develop-toggle h2
{
padding-left: 0;
}
div.develop-toggle a:hover, div.develop-toggle a.opend
{
background: url(../images/Develop-Bubble-Hover.png)no-repeat;
background-size: 34vw;
background-position: 50% 0;
}

div.hosting-toggle a
{
background:url(../images/Hosting-Bubble.png)no-repeat;
background-position: 50% 0;
padding-top: 0;
width: 100%;
height: 400px;
background-size:34vw;
}
div.hosting-toggle h2
{
padding-left: 0px !important;
}
div.toggle-head i, div.conversation-middle h2 i
{
font-style: italic;
font-weight: 500;
width: 100%;
display: inline-block;
margin-bottom: 30px;
}
div.hosting-toggle a:hover
{
background: url(../images/Hosting-Bubble-Hover.png)no-repeat;
background-position: 50% 0;
background-size: 34vw;
}
div.small-footer-button-container
{
height: 1080px;
margin-left: -32px;
padding: 90px;
}
div.support-toggle, div.optimize-toggle
{
text-align:right;
}
button, input.button, button.button, button.validate
{
padding: 36px 72px;
font-size: 36px;
line-height: 36px;
font-weight: 400;
}
div.support-toggle a
{
background: url(../images/Support-Bubble.png)no-repeat;
background-position: 50% 0;
padding-top: 0;
width: 100%;
height: 360px;
background-size: 34vw;
}
div.conversation-left
{
height: 600px;
position: relative;
width:36vw;
z-index: 51;
top: 150px;
}
div.conversation-middle
{
position: relative;
width: 100%;
z-index: 50;
top: -600px;
}
div.conversation-middle h2
{
margin-bottom:90px;
}
div.conversation-middle h2 i
{
margin-bottom:620px;
}
div.conversation-right
{
height: 600px;
position: relative;
width: 36vw;
z-index: 51;
top: -730px;
}
div.support-toggle h2
{
padding-right: 15%;
}
div.support-toggle a:hover, div.support-toggle a.opend
{
background: url(../images/Support-Bubble-Hover.png)no-repeat;
background-position: 50% 0;
background-size: 34vw;
}
div.optimize-toggle a
{
height:360px;
background:url(../images/Optimize-Bubble.png)no-repeat;
background-size: 34vw !important;
background-position: 50% 0 !important; 
padding-top: 0px !important;
}
div.manage-toggle a
{
height:360px;
background: url(../images/Manage-Bubble.png)no-repeat;
background-position: 50% 0;
padding-top: 0px;
background-size: 34vw;
}
div.manage-toggle a:hover, div.manage-toggle a.opend
{
background: url(../images/Manage-Bubble-Hover.png)no-repeat !important;
background-position: 50% 0 !important;
background-size: 34vw !important;
}
div.security-toggle a
{
height: 360px;
background:url(../images/Security-Bubble.png)no-repeat;
background-position: 50% 0;
padding-top: 0px;
background-size:34vw;
}
div.security-toggle a:hover, div.security-toggle a.opend
{
background: url(../images/Security-Bubble-Hover.png)no-repeat;
background-position: 50% 0;
background-size: 34vw;
}
div.login-wrap li a {
display: inline-block;
height: 72px;
font-size: 36px !important;
}
.login-fields label {
float: left;
width: 9em;
font-size: 36px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
padding: 36px 36px;
font-size: 32px;
line-height: 24px;
color: #6B6B6B;
margin: 30px 4px 4px 0px;
border: none;
background: #eee;
}
div.landing-page-walkthrough div.image-box
{
display:none
}
div.landing-page-walkthrough div.paragraph-box
{

}
div.paragraph-box h4
{
font-size: 50px;
margin-top: 40px;
}
div.domains-call
{
min-height:1300px;
}
input.form-control
{
display: inline-block;
padding: 36px 36px;
font-size: 32px;
line-height: 24px;
color: #6B6B6B;
margin: 30px 4px 4px 0px;
border: none;
background: #eee;
}
button.btn.btn-purchase.search-form-button
{
margin-top:-13px;
}
:-we
div.partners-row a {
width: 50%;
display: inline-block;
padding: 0;
margin: 0px;
height:400px;
}
div#agg.partners-box
{
background:url(../images/AGG-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
height:100%
}
div#agg.partners-box:hover
{
background:url(../images/AGG-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
height:100%
}
div#arc-and-crown.partners-box
{
background:url(../images/Arc-And-Crown-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#arc-and-crown.partners-box:hover
{
background:url(../images/Arc-And-Crown-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#bni.partners-box
{
background:url(../images/BNI-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
height:100%
}
div#bni.partners-box:hover
{
background:url(../images/BNI-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
height:100%
}
div#bite.partners-box
{
background:url(../images/Bite-Dental-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#bite.partners-box:hover
{
background:url(../images/Bite-Dental-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#cartotype.partners-box
{
background:url(../images/Cartotype-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#cartotype.partners-box:hover
{
background:url(../images/Cartotype-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#cppo.partners-box
{
background:url(../images/The-CPPO-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#cppo.partners-box:hover
{
background:url(../images/The-CPPO-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#crozier.partners-box
{
background:url(../images/Crozier-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#crozier.partners-box:hover
{
background:url(../images/Crozier-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#fletcher.partners-box
{
background:url(../images/Fletcher-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#fletcher.partners-box:hover
{
background:url(../images/Fletcher-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#lidopools.partners-box
{
background:url(../images/Lido-Pools-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#lidopools.partners-box:hover
{
background:url(../images/Lido-Pools-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mccann.partners-box
{
background:url(../images/McCann-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mccann.partners-box:hover
{
background:url(../images/McCann-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mistango.partners-box
{
background:url(../images/MRR-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mistango.partners-box:hover
{
background:url(../images/MRR-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mjgrant.partners-box
{
background:url(../images/MJ-Grant-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mjgrant.partners-box:hover
{
background:url(../images/MJ-Grant-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mowitall.partners-box
{
background:url(../images/Mowitall-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#mowitall.partners-box:hover
{
background:url(../images/Mowitall-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#prepaid.partners-box
{
background:url(../images/Prepaid-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#prepaid.partners-box:hover
{
background:url(../images/Prepaid-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}

div#propeller.partners-box
{
background:url(../images/Propeller-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#propeller.partners-box:hover
{
background:url(../images/Propeller-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#rockcraft.partners-box
{
background:url(../images/RockCraft-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#rockcraft.partners-box:hover
{
background:url(../images/RockCraft-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#ronica.partners-box
{
background:url(../images/Ronica-Cooks-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#ronica.partners-box:hover
{
background:url(../images/Ronica-Cooks-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#sherpa.partners-box
{
background:url(../images/Sherpa-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#sherpa.partners-box:hover
{
background:url(../images/Sherpa-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#scotland.partners-box
{
background:url(../images/SOS-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#scotland.partners-box:hover
{
background:url(../images/SOS-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#teachers.partners-box
{
background:url(../images/Teachers-Life-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#teachers.partners-box:hover
{
background:url(../images/Teachers-Life-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#theatro.partners-box
{
background:url(../images/Theatromania-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#theatro.partners-box:hover
{
background:url(../images/Theatromania-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#thmade.partners-box
{
background:url(../images/THMade-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
height:100%
}
div#thmade.partners-box:hover
{
background:url(../images/THMade-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
height:100%
}
div#toothtales.partners-box
{
background:url(../images/Tooth-Tales-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#toothtales.partners-box:hover
{
background:url(../images/Tooth-Tales-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#urban.partners-box
{
background:url(../images/Urban-Farming-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#urban.partners-box:hover
{
background:url(../images/Urban-Farming-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#play.partners-box
{
background:url(../images/Play-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#play.partners-box:hover
{
background:url(../images/Play-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#landmark.partners-box
{
background:url(../images/Landmark-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div#landmark.partners-box:hover
{
background:url(../images/Landmark-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
height:100%
}
div.product-showcase a
{
color:#6B6B6B;
padding:20px;
}
div.product-showcase li
{
list-style-type: disc;
margin-left: 36px !important;
font-size:36px !important;
color: #C2C2C4;
}
div.product-showcase h2
{
padding-top:80px !important;
padding-left:20px !important;
display:inline-block !important;
float:left !important;
font-size:44px !important;
width: 70% !important;
}
div.product-showcase ul
{
width: 100%;
display:inline-block !important;
float:left !important;
}
div.product-showcase a {
display:block !important;
width:100% !important;
height:100% !important;
}
div.product-showcase img
{
display:inline-block !important;
float:left !important;
}
div#footer-sitemap ul li a
{
display: inline-block;
width: 100%;
margin: 0;
padding: 0 0 30px;
float: left;
list-style-type: none;
text-align: left;
font-size: 36px;
}
div#footer-sitemap ul li ul
{
padding: 0px 0 60px;
}
div#footer-sitemap ul li ul li
{
text-transform: lowercase;
margin: 0;
padding: 0 0 0px !important;
font-size: 32px;
}
div#footer-sitemap img
{
height: 100px !important;
}
.cemap_container
{
margin-bottom:90px;
margin-top: 60px;
}
div.ce-fltltr [class*="ce-fltwidth"]
{
float: right;
width: 100%;
text-align: right;
margin-top: 0px;
}
label.requiredField {
font-weight: normal;
text-align: left;
}
div#ce-cf-container-1
{
width:100%;
}
div#ce-cf-container-2
{
width:100%;
margin-top:0px;
position: relative;
top: -478px;
}
div#ce-cf-container-4 textarea
{
width: 100% !important;
height: 360px !important;
}
div#ce-cf-container-4
{
width: 100%;
padding-right: 0%;
position: relative;
bottom: -456px;
}
div#ce-cf-container-3
{
width: 100%; 
margin-top: 0px;
position: relative;
top: -478px;
}
div#ce-cf-container-1 input,div#ce-cf-container-2 input,div#ce-cf-container-3 input
{
width: 92%;
}
div#ce-cf-container-ce-submit-button
{
margin-bottom: 120px;
margin-top: 30px;
}
div..ce-cf-container {
margin: 0 0 9px 0;
float: right;
display: inline-block;
width: 100%;
text-align: center;
margin-top: 60px;
}
label#lcf_4
{
display: block;
width: 100%;
float: left;
font-size:36px;
margin: 30px 0;
}
label.cf-label {
display: block;
width: 100%;
float: left;
font-size:40px;
margin: 30px 0 0;
}
.contact .button, .contact button, .contact button.ce-button-submit, .contact button.ce-button-reset, .contact button {
cursor: pointer;
display: inline;
padding: 36px 72px;
margin-left: 16px;
}
div.showcase-wrap
{
margin: 0;
padding: 0 5%;
width:90%;
}
div.ce-cf-container {
text-align: center !important;
}
div.id-toggle-module.video-showcase-wrap
{
height: 90vh;
margin-bottom: 0px;
}
div.id-toggle-module.aboutid
{
height: 1160px;
}
div.showcase-wrap
{
margin-top: 200px;
}
div.id-toggle-module.aboutid p
{
width: 90%;
margin: 0 5%;
font-size: 42px;
margin-top: 30px;
font-weight: 300;
}
div.smoreinfo ul li
{
padding-left: 60px;
line-height: 60px;
margin-left: 0px;
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 14px;
font-size: 40px;
background-size: 33px;
}
div.id-toggle-module.aboutid h2
{
width: 70%;
margin: 0 15%;
}
div.id-toggle-module.banner-call p
{
width: 80%; 
margin: 0 10%;
font-size: 42px;
margin-top: 30px;
font-weight: 300;
}
div.id-toggle-module.banner-call h2
{
width: 70%;
margin: 0 15%;
top: 0;
    position: relative;
}
}

@media(max-width:910px) {
div.header-menu-wrap
{
display:none;
}
div.conversation-middle 
{
margin-bottom:80px;
}
div.smoreinfo ul{
margin-bottom:90px !important;
}
div.smoreinfo ul li {
display: inline-block !important;
float: left !important;
width: 100% !important;
line-height: 68px !important;
text-align: left !important;
padding: 16px 0 0 60px !important;
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 30px !important;
background-size: 40px;
}

#main ul li {
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 30px;
background-size: 40px;
padding: 16px 0 0 60px !important;
}
}

@media(max-width:960px) {

#all
{
margin: 0 auto;
max-width: 960px;
padding: 12px 32px 0px;
text-align: left;
background: #ffffff;
}
div.product-showcase
{
width: 50% !important;
}
div#header-image
{
display:block;
}
div#lefty.product-showcase,div#centery.product-showcase,div#righty.product-showcase
{
float:left !important;
margin:0px !important;
}
div.login-wrap
{
width: 50% !important;
margin: 0 !important;
}
#footer
{
margin: 0 auto;
max-width: 960px;
background: #ffffff;
}
div.small-footer-button-container {
max-width: 960px !important;
}
div.conversation-left  {
margin-left:-2px;
background-size: contain;
}
div.conversation-right  {
margin-right:-2px;
background-size: contain;
}

div.logo-description {

margin-top: 56px;
margin-bottom:0px;
}
}

@media(max-width:768px) {

#all
{
margin: 0 auto;
max-width: 768px;
text-align: left;
background: #ffffff;
padding: 12px 12px 0px;
}
div.id-conversation 
{
}
div.logo-description {

margin-top: 56px;
margin-bottom:0px;
}
div.logo-description h2, div.conversation-middle h2, div.id-toggle-module h2,
div.id-toggle-module h2 a, div.id-toggle-module h2 a:hover
{
font-size: 30px !important;
}

div.optimize-toggle h2 {
padding-right: 0% !important;
}
div.hosting-toggle h2 { 
padding-left: 14% !important;
}
div.develop-toggle h2 {
padding-left: 12% !important;
}
#footer
{
padding: 0px 0px 32px;
}
div.project-navigation
{
display:none !important;
}
div#mobile-navigation
{
display:block;
}
div#header-image
{
display:block;
}
div.project-navigation2
{
display: inline-block;
float: left;
z-index: 100;
position: relative;
width: 100%;
height: 80px;
}
div.project-navigation2 div
{
text-align:center !important;
}
.row-fluid .span11
{
margin:0 !important;
width:100% !important;
}
.table th, .table td
{
padding:8px 0px !important;
}
.row-fluid .span11 h4
{
margin-left:-4px
}
div.fc.fc-ltr {
margin-top: -20px !important;
}
span.fc-header .fc-button
{
margin-top:10px !important;
}
div.fn-gantt,div.span1.hidden-phone
{
display:none !important;
}
.formelm label
{
width:25% !important;
}
div.formelm-buttons.btn-toolbar
{
float:left !important;
text-align:left !important;
width:100% !important;
margin-bottom:10px !important;
margin-top:0px !important;
}
.row-fluid .span7
{
width:100% !important;
}
.row-fluid .span5
{
width: 100% !important;
margin-left: 0px !important;
margin-top: 10px !important;
}
div.row-fluid
{
padding:0px !important;
border:none !important;
}
div.product-showcase
{
width: 50% !important;
}
div#lefty.product-showcase,div#centery.product-showcase,div#righty.product-showcase
{
float:left !important;
margin:0px !important;
}
div.fn-gantt
{
display:none;
}

body
{
margin-top:0px;
margin-bottom:0px;
}
div.id-logo-wrap
{
width:15%;
}
div.cbProfile
{
margin-top: -16px
}
div.conversation-middle {
margin-bottom: 0px;
}
div.logo-description
{
display: inline-block;
float: right;
width: 83%;
margin-top: 40px;
margin-right: 14px;
}
div.communication-design, div.projects-managed,div.communication-tools,div.communication-services {
background: url(../images/Communication-Solutions-Full-Banner.png) no-repeat top right;
display: block;
height: 42px;
width: 110%;
float: right;
background-size: contain;
}
div.project-navigation
{
display:none !important;
}
div.logoheader
{
margin: 0px 0px 0px 2%;
}
div#mobile-navigation
{
display:block;
}
div.logoheader img
{
max-width: 86%;
}
div.small-footer-button-container {
width: 92% !important;
padding: 32px 32px 20px;
}
div#mobile-navigation table
{
margin:0 auto !important;
margin-top:-10px !important;
margin-bottom:0px !important;
}
div#mobile-navigation a.inbox2.active
{
font-weight:bold !important;
}
#main h1
{
padding-top:0px !important;
}
div#mobile-navigation 
{
margin:0 auto !important;
margin-top:-10px !important;
margin-bottom:26px !important;
}
hr
{
display:none;
}
div#projectfork.category-list
{
margin: 0 auto !important;
}
div.cat-items
{
margin-top:0px !important;
}
div.project-navigation2
{
display: inline-block;
float: left;
z-index: 100;
position: relative;
width: 100%;
height: 80px;
}
div.project-navigation2 div
{
text-align:center !important;
}
.row-fluid .span11
{
margin:0 !important;
width:100% !important;
}
.table th, .table td
{
padding:8px 0px !important;
}
.row-fluid .span11 h4
{
margin-left:-4px
}
div.fc.fc-ltr 
{
margin-top: -20px !important;
}
span.fc-header .fc-button
{
margin-top:10px !important;
}
div.fn-gantt,div.span1.hidden-phone
{
display:none !important;
}
.formelm label
{
width:25% !important;
}
div.formelm-buttons.btn-toolbar
{
float:left !important;
text-align:left !important;
width:100% !important;
margin-bottom:10px !important;
margin-top:0px !important;
}
.row-fluid .span7
{
width:100% !important;
}
.row-fluid .span5
{
width: 100% !important;
margin-left: 0px !important;
margin-top: 10px !important;
}
div.row-fluid
{
padding:0px !important;
border:none !important;
}
div.footer-button 
{
width: 100% !important;
}
div#centery.footer-button,div#righty.footer-button,div#lefty.footer-button
{
float: center !important;
overflow: hidden;
margin: 4px 0px 30px !important;
max-width: 500px !important;
height: auto;
}
div.login-wrap
{
width: 80% !important;
margin: 0 auto !important;
padding-bottom: 20px !important;
padding-left: 0px !important;
text-align: left !important;
}
div.product-showcase
{
width: 100% !important;
}
div#lefty.product-showcase,div#centery.product-showcase,div#righty.product-showcase
{
float:left !important;
}
div#righty.lower-footer-button,div#lefty.lower-footer-button
{
display:none;
}
div.site-lock-wrap 
{
height: 48px !important;
text-align: center !important;
float: center !important;
padding:0px !important;
}
div.small-footer-button-container 
{
padding: 32px 32px 0px !important;
}
.contactenhanced_email
{
width: 90%;
}
div.site-lock-wrap img
{
width:auto !important;
height:50px !important;
}
span.fc-header-title h2
{
font-size:18px !important;
padding-top:10px !important;
}
a.modal.cboxElement img
{
display:none !important;
}
body
{
padding:0px !important;
}
mod#mod_pf_calendar_130
{
margin-top:-20px;
}
#footer
{
padding-bottom:0px !important;
margin-bottom:0px !important;
}
div.small-footer-button-container
{
width: 92% !important;
}
}