/************** Portal Site ****************/

BODY,.body, .NormalText{
	color:Black;
	margin:0px;
	padding:0px;
	height:100%;
	font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
}
A{
	font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
	color:Black;
	text-decoration:none;
}

h1
{
    color:#50b5d6;
	font-size:30px;
	font-weight:normal;
	margin:0px 10% 0px 10%;
	padding:0px;
}

h2
{
    color:#50b5d6;
	font-size:18px;
	font-weight:normal;
	margin:5px 0px 5px 0px;
	margin:0px;
	padding:0px;
}

h3
{
    color:#50b5d6;
	font-size:14px;
	font-weight:normal;
	margin:5px 0px 5px 0px;
	margin:0px;
	padding:0px;
}

TD{
	font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
	color:Black;
}
INPUT{
	font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
	color:Black;
}
SELECT{
	font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
	color:Black;
}

div
{
    font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
	color:Black;
}

p
{
    font-family: 'Open Sans', sans-serif, Verdana,Ms Sans Serif;
	font-size: 14px;
	color:Black;
}

img
{
    border:none;
}

* {
	margin: 0;
}
html {
	height: 100%;
}

.internal3
{
    background-color:#ecf0f1;
}

/* default */
.wrapper 
{
    width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	margin-bottom: -80px;
}

.push {
	height: 80px; /* .push must be the same height as .footer */
	clear: both;
}

.footer
{
    height: 80px;
    clear: both;
}

.top-area
{
    height:80px;
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1100;
}

.middle-container
{
    width:100%;
    padding-top:80px;
}

.middle2-container
{
    width:100%;
    padding-top:0px;
}

.middle-left
{
    width:30%;
    height:100%;
    float:left;
}

.middle
{
    width:70%;
    float:left;
}

.left
{
    position:relative;
    top:-30px;
    width:100%;
    height:100%;
}

/*internal*/

.middle-top
{
    text-align: center; margin: 0px auto; width: 100%;
    padding:30px 0px 0px 0px;
}

.middle2-top
{
    text-align: center; margin: 0px auto; width: 100%;
    padding:30px 0px 30px 0px;
}

.middle3-top
{
    text-align: center; margin: 0px auto; width: 100%;
    padding:60px 0px 30px 0px;
}

.outer-container
{
	width:100%;
	 -webkit-box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 5px 7px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 5px 7px rgba(50, 50, 50, 0.2);
    clear:left;
	overflow:hidden;
	background-color:#4f9ab3; /* column 2 background colour */
}

.outer-container-2
{
	width:100%;
	 -webkit-box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 5px 7px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 5px 7px rgba(50, 50, 50, 0.2);
    clear:left;
	overflow:hidden;
	background-color:#50b5d6; /* column 2 background colour */
}

.inner-container
{
    float:left;
	width:100%;
	position:relative;
	right:40%;
	background: #ffffff;  /* column 1 background colour */
}

.middle-column
{
	float:left;
	width:60%;
	position:relative;
	left:40%;
	overflow:hidden;
}

.right-column
{
	float:left;
	width:40%;
	position:relative;
	left:40%;
	overflow:hidden;
}

.right-column-2
{
	float:left;
	width:40%;
	position:relative;
	left:40%;
	overflow:hidden;
}

.left-inner-container
{
    padding:20px 20px 20px 10%;
}

.right-inner-container
{
    padding:20px 10% 20px 40px;
    height:100%;
}

.right-inner
{
    color:#ffffff;
    background-color:#50b5d6;
}

.right-bottom-column
{
    color:#ffffff;
    height:100%;
}

.right-bottom-column td, .right-bottom-column h2, .right-bottom-column h3, .right-bottom-column div, .right-bottom-column ul
{
    color:#fff;
}

.left-bottom-column
{
    position:absolute;
    bottom:0px;
    right:0px;
}

.right-inner-container h2, .right-inner-container h3, .right-inner-container td, .right-inner-container div
{
    color:#ffffff;
}

.right-column h2, .right-column h3
{
    color:#ffffff;
}

.right-column ul
{
    color:#ffffff;
}

.middle-menu
{
    width:100%;
}

/*menu*/

#atc-logo
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:100000;
    width:253px;
    height:83px;
    background:url(../img/header_logo_shape.png) no-repeat;
}

#atc-logo img
{
    padding-left:15px;
    padding-top:13px;
}

.menu-container
{
    width:100%;
    background-color:#474747;
    height:28px;
    padding-top:26px;
}

.menu-container ul
{
    position:relative;
    white-space:nowrap;
    margin:0px;
    padding:0px;
    list-style-type:none;
    list-style-position:outside;
    z-index:999;
    padding-left:30%;
}

::made-up-pseudo-element, .menu-container ul 
{
    width:100%;
}

.menu-container ul ul
{
    position:absolute;
    width:100%;
    left:0px;
    display:none;
    margin:0px;
    padding:0px;
    list-style-type:none;
    list-style-position:outside;
    z-index:998;
    background-color:rgba(116, 197,224,0.8);
    height:30px;
    padding-left:30%;
}

.menu-container ul li.current ul
{
    display:block;
}

.menu-container ul li.current ul li
{
    position:relative;
    float:left;
    padding:0px 15px 0px 0px;
    margin:5px 0px 10px 0px;
    border-right:solid 1px #fff;
}

.menu-container ul li.current ul li a
{
    border-bottom:none;
}

.menu-container ul a{
display:block;
color:#ccc;
text-decoration:none;
font-size:14px;
padding-bottom:5px;
margin:0px 0px 0px 15px;
}

.menu-container ul > li > a
{
    border-bottom:solid 3px transparent;
}

.menu-container ul > li
{
    padding-right:10px;
}

.menu-container ul li li a:hover, .menu-container ul li.current > a{
color:#fff;
border:none;
}

.menu-container ul li > a:hover, .menu-container ul > li.current > a{
color:#fff;
border:none;
border-bottom:solid 3px #d2232a;
}

.menu-container ul li{
float:left;
}

.menu-container ul li ul a{
height:auto;
float:left;
font-size:14px;
padding:0px;
color:#d6eef6;
}

.menu-container ul li ul li:last-child
{
    border-right:none;
}

.top-left
{
    width:30%;
    float:left;
    text-align:center;
}

.top-center
{
    width:70%;
    float:left;
}

.clearDIVs
{
    clear:both;
    height:1px;
    line-height:1px;
}



/*** home ***/

#level1
{
    width:100%;
    height:100%;
}

#level2
{
    width:100%;
    background:url(../img/inner-bg.jpg) no-repeat fixed;
    background-size: cover;
    -webkit-box-shadow: 0px -5px 7px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px -5px 7px rgba(50, 50, 50, 0.2);
    box-shadow:         0px -5px 7px rgba(50, 50, 50, 0.2);
    height:100%;
}

#level3
{
    width:100%;
    background:url(../img/history.jpg) no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px -5px 7px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px -5px 7px rgba(50, 50, 50, 0.2);
    box-shadow:         0px -5px 7px rgba(50, 50, 50, 0.2);
    height:100%;
}

.white-box
{
    background-color: rgba(255, 255, 255, 0.8);
    padding:5% 10% 5% 10%;
    margin:30px 0px 0px 15px;
}

.white-box h1
{
    margin:0px !important;
}

.gray-box
{
    background-color: rgba(223, 224, 224, 0.8);
    padding:5% 10% 50px 10%;
    margin-left:15px;
}

.gray-box h1
{
    margin:0px !important;
}

#side-nav
{
    position:fixed;
    top:50%;
    right:10px;
    list-style:none;
    margin:0px;
    padding:0px;
    z-index:999;
}

#side-nav li
{
    display:block;
    margin:0px;
    padding:0px;
    margin-bottom:15px;
    text-align:right;
    opacity: 0;
}

#side-nav li a span.bullet
{
    display:inline-block;
    margin:0px;
    padding:0px;
    background:url(../img/side/vertical_btn_inactive.png) no-repeat;
    width:18px;
    height:20px;
}

#side-nav li a:hover span.bullet
{
    background:url(../img/side/vertical_btn_hover.png) no-repeat;
}

#side-nav li a.selected span.bullet
{
     background:url(../img/side/vertical_btn_active.png) no-repeat;
}

#side-nav li a span.title
{
    color:#ffffff;
    font-size:12px;
    background-color:#50b5d6;
    height:18px;
    line-height:18px;
    margin:0px;
    margin-right:5px;
    padding:0px 5px 0px 5px;
    display:none;
}

#side-nav li a:hover span.title
{
    display:inline-block;
}

.black-footer
{
    background-color:#474747;
    height:50px;
    line-height:50px;
    color:#ffffff !important;
    padding:0px 5% 0px 5%;
    line-height:50px;
    font-size:12px;
}

.black-footer img
{
    vertical-align:middle;
}

.black-footer a
{
    color:#ffffff !important;
    font-size:12px !important;
    text-decoration:underline;
}

.black-footer-left
{
    width:50%;
    float:left;
    text-align:left;
    color:#ffffff !important;
    font-size:12px !important;
}

.black-footer-right
{
    width:50%;
    float:left;
    text-align:right;
    color:#ffffff !important;
    font-size:12px !important;
}

.black-footer table td, .black-footer table td a
{
    color:#ffffff !important;
    font-size:12px !important;
}

.gray-footer
{
    background-color:#e8e8e8;
    height:30px;
    line-height:30px;
    color:#333;
    padding:0px 5% 0px 5%;
    overflow:hidden;
    font-size:12px !important;
}

.gray-footer-left
{
    width:70%;
    float:left;
    text-align:left;
    font-size:12px !important;
}

.gray-footer-left a
{
    padding-right:3px;
    font-size:12px !important;
}

.gray-footer-left a:hover
{
    padding-right:3px;
    font-size:12px !important;
    text-decoration:underline;
}

.gray-footer-right
{
    width:30%;
    float:left;
    text-align:right;
    font-size:12px !important;
}

.gray-footer table td
{
    white-space:nowrap;
    font-size:12px !important;
}

.centered-div
{ 
    text-align: center; margin: 30px auto; width: 70%;
}

.whiteText h2
{
    color:#ffffff;
	font-size:24px;
	font-weight:normal;
}

.whiteText
{
    color:#ffffff;
}

.fos-table td img
{
    width:140px;
    height:auto;
}

.learn-more
{
    background:#ebebeb url(../img/learn-more.jpg) no-repeat right;
    text-align:right;
    padding-right:20px;
    height:14px;
    line-height:14px;
}

.learn-more a
{
    color:#50b5d6;
    font-size:14px;
}

.learn-more-smaller
{
    background:#ebebeb url(../img/learn-more-bigger.jpg) no-repeat right;
    text-align:right;
    padding-right:20px;
    height:14px;
    line-height:14px;
}

.learn-more-smaller a
{
    color:#50b5d6;
    font-size:14px;
}

.learn-more-small
{
    background:#ebebeb url(../img/learn-more-big.jpg) no-repeat right;
    text-align:right;
    padding-right:20px;
    height:14px;
    line-height:14px;
}

.learn-more-small a
{
    color:#50b5d6;
    font-size:14px;
}

.learn-more-middle
{
    background:#ebebeb url(../img/learn-more-middle.jpg) no-repeat right;
    text-align:right;
    padding-right:20px;
    height:14px;
    line-height:14px;
}

.learn-more-middle a
{
    color:#50b5d6;
    font-size:14px;
}

.hcms-product
{
    text-align:justify;
}

.hcms-product img
{
    padding-bottom:5px;
}

#first_level
{
    width:100%;
}

#second_level
{
    width:100%;
    background:url(../img/inner-bg.jpg);
    background-size: cover;
    -webkit-box-shadow: 0px -5px 7px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px -5px 7px rgba(50, 50, 50, 0.2);
    box-shadow:         0px -5px 7px rgba(50, 50, 50, 0.2);
    height:100%;
}

.read-more
{
    display:block;
    background:url(../img/blue-triangle.png) no-repeat;
    color:#ffffff;
    font-size:16px;
    width:236px;
    height:65px;
    line-height:40px;
    text-decoration:none;
    margin-top:-40px;
}

.read-more td
{
    font-size:16px;
    color:#ffffff;
    text-align:center;
}

ul.image-menu
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.image-menu li
{
    display:inline-block;
    margin:0px;
    padding:0px;
    vertical-align:top;
    opacity: 0;
}

ul.image-menu li a
{
    display:inline-block;
    color:#999999;
    font-size:16px;
}

ul.image-menu li a:hover, ul.image-menu li.selected a
{
    color:#333333;
}

ul.image-menu li a img
{
    margin:5px 5px 5px 5px;
    width:134px;
}

/*** timeline ****/


#timeline a {
	color: #50b5d6;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	font-size:20px;
}
#timeline a.selected {
color: #ffffff;
}

#timeline {
width: 800px;
overflow: hidden;
margin: 0px auto;
position: relative;
background:url('../img/timeline/timeline.png') repeat-x;
}

#dates {
width: 800px;
height: 85px;
overflow: hidden;
}
#dates li {
list-style: none;
float: left;
width: 108px;
height: 85px;
line-height:50px;
font-size: 20px;
text-align: center;
}
#dates a {
	display:block;
	width: 108px;
height: 85px;
line-height:75px;
background: url('../img/timeline/date.jpg') no-repeat center 48px;
}
#dates .selected {
    font-size: 30px;
    background: url('../img/timeline/date-sel.png') no-repeat;
    color:#ffffff;
}

#issues {
width: 800px;
overflow: hidden;
background-color:#f0f0f0;
}	
#issues li {
width: 800px;
list-style: none;
float: left;
}

#issues li h1 {
	color: #50b5d6;
	font-size: 20px;
}
#issues li p {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	text-align:justify;
	margin:10px 80px 10px 0px;
}

#grad_left,
#grad_right {
width: 30px;
height: 350px;
position: absolute;
top: 50;
background:url('../img/timeline/date.png') repeat-x;
}
#grad_left {
left: 0;
}
#grad_right {
right: 0;
}

#next,
#prev {
position: absolute;
font-size: 70px;
top: 170px;
width: 40px;
height: 40px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#next {
right: 0;
background-image: url('../img/timeline/next.png');
}
#prev {
left: 0;
background-image: url('../img/timeline/prev.png');
}
#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

ul.thumb-menu
{
    vertical-align:top;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.thumb-menu li
{
    vertical-align:top;
    display:inline-block;
    margin:0px 0px 5px 0px;
    padding:0px;
}

ul.thumb-menu li a
{
    display:inline-block;
    color:#ffffff;
    font-size:12px;
    text-align:center;
    margin:0px 15px 10px 0px;
}

ul.thumb-menu li a:hover
{
    color:#d2232a;
}

ul.thumb-menu li a img
{
    border:solid 5px #ffffff;
    margin-bottom:5px;
    width:115px;
    height:auto;
}


ul.thumb-menu li a img:hover
{
    border:none;
    border:solid 5px #d2232a;
}

ul.thumb-menu li.selected a
{
    color:#d2232a;
}

ul.thumb-menu li.selected a img
{
    border:none;
    border:solid 5px #d2232a;
}

/** Horizontal thumb menu ***/

ul.thumb-menu-hor
{
    vertical-align:top;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.thumb-menu-hor li
{
    vertical-align:top;
    display:inline-block;
    margin:0px 0px 5px 0px;
    padding:0px;
}

ul.thumb-menu-hor li a
{
    display:inline-block;
    color:#ffffff;
    font-size:14px;
    text-align:center;
    margin:0px 15px 10px 0px;
}

ul.thumb-menu-hor li a:hover
{
    color:#d2232a;
}

ul.thumb-menu-hor li a img
{
    border:solid 5px #f0f0f0;
    margin-bottom:5px;
}

ul.thumb-menu-hor li a img:hover
{
    border:none;
    border:solid 5px #50b5d6;
}

ul.thumb-menu-hor li.selected a
{
    color:#d2232a;
}

#div100
{
    height:100px;
}

ul.thumb-menu-hor li.selected a img
{
    border:none;
    border:solid 5px #50b5d6;
}

.request-menu
{
    background:url(../img/Request-bg.png) no-repeat;
    width:252px;
    height:39px;
    line-height:39px;
    font-size:12px;
    color:#676767;
    padding-left:35px;
}

.request-menu a
{
    font-size:12px;
    color:#676767;
}

.request-menu img
{
    vertical-align:middle;
}

.demo-skin
{
    background:#f9f9f9 url(../img/request2.png)  no-repeat right top;
}

.meeting-skin
{
    background:#f9f9f9 url(../img/request1.png)  no-repeat right top;
}

.forms
{
    padding-top:60px;
}

.forms h1
{
    margin-left:0px;
    font-weight:bold;
    color:#72c9e5;
}

.forms .lc
{
    float:left;
}

.forms .lc div
{
    min-height:40px;
    padding-top:10px;
    width:170px;
}

.forms .rc
{
    float:left;
}

.forms .rc div
{
    min-height:45px;
    padding-top:5px;
}

.form-send
{
    border:none;
    background-color:#72c9e5;
    color:#fff;
    font-size:20px;
    padding:5px 20px 5px 20px;
}

.txt_r
{
    height:25px;
    line-height:25px;
}


.txt
{
    height:25px;
    line-height:25px;
}

.txt_red
{
    border:solid 1px Red;
    height:25px;
    line-height:25px;
}

.contact-form
{
    width:100%;
}

.contact-form .txt
{
    width:100%;
    height:25px;
    line-height:25px;
    border:solid 1px #ade0f1;
    background-color:#ade0f1;
}

.contact-form .txt_r
{
    width:100%;
    height:25px;
    line-height:25px;
    border:solid 1px #ade0f1;
    background-color:#ade0f1;
}

.contact-form .txt_r2
{
    width:100%;
    height:25px;
    line-height:25px;
    border:solid 1px #ade0f1;
    background-color:#ade0f1;
}

.contact-form .txt_red
{
    width:100%;
    height:25px;
    line-height:25px;
    border:solid 1px Red;
    background-color:#ade0f1;
}

.contact-form textarea.txt_r
{
    background-color:#ade0f1;
    width:95%;
    border:solid 1px #ade0f1;
    height:100px;
}

.contact-form textarea.txt_r2
{
    background-color:#ade0f1;
    width:83%;
    border:solid 1px #ade0f1;
    height:100px;
}

.contact-form textarea.txt_red
{
    background-color:#ade0f1;
    width:95%;
    border:solid 1px Red;
    height:100px;
}

.contact-form .field
{
    width:30%;
    float:left;
    padding-right:3%;
}

.partner-txt-o
{
    height:25px;
    line-height:25px;
    border:solid 1px #ade0f1;
    background-color:#ade0f1;
}

.partner-txt
{
    height:25px;
    line-height:25px;
    border:solid 1px #ade0f1;
    background-color:#ade0f1;
}

.partner-txt-o-red
{
    height:25px;
    line-height:25px;
    border:solid 1px Red;
    background-color:#ade0f1;
}

.bt
{
    border:none;
    background-color:#72c9e5;
    color:#fff;
    font-size:20px;
    padding:5px 20px 5px 20px;
}

.max200, .max150, .max100
{
    background-color:#ade0f1;
    width:95%;
    border:solid 1px #ade0f1;
    height:100px;
}

.textvalidation
{
    color:Red;
}

/** tabs **/

.tab-menu-container
{
    width:100%;
    background-color:#e7e7e8;
}

.tab-menu
{
    margin-left:6%;
    color:#666;
}

.tab-menu a
{
    color:#666;
    height:37px;
    line-height:37px;
}

.tab-menu a:hover
{
    font-weight:bold;
}

.tab-menu a.current
{
    color:#666;
    font-weight:bold;
}

.tab-menu span
{
    padding:0px 5px 0px 5px;
}

.news-content
{
    text-align:justify;
}

.news-content .content-left
{
    float:left;
    width:15%;
    padding-right:5%;
}

.news-content .content-right
{
    float:left;
    width:80%;
}

.news-content a
{
    color:#50b5d6;
    text-decoration:underline;
}

.news-date
{
    color:#999;
    font-size:16px;
    width:100%;
    padding-bottom:10px;
}

.news-list
{
    margin:0px;
    padding:0px;
    color:#d6eef6;
    list-style:none;
}

.news-list li
{
    width:100%;
    position:relative;
}

.news-list li a
{
    color:#d6eef6;
    display:block;
    padding:10px 15px 10px 20px;
}

.news-list li a span
{
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}

.news-list li.current a
{
    background:#4f9ab3 url(../img/news_arrow.png) no-repeat left center;
    color:#ffffff;
}

.news-arrow
{
    width:11px;
    height:19px;
    position:absolute;
    left:-10px;
    z-index:100px;
}

.news-list li a:hover
{
    background-color:#49a8c8;
    color:#ffffff;
}

.news-list li.current a:hover
{
    background-color:#4f9ab3;
    color:#ffffff;
}

.news-home
{
    text-align:left;
    padding:15px 30px 15px 30px;
    background-color:rgba(255, 255, 255, 0.8);
    margin-left:15px
}

.news-home img
{
    cursor:pointer;
    float:left;
    padding-top:3px;
    padding-left:5px;
}

.news-home > a
{
    display:none;
    float:left;
}

.news-home > a:hover
{
    text-decoration:underline;
}

.latest a
{
    color:#d2232a;
    padding-right:10px;
    float:left;
}

/** Case Studies **/

#slideshow-container
{
    margin:0px 0px 15px 15px;
    background: rgba(255, 255, 255, 0.8);
    position:relative;
    min-height:312px;
    overflow:hidden;
}

#slideshow
{
    position:relative;
    z-index:1;
}

#slideshow ul
{
    margin:0px;
    padding:0px;
    list-style:none;
    width:100%;
}

#slideshow ul li
{
    width:100%;
    position:absolute;
    display:none;
    min-height:250px;
}

#slideshow ul li#li_0
{
    display:block;
}

#slideshow ul li div
{
    padding:0px 30px 30px 30px;
}


#slideshow ul li div h2
{
    font-size:30px;
    padding-bottom:10px;
    position:relative;
    left:-30px;
}

#slideshow ul li div p
{
    position:relative;
    right:-20px;
    text-align:justify;
}

#slideshow ul li div p img
{
    float:left;
    text-align:left;
    margin:0px 10px 10px 0px;
    width:160px;
}

#slideshow ul li div p img.alt
{
    float:right;
    text-align:right;
    margin:0px 0px 10px 10px;
    width:160px;
}

.bullets
{
    list-style:none;
    margin:0px;
    padding:0px;
    text-align:center;
    height:32px;
    margin-left:22px
}

.bullets li
{
    float:left;
    padding:0px;
    margin:0px;
}

.bullets li a
{
    display:block;
    background:url(../img/slider_btn.png) no-repeat;
    width:32px;
    height:32px;
}

.bullets li a:hover, .bullets li a.current
{
    background:url(../img/slider_btn_sel.png) no-repeat;
}

.btn-cs
{
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:2;
}

.btn-cs img
{
    cursor:pointer;
}

.clients
{
    background-color:rgba(245,245,245,0.8);width:80%;margin:0 auto;text-align:center;
}

.clients ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.clients ul li
{
    display:inline-block;
    margin:0px;
    padding:0px;
    width:220px;
    text-align:center;
}

.clients ul li img
{
    margin:5px 0px 5px 0px;
}

.send-container
{
    width:100%;
    text-align:right;
}

.send-button
{
    background-color:#72c9e5;
    font-size: 16px; 
    padding: 5px 0px 5px 0px;
    display:inline-block;
    width:100px;
    color:#fff !important;
    text-decoration:none !important;
    text-align:center;
    margin-bottom:15px;
    margin-top:10px;
}

.db-left
{
    width:25%;
    padding-top:10px;
    vertical-align:top;
    text-align:center;
}

.db-left a img
{
    padding-bottom: 10px; 
    width: 90%; 
    max-width: 90px;
}

.db-middle
{
    width:50%;
    vertical-align:top;
    color: #ffffff;
    padding-top:10px;
}

.db-right
{
    width:25%;
    vertical-align:top;
    text-align:right;
}

.db-right a img
{
    width: 100%;
    max-width:127px;
}

@media (max-width:320px)
{
    .clients ul li img
    {
        width:150px;
    }
    
    ul.image-menu
    {
        width:100%;
        text-align:center;
        margin:0px auto;
    }
    
    ul.image-menu li
    {
        width:70px;
    }
    
    ul.image-menu li a img
    {
        margin:5px 5px 5px 5px;
        width:60px;
    }
    
    ul.image-menu li a
    {
        font-size:12px;
    }
    
    h1
    {
        color:#50b5d6;
	    font-size:20px;
	    margin:0px 10% 0px 10%;
	    padding:0px;
    }

    h2
    {
	    font-size:16px;
	    margin:5px 0px 5px 0px;
	    margin:0px;
	    padding:0px;
    }
    
    ul.thumb-menu li a
    {
        width:85px !important;
    }
    
    ul.thumb-menu li a img
    {
        border:solid 3px #ffffff;
        margin-bottom:5px;
        width:85px !important;
        height:auto;
    }


    ul.thumb-menu li a img:hover
    {
        border:none;
        border:solid 3px #d2232a;
    }

    ul.thumb-menu li.selected a
    {
        color:#d2232a;
    }

    ul.thumb-menu li.selected a img
    {
        border:none;
        border:solid 3px #d2232a;
    }
}

@media (max-width:640px)
{
    h1
    {
        color:#50b5d6;
	    font-size:25px;
	    margin:0px 10% 0px 10%;
	    padding:0px;
    }

    h2
    {
	    font-size:16px;
	    margin:5px 0px 5px 0px;
	    margin:0px;
	    padding:0px;
    }

    .txtHeadBlue
    {
        font-size:30px;
    }
    
    .wrapper 
    {
        margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
    }
    .push {
        height: 200px; /* .push must be the same height as .footer */
    }

    .footer
    {
        height: 200px;
    }
    
    .middle-container
    {
        width:100%;
        padding-top:50px;
    }
    
    .right-inner-container
    {
        padding-bottom:40px;
    }
    
    .black-footer
    {
        height:80px;
        line-height:40px;
    }
    
    .black-footer-left
    {
        width:100%;
        float:none;
        text-align:center;
    }

    .black-footer-right
    {
        width:100%;
        float:none;
        text-align:center;
    }
    
    .gray-footer
    {
        background-color:#e8e8e8;
        height:180px;
        line-height:30px;
        color:#333;
    }
    
    .gray-footer-left
    {
        width:100%;
        float:none;
        text-align:center;
    }
    
    .gray-footer-right
    {
        width:100%;
        float:none;
        text-align:center;
    }
    
    .gray-footer-left a
    {
        display:block;
        height:30px;
        line-height:30px;
        font-size:14px !important;
    }
    
    .gray-footer-left a:hover
    {
        font-size:14px !important;
    }
    
    .fos-table td img
    {
        width:70px;
        height:auto;
    }
    
    ul.thumb-menu li a
    {
        width:110px;
    }
    
    ul.thumb-menu li a img
    {
        border:solid 3px #ffffff;
        margin-bottom:5px;
        width:110px;
        height:auto;
    }


    ul.thumb-menu li a img:hover
    {
        border:none;
        border:solid 3px #d2232a;
    }

    ul.thumb-menu li.selected a
    {
        color:#d2232a;
    }

    ul.thumb-menu li.selected a img
    {
        border:none;
        border:solid 3px #d2232a;
    }

    .outer-container
    {
	    width:100%;
	    -webkit-box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.2);
        -moz-box-shadow:    0px 5px 7px rgba(50, 50, 50, 0.2);
        box-shadow:         0px 5px 7px rgba(50, 50, 50, 0.2);
        clear:left;
	    float:none;
	    margin-bottom:20px;
	    background:none;
    }

    .inner-container
    {
        float:none;
	    width:100%;
	    background:none;
	    left:0px;
    }

    .middle-column
    {
	    float:none;
	    width:100%;
	    left:0px;
	    background: #ffffff;  /* column 1 background colour */
    }

    .right-column
    {
	    float:none;
	    width:100%;
	    overflow:hidden;
	    background-color:#4f9ab3; /* column 2 background colour */
	    left:0px;
    }
    
    .right-column-2
    {
	    float:none;
	    width:100%;
	    overflow:hidden;
	    background-color:#50b5d6; /* column 2 background colour */
	    left:0px;
    }
    
    .left-bottom-column
    {
        position:absolute;
        bottom:0px;
        right:0px;
    }
    
    .left-inner-container
    {
        padding:20px 20px 20px 20px;
    }

    .right-inner-container
    {
        padding:20px 20px 20px 20px;
        height:100%;
    }
    
    .read-more
    {
        background:url(../img/blue-triangle160.png) no-repeat;
        font-size:14px;
        width:160px;
        height:44px;
        line-height:26px;
        text-decoration:none;
        margin-top:-26px;
    }
    
    .read-more td
    {
        font-size:14px;
    }
    
    ul.image-menu
    {
        width:100%;
        text-align:center;
        margin:0px auto;
    }
    
    .tab-menu a
    {
        padding-left:10% !important;
    }
    
    .contact-form .field
    {
        width:96%;
        float:none;
        padding-right:0px;
    }
    
    .btn-cs img
    {
        width:90px;
    }
    
    #atc-logo
    {
        background:url(../img/header_logo_shape180.png) no-repeat;
        width:181px;
        height:60px;
    }
    
    #atc-logo img
    {
        width:90px;
        padding-left:5px;
        padding-top:5px;
    }
}


@media (max-width:800px)
{
    ul.image-menu
    {
        width:80%;
        text-align:center;
        margin:0px auto;
    }
    
    .top-area
    {
        position:absolute;
    }
    
    .tab-menu
    {
        margin-left:0px;
    }
    
    .tab-menu span
    {
        display:none;
    }
    
    .tab-menu a
    {
        display:block;
        height:30px;
        line-height:30px;
        padding:0px;
        border-bottom:solid 1px #ccc;
        padding-left:6%;
    }
    
    .tab-menu a:last-child
    {
        border-bottom:none;
    }
    
    #atc-logo img
    {
        
    }
    
    #slideshow ul li div h2
    {
        font-size:20px;
    }
    
    #slideshow ul li div p img
    {
        width:100px;
    }
}


@media (max-width:1024px)
{
    .top-left
    {
        width:20%;
        float:left;
        text-align:center;
    }

    .top-center
    {
        width:80%;
        float:left;
    }
    
    .middle-left
    {
        width:20%;
        float:left;
    }

    .middle
    {
        width:80%;
        float:left;
    }
    
    ul.image-menu li
    {
        width:110px;
    }
    
    ul.image-menu li a img
    {
        margin:5px 5px 5px 5px;
        width:100px;
    }
    
    .menu-container ul a
    {
        font-size:14px;
    }
    
    #div100
    {
        height:0px;
        line-height:0px;
    }
    
    .sub-menu
    {
        padding-left:20%;
    }
    
    .news-content .content-left
    {
        float:none;
        width:100%;
        padding:0px;
    }

    .news-content .content-right
    {
        float:none;
        width:100%;
    }

}