/* CSS Document */

/* General */
* { margin:0;}
html, body { height:100%; }
body { background:#00aeef url(/themes/incloud/images/page-bkg.png) center top no-repeat; }
a, a:visited { text-decoration:none; outline:0;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
-ms-transition: color .1s linear;
transition: color .1s linear;
}

/* Typography */
p, li { font-family:Verdana,sans-serif; font-style:normal; font-weight:400; color:#817175; font-size:12px; }
h1, h2, h3 { font-family:"sommet-rounded",sans-serif; font-style:normal; font-weight:800; }
h1 { font-size:26px; }
h2 { font-size:22px; }
h3 { font-size:18px; }

/* Colours */
.bl { color:#00aeef; }
.dk { color:#003d79 }
.lt { color:#8fdbf8 }


/* ACCORDION MENU */
body ul#am_menu li { margin-bottom:2px; }
body ul#am_menu li #am_menu_is_parent { background:url(/themes/incloud/images/nav-arrow.png) no-repeat; }
body ul#am_menu li a { background:#003d79; height:32px; color:#fff; display:block; font-family:"sommet-rounded",sans-serif; font-style:normal; font-weight:400; line-height:34px; padding-left:16px; border:none; }
body ul#am_menu li a:hover { background:#002c57; }
body ul#am_menu li ul li a { background:#8fdbf8; height:20px; line-height:22px; color:#00aeef; border:none;}

/* Div Styles */
#content { width:960px; margin:0 auto;  }
#page { min-height:100%; height: auto !important; height:100%; margin: 0 auto -30px; }
#push {height: 100px; clear:both;}

#header { background:none; }
#header #header-wrap { width:960px; margin:0 auto; height:140px; background:#fff; }
#header a#home { height:100px; width:189px; display:block; overflow:hidden; background:url(/themes/incloud/images/logo.png) no-repeat; float:left; margin-top:18px; margin-left:18px; }
#header h2 { color:#00aeef; font-size:24px; display:block; float:right; margin-top:42px; margin-right:30px; line-height:28px; }
#header span { color:#000; font-size:24px; }

#left-sidebar { float:left; width:240px; margin-right:20px; margin-top:20px; }
.ccm-layout-wrapper { width:700px; float:right; }

#slider { float:right; width:700px; margin-top:20px; margin-bottom:20px; }

.main { float:right; width:700px; /* margin-bottom:20px; */ background:#fff; color:#000; padding-bottom:20px; }
.main h1 { background:url(/themes/incloud/images/title-bkg.png) bottom right no-repeat; margin-top:-60px; width:auto; display:inline-block; padding:0px 40px 0px 20px; color:#fff; margin-bottom:10px; letter-spacing:1px; }
.main h2, .main h3 { padding-left:30px; color:#00aeef; }
.main p, .main img { padding:8px 30px; }
.main ul { list-style:outside; margin-left:20px; }
.main a { color:#00aeef; }
.main a:hover { color:#003D79; }

#subs { float:right; width:700px; margin-bottom:20px; margin-top:20px; }
#subs .ccm-layout-col-spacing { background:#8fdbf8; padding:8px 14px; }
#subs .ccm-layout-col-spacing h2 { color:#003d79; border-bottom:1px solid #00aeef; }
#subs .ccm-layout-col-spacing p { color:#003d79; margin-top:4px; }
#subs .ccm-layout-col-spacing a { display:inline-block; color:#fff; background:#003d79; height:20px; width:auto; text-align:center; padding:2px 10px; float:right; margin-top:8px; }
#subs .ccm-layout-col-spacing a:hover { background:#002c57; }

#ics-contact { width:500px; margin-left:40px; margin-top:20px; }
#ics-contact td { vertical-align:middle; }
#ics-contact label { color:#817175; }
#ics-contact label[for="captcha"] { font-size:11px; margin-left:74px; display:block; padding-top:12px; }
#ics-contact input, #ics-contact textarea { padding:6px; }
#ics-contact form td div:last-child { font-size:11px; color:green; display:block; margin-top:-18px; margin-bottom:10px; }
#ics-contact .error { font-size:12px; }

#footer { clear:both; background:#003d79 url(/themes/incloud/images/footer-bkg.jpg) repeat-x; height:30px; width:100%; margin-top:50px; font-family:"myriad-pro-n4","myriad-pro",sans-serif; 
font-style:normal; font-size:12px; font-weight:400; color:#00aeef; padding:10px 20px; }
#footer a { color:#00aeef; text-decoration: none; }
#footer a:hover { color:#8fdbf8; text-decoration: none; }
#footer-center { width:960px; margin: 0 auto; }
#terms { position: relative; float: right; } 

/* Blog Page Styles */
#breadcrumb { background:none; color:#fff; margin-bottom:16px; margin-top:26px; font-size:12px; }
#breadcrumb a { color:#fff; text-decoration:underline; font-size:12px; }
#breadcrumb a:hover { color:#003D79; }
.blog-body h1 { padding:20px 30px 0px; }
.blog-body p.meta { padding:0px 0px 20px 30px; }
.ccm-next-previous-wrapper { width:320px; margin:0 auto; text-align:center; }
.ccm-next-previous-wrapper div { float:left; margin-left:4px; text-align:center; }
.ccm-next-previous-wrapper a { display:block; padding:8px 14px; background:#003d79; color:#fff; font-size:11px; }
.ccm-next-previous-wrapper a:hover { background:#8fdbf8; color:#00aeef; }
.ccm-next-previous-previouslink, .ccm-next-previous-parentlink, .ccm-next-previous-nextlink  { width:100px; margin:0 2px; }
.page-section { width:700px; float:right; background:#fff; }
.ccm-page-list a { padding-left:20px; background:url(/themes/incloud/images/bullet.png) center left no-repeat; }
.ccm-page-list-description { padding-left:50px; font-size:12px; color:#A1A1A1; margin-bottom:10px; }

/* Social Media Links */
#social { height:25px; width:auto; float:right; margin-right:30px; }
#social ul { margin:0; }
#social ul li { list-style:none; float:left; margin-right:10px; }
#social li a {
background: url(/themes/incloud/images/icons.png) no-repeat;
display: inline-block;
opacity: 0.8;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
cursor: pointer;
text-indent: -9999px;
width: 25px;
height: 25px;
background-position: left bottom;
}
#social li a:hover { opacity: 1.0; }

#social ul li.facebook a { background-position: -50px bottom !important; }
#social ul li.linkedin a { background-position: -200px bottom; }