/*-----------------------------------------------------------------------------
author:    Luke Ashe-Browne
website:   http://www.atamia.com/
-----------------------------------------------------------------------------*/

/* =General reset sheet (eric meyer template)
-----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p{
    margin-bottom:0.5em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* = end reset
 **************************/

/* = basic layout setup for atami */

li{list-style:none;}
.contentformat ul li{ margin-left:2em; list-style:disc;}

.contentformat p{

margin-bottom:0.5em;

}
/* Class for clearing floats */

.clear {
	clear:both;
}

.block{
	display:block;
}

/* Remove border around linked images */

img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 0.8em/1.8em Verdana, Arial, sans-serif;
	background-color:#fff;
    color:#575757;
	margin: 0;
	padding: 0;
}

/* =Wrapper
-----------------------------------------------------------------------------*/

#wrapper {
	height: auto !important; 
	height: 100%;
	min-height: 100%;
	width:920px;
	margin: 0 auto 32px;
    margin-bottom:32px;
	position: relative; 
	background-color: #fff;
    overflow:hidden;
	/*padding: 10px;*/
}


#content{
    margin-top:1em;
    overflow:hidden;
}
/* =Headings
-----------------------------------------------------------------------------*/

#header {
	width: 100%;
	height: 150px;
	background-image: url(../images/Atamia_logo_header_white_20.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
}

#header h1 {
	margin:0;
	position:relative;
	top: 40px;
	left:-9999px;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #777;
}

a:hover, a:active {
	text-decoration:none;
	color: #17fd00;
}

/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

#nav {
    overflow:hidden;
    background:transparent url(../images/navBg.jpg) scroll repeat-x 0;
    width:100%;
    height:29px;
}

#nav ul{
    margin:0 auto;
    width:920px;
    list-style:none;
}

#nav ul li{
	display:inline;
}

#nav a{
    height:29px;
    text-align:center;
    padding:.25em 30px 0;
    display:block;
    float:left;
    line-height:1.2em;
    font-size:1.2em;
    font-weight:300;
}


#nav a:link, #nav a:visited {
	color:#fff;
}

#nav a:hover, #nav a:active{
    outline:0;
    color: #17fd00;
    background: transparent url(../images/navOver.jpg) scroll repeat-x 0 0;
}

#nav a.current{
	background:transparent url(../images/navCurrent.jpg) scroll repeat-x 0 0;
	color:#000;
    height:29px;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/
#subnav{
    background-color:#000;
    color:#ccc;
    height:10px;
}

/* =Main Content
-----------------------------------------------------------------------------*/

h1,  h2, h3, h4, h5{
	margin-bottom:0.5em;
	/*color:#33ff00;*/
	color:#4f4f4f;
    font-weight:bold;
}

h1{
    font-size:1.8em;
}
h2{
    font-size:1.6em;
}
h3{
    font-size:1.4em;
}
h4{
    font-size:1.3em;
}
h5{
    font-size:1.1em;
}

p{
    overflow:hidden;
}

/* =Utility css classes
---------------------------------*/
.twothirdcolumn{
	float:left;
	width:66%;
}

.onethirdcolumn{
	float:left;
	width:33%;
    min-width:260px;
}

.onethirddividerleft{
	float:left;
	width:29%;
	border-left:1px solid #ccc;
	padding-left:2%;
	margin-left:1%;
}

.onequartercolumn{
	float:left;
	width:23%;
}

.halfcolumn{
	float:left;
	width:45%;
}

.halfcolumndividerleft{
	float:left;
	width:45%;
	padding-left:2%;
	margin-left:2%;
	border-left:1px solid #ccc;
}

.threequartercolumn{
	float:left;
	width:73%
}

.last{
	margin-left:2%;
	padding-left:2%;
	border-left:1px solid #ccc;
}

.pageblock{
    display:block;
    overflow:hidden;
    margin-top:1em;
}

.divider-right{
	margin-right:2%;
	padding-right:2%;
	border-right:1px solid #ccc;
}

.divider-left{
	padding-left:2%;
	margin-left:2%;
	border-left:1px solid #ccc;
}

.bicolumnright{
	margin-left:2%;
}

.right{
	float:right;
	margin:6pt 0 6pt 6pt;
}

.left{
	float:left;
	margin: 6pt 6pt 6pt 0;
}

.image{
	padding:4px;
}

/* =  home page specific
---------------------------------------------------------------------------*/

/* = Content slider
-----------------------------------*/
.ui-tabs-hide{
    display:none;
}

.ui-tabs-panel{
    overflow:hidden;
}
/* = home slider
-----------------------------------*/

#content_homeslider{
    position:relative;
    overflow:hidden;
    margin-top:10px;
    height:215px;
}



ul.slider_tiles{
    width:390px;
    height:200px;
    border:1px solid #575757;
    position:absolute;
    top:0px;
}

.slider_tiles li{
    position:relative;
    color:#fff;
}

.slider_tiles h2{
    position:absolute;
    font-weight:800;
    top:0;
    color:#fff;
    left:12px;
}
.slider_tiles p{
    position:absolute;
    top:2em;
    left:12px;
    font-size:120%;
    font-weight:800;
}

.slider_control{
    float:right;
}

.slider_control li{
    list-style:none;
    width:215px;
    height:50px;
    font-size:1.7em;
    background: transparent url(../images/sliderbtn.jpg) scroll repeat-x 0 0;
    overflow:hidden;
}

.slider_control li a{
    padding-left:0.5em;
    padding-top:15px;
    display:block;
    font-weight:300;
}

.slider_control li a.welcome{
    color:#23ff42;
}
.slider_control li a.people{
    color:#ff00e4;
}
.slider_control li a.curproj{
    color:#f89d0d;
}
.slider_control li a.ftrproj{
    color:#45b2ff;
}

.slider_control li a.current, .slider_control li a:hover, .slider_control li.ui-tabs-selected{
    background: transparent url(../images/sliderbtnOver.jpg) scroll repeat-x 0 0;
}
#content_home ul.ui-tabs-nav{
    display:none;
}
.content_tabs_control li{
    display:inline;
}
.datebox{
    float:left;
    width:34px;
    margin-right:1em;
}

.datebox p{
    margin:0;
    line-height:1em;
    text-align:center;
    width:34px;
}

.datebox .day{
    color:#575757;
    font-size:1.5em;
    border-width:1px;
    border-style:solid;
    padding:0.1em 0 0.2em;
    width:32px;
    border-color:#1dfe0c;
}

.datebox .month{
    color:#fff;
    font-size:0.8em;
    background:transparent url(../images/dateboxMonth.jpg) scroll no-repeat 0 100%;
    height:11px;
}



#press_header{
    text-align:right;
    display:block;
    position:relative;
    border:1px solid #000;
}


.presslist .prpreview{
    font-size:0.8em;
}

.presslist .pressitem h5{
    margin: 0 0 0.25em;
    line-height:1.1em;
}
.presslist p{
    line-height:1em;
    margin:0;
}

.previewjoblist li{
    background:transparent url(../images/circleGoGreen.jpg) scroll no-repeat 100% 0;
    border-bottom:thin solid #8dd088;
    margin:0.4em;
}
.previewjoblist a{
    display:block;
}

.headshot{
 border:3px solid #ccc;
}

/* = contactus specific
-----------------------------------------------------------------------*/
#mapdiv{
	text-align:right;
}

#address p{
	margin-bottom:0.4em;
}

/* = jobs page specific
---------------------------------------------------------------------*/
dd{
	margin-left:3em;
	padding-left:3em;
	background:transparent url(../images/greenarrow2.png) scroll no-repeat 0 0.6em;
}


/* = investor contact page
 * ---------------------------------------------------------------------*/
#investorcontact_container{
    width:920px;     
    margin:0 auto;
    overflow:hidden;
}

.investor_info_pane{
    padding:0 1.5em;
}

.investor_links_block{
    border-top:2px solid #ddd;
    padding:1em;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
}
.investor_info_pane h3{
    margin-top:0.3em;
    padding-top:0.1em;
}

.investor_right img{
    padding-bottom:1em;
}

a.pdfdownload{
    background:transparent url(../images/pdf-icon_48px.png) no-repeat scroll 0 0;
    padding:10px 10px 12px 50px;
    display:block;
}

/* = recaptcha widget
 * -------------------------------------*/
#recaptcha_widget{
    border:1px solid #aaa;
    width:300px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
#recaptcha_widget .recaptcha_logo{
    float:right;
}

#recaptcha_widget h4{
    padding-left:0.5em;
}

#recaptcha_widget .recaptchacontrols{
    padding-left:0.5em;
}

#recaptcha_image{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:0 auto;
}

/* = press list page
 * ------------------------------------------------------------*/
#pressreleaseslist{
    list-style:none;

}
#pressreleaseslist li.pressitem{
    overflow:hidden;
}

li.pressitem em.itemdate{
   float:right;
   margin-left:6em;
}
#pressreleaseslist li img{
    float:right;
    margin-right:10%;
}

p.pressdate{
    font-size:0.75em;
    color:#aaa;
    font-style:italic;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	width: 100%;
	text-align:center;
	color: #fff;
	font-size:1em;
	padding-top:120px;
	background-image: url(../images/footer_nodesbg2.jpg);
	background-repeat: repeat-x;
	background-position:0 0;
	background-color:#000;
}

#footerband{
    overflow:hidden;
}

#footerband a{
	color:#ccc;
	padding:7px 33px 6px;
}

#footerband a:hover, #footer a:active{
	color:#44ff44;
    background: transparent url(../images/shaded_bar02b.png) scroll repeat-x 0;
}

#footerband{
    background:transparent url(../images/shaded_bar02a.png) scroll repeat-x 0;
}

/* =Forms
-----------------------------------------------------------------------------*/
.formmessage{
  background-color: #399;
  -moz-border-radius: 1em 1em;
  -webkit-border-radius: 1em 1em;
  color: white;
  margin: 1em 2em;
  padding: 1em;
}

.formerrors li{
    list-style:none;
    font-size:0.8em;
    font-style:italic;
}

.error {
	font-weight: bold;
	color:#FF3300;
	padding-left: 18px;
	background: url(../../shared/images/error.png) no-repeat left top;
}

fieldset{
    line-height:1em;
    border:none;
    padding:0.25em 0.25em;
}

fieldset legend{
    font-size:1.4em;
    padding:0.25em 0 0.25em 0;
}

fieldset div{
    overflow:hidden;
    padding-bottom:0.25em;
}

label{
    overflow:hidden;
    width:10em;
    display:inline-block;
}
form p.helptext{
   color:#666600;
   font-size:0.85em;
}
.contact_form input{
    border:1px solid #333;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.2em;
    background-color:#ddd;
    color:#666;
}

.contact_form textarea{
    border:1px solid #333;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.2em;
    background-color:#ddd;
    color:#666;
}

.highlightarea{
    padding:1em;
    float:left;
    margin-top:1em;
    background-color:#C3D9FF;
    border:1px solid #bbe;
}

.formsidemessage{
    width:45%;
}

.basiccontactform{
    float:right;
    width:50%;
}