/*
    Blue   : #1dbbea
*/
/*****************************
   Colours
*****************************/
.blue { color:#1dbbea; }
.dark-grey { color:#666; }


/*****************************
   Tags
*****************************/
html { overflow-y:scroll; }

body { font-family:Arial; font-size:12px; color:#000; background-color:#666; }

h1, h2, h3 { font-weight:normal; }

h2 { font-size:18px; line-height:30px; color:#1dbbea; font-family:Verdana, Arial; margin-bottom:30px; }
h3 { font-size:14px; line-height:30px; color:#333; font-weight:bold; margin-bottom:30px; }
h4 { font-size:14px; color:#78a4c1; font-weight:bold; }
/*h4 { font-size:14px; color:#818181; border-bottom:solid 1px #818181; padding-bottom:5px; margin-bottom:20px; text-transform:uppercase; }*/
h5 { font-size:14px; font-weight:bold; color:#666; }
p { margin-bottom:20px; line-height:20px; text-align:justify; color:#666; }

a { color:#78a4c1; text-decoration:none; }
a:hover { color:#f09100; text-decoration:underline; }

sup { vertical-align:super; }


/*****************************
   Layup
*****************************/
#page_shadow { position:fixed; top:0; }
.shadow { height:9px; width:100%; background:url(../_images/layup/page_shadow.png) repeat-x left top; }

#wrapper_outer1 { background:#fff url(/_images/layup/bg_body.png) repeat-x left top; }
#wrapper_outer2 { width:920px; margin:auto; padding:0 35px; background:url(/_images/subheader-sides.jpg) no-repeat center 78px; }
#wrapper { position:relative; margin:auto; width:850px; }

#header { position:relative; height:78px; background-color:#fff; }
#logo { position:absolute; top:78px; left:0px; width:182px; height:225px; }
#logo a { display:block; width:182px; height:225px; background:url(../_images/layup/logo.jpg) no-repeat left top; }
#logo span { display:none; }
#clock { position:absolute; right:0; top:15px; text-align:right; color:#999; font-size:11px;  }

#phone_tab { position:absolute; bottom:0; width:200px; height:51px; background:url(/_images/layup/phone_tab.png) no-repeat center center; }

/** Menus
*****************************/
ul.menu { float:right; margin-top:47px; height:31px; background:url(../_images/layup/bg_menu.png) repeat-x left top; }
ul.menu li { float:left; margin:0 5px 0 5px; font-size:14px; text-align:center; }
ul.menu li a { display:block; height:27px; line-height:27px; padding:2px; color:#666; }

ul.menu a.selected, 
ul.menu li a:hover { color:#1dbbea; text-decoration:none; }

ul.menu li { padding-left:13px; background:url(../_images/layup/bg_menu_spacer.png) no-repeat left center; }
ul.menu li:first-child { padding-left:0; background:none; }

ul.menu.home_email { position:absolute; left:0; bottom:0; height:31px;  } 
ul.menu.home_email li { width:27px; height:31px;  }

ul.menu.home_email li a { display:block; padding:0; height:31px; width:27px; background-position:center top; background-repeat:no-repeat; }
ul.menu.home_email li.home a { background-image:url(../_images/layup/bg_menu_home.png); }
ul.menu.home_email li.email a { background-image:url(../_images/layup/bg_menu_email.png); }
ul.menu.home_email li a:hover { background-position:center bottom; }

/** Fly-out menu
*****************************/
ul.menu {  }
ul.menu div { position:absolute; overflow:hidden; display:none; background:#7da7c2; z-index:20000; opacity:0; }
ul.menu ul { border:solid 1px #fff; border-top:none; }
ul.menu ul li { text-align:left; display:block; float:none; margin:0; padding:0; background:none; font-size:12px; text-transform:none; font-weight:normal; white-space:nowrap; }
ul.menu ul li a,
ul.menu ul li a.selected { display:block; height:20px; line-height:20px; padding:2px 10px; color:#fff; white-space:nowrap;  }
ul.menu ul li a:hover { position:relative; color:#fff; background-color:#1dbbea; filter:alpha(opacity = 100); }


/** Sub Header
*****************************/

#sub_header { padding-left:182px; height:225px; background-color:#666; background-repeat:no-repeat; background-position:right top; }


#footer { position:relative; width:850px; margin:auto; font-size:10px; margin-top:1px; margin-bottom:20px; color:#999; border-top:solid 1px #949494;  }
#footer #copyright { text-align:right; margin-top:10px; }
#footer a { position:absolute; left:0; top:5px; width:77px; height:24px; background:url(../_images/layup/site_by_initio.png) no-repeat center center; }

/* For Editor */
.subheader_container { position:absolute; top:100px; left:200px; background-color:#fff; padding:10px; filter:alpha(opacity = 80); opacity:0.8 }
.subheader_container label { color:#000; font-size:1.4em; display:block; }


/** Content
*****************************/
#content_container { /*background:url(../_images/layup/bg_content.png) repeat-y left top;*/ }
.content_side { float:left; width:165px; padding:25px 10px 84px 33px; background:url(/_images/layup/bg_dots_vertical.png) no-repeat right 25px; }

.content_main { margin-left:208px; padding:25px 5px 100px 35px; }
.content_main ul { list-style-type:square; margin-bottom:10px; padding:0px 15px; }
.content_main ul li { margin:5px; margin-bottom:20px; line-height:20px; text-align:justify; color:#1dbbea; }
.content_main ul li span { color:#666; }


/** Additional Content - Match with global_tinymce.css
**********************************************************/
.content_main ul.small-list li { margin-bottom:5px; }

.content_main ul.image-list { list-style-type:none; padding:0; float:left; }
.content_main ul.image-list li { margin-bottom:20px; float:left; clear:both; color:#666; }
.content_main ul.image-list li img { float:left; margin:3px 20px 10px 0; }


/** Sub (content) menu
*****************************/
ul.sub_menu { }
ul.sub_menu li { font-weight:bold; display:block; margin-bottom:15px; }
ul.sub_menu li a { display:block; font-weight:normal; color:#666; font-size:13px; height:15px; line-height:15px; padding:2px 2px 2px 20px; background-image:url(/_images/layup/arrows_dark.png); background-repeat:no-repeat; background-position:left 4px; }
ul.sub_menu li a.selected,
ul.sub_menu li a:hover  { text-decoration:none; background-position:left -36px; color:#1dbbea; }

ul.sub_menu li ul { display:block; margin-top:5px; margin-left:25px; color:#1dbbea; list-style:disc; }
ul.sub_menu li ul li { margin-bottom:5px; height:auto; line-height:normal; list-style:disc; }
ul.sub_menu li ul li a { background:none; height:auto; line-height:normal; font-size:smaller; padding:0; }

.get_adobe_reader { border:dotted 1px #ccc; margin-top:50px; padding:10px; font-size:11px; color:#999; }
.get_adobe_reader a { float:right; display:block; width:112px; height:33px; margin:0; padding:0;  }
.get_adobe_reader p { margin:0; margin-right:135px; }



ul.big_buttons { padding:0; margin:20px 0; height:122px; }
ul.big_buttons li { list-style:none; margin:0; margin-right:21px; float:left; width:149px; height:122px; }
ul.big_buttons li a { color:#fff; width:125px; height:103px; float:left; padding:11px 12px 8px 12px; background:url(/_images/layup/bg_bigbtn.png) no-repeat center center; }
ul.big_buttons li a span.img { display:block; width:123px; height:77px; border:solid 1px #fff; }
ul.big_buttons li a span.txt { display:block; margin-top:8px; font-size:14px; color:#fff; background-position:right 3px; background-image:url(/_images/layup/arrows.png); background-repeat:no-repeat; }
ul.big_buttons li.last { margin-right:0; }
ul.big_buttons li a:hover { color:#1dbbea; text-decoration:none; }
ul.big_buttons li a:hover span.img { border:solid 1px #1dbbea; }
ul.big_buttons li a:hover span.txt { color:#1dbbea; background-position:right -37px; }

/** Lists
*****************************/
#casestudies-list { margin:0; padding:0; list-style:none; }
#casestudies-list li { margin:0; padding:0; border:solid 1px #999; margin-bottom:20px; }

#casestudies-list li .left { float:left; width:165px; padding:20px; }
#casestudies-list li .left img { clear:both;  }
#casestudies-list li .left a { display:block; color:#666; padding-left:20px; margin-top:10px; }

#casestudies-list li .left a.more { background-image:url(/_images/layup/plus.png); background-repeat:no-repeat; background-position:2px 4px; }
#casestudies-list li .left a.download {  background-image:url(/_images/layup/arrows_dark.png); background-repeat:no-repeat; background-position:2px 4px; }

#casestudies-list li .left a:hover { color:#1dbbea; background-position:2px -36px; }


#casestudies-list li .right { margin-left:205px; padding:20px; }

#casestudies-list h4 { color:#333; }

/** Forms
*****************************/

.contact_form { margin-bottom:30px; }
.contact_form .row { display:block; margin-bottom:5px; }
.contact_form .row label { float:left; width:185px; margin:5px 10px 0 0; color:#666; font-weight:normal; text-align:right; }
.contact_form .row input[type="text"] { width:400px; background-color:#fff; border:solid 1px #666; padding:2px; font-family:Arial, Verdana;  }
.contact_form .row textarea { width:390px; background-color:#fff; border:solid 1px #666; padding:2px; font-family:Arial, Verdana;  }
.contact_form .row select { }

.contact_form .row.btns { padding-left:195px; }


/*****************************
   Useful Classes
*****************************/

.bold { font-weight:bold; }
.aCenter { text-align:center; }
.aLeft { text-align:left; }
.fLeft { float:left; }
.fRight { float:right; }
.fNone { float:none; }
.clear { clear:both; }
.hide { display:none; }

.larger { font-size:larger; }