/* Accordian Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
 
/*****Basic Definitions*****/
body { background: #fff; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; padding: 20px; overflow-x: hidden; }
h1 { font-size: 24px; line-height: 30px; margin-bottom: 18px; }

ul#homeimage {position: absolute; top: 20px; left: 160px; width: auto; height: auto; list-style: none; padding: 0;}
#homegrid {position: absolute; top: 20px; left: 260px; width: auto; height: auto; list-style: none; padding: 0;}
.pushleft {margin-left: 7px;}
.pushtop {margin-top: 5px;}


a { }
a:visited { }
a:hover { text-decoration: none; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 0 auto; overflow: hidden; padding: 20px 0; width: 960px; }
div#content { float: left; width: 600px; }

div#sidebar { float: left; font-size: 12px; line-height: 18px; width: 100%; }

/*****Accordion Styles*****/

/*****IE HACKS*****/
*ul#accordion { float: left; width: 100%; }
*ul#accordion li { float: left; width: 100%; }
*ul#accordion a.heading { width: 298px; }
*ul#accordion ul li { float: none; width: 100%; height: auto; }
/*****end ie hacks*****/

ul#accordion, ul#accordion ul { list-style: none; margin: 0; }
ul#accordion { border-bottom: none; }
ul#accordion li { border: none; border-bottom: none; }
ul#accordion ul li { border: none; border-bottom: none; color: #999; padding: 0; }
ul#accordion ul li:last-child { border-bottom: none; }
ul#accordion a.heading { 
	color: #00adef;
	display: block;
	font-size: 38px;
	line-height: 10px;
	padding: 0px;
	text-decoration: none;
}
ul#accordion a.heading:hover { color: #999; font-size: 38px; }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { color: #999; font-size: 38px;}

ul#accordion li ul#work a.nolink { border-bottom: 1px dotted #ccc; width: 270px; display: block; color: #999; text-decoration: none; padding-bottom: 4px; margin: 0; }
  
ul#accordion li ul a { border-bottom: 1px dotted #ccc; width: 270px; display: block; color: #999; text-decoration: none; padding-bottom: 4px; margin: 0; *padding-top: 2px; }
ul#accordion li ul a:hover { border-bottom: none; color: #666; border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 0; text-decoration: none; }
ul#accordion li ul a.worknow { border-bottom: none; color: #666; border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 0; text-decoration: none; }

/*****Additional Custom Accordion Styles*****/
body#customAccordion ul#accordion li ul { display: none; }
body#customAccordion ul#accordion li.current ul { display: block; }

.grid {float: left; width: auto; padding-bottom: 20px; margin-top: 5px;}
.gridd {float: left; width: auto; margin-top: 5px;}
.expand {width: 550px; padding-bottom: 20px; font-size: 11px;}
.titles {font-size: 12px; color: #444; *line-height: 12px;}
.titles2 {font-size: 12px; color: #444; padding-left: 40px; *line-height: 12px;}
.padder {width: 60px; height: 10px; float: left;}
.worker {line-height: 5px; *line-height: auto;}
.workholder {width: 100%; padding-bottom: 20px; font-size: 11px;}
.paddington {float: left; width: auto; height: 14px;}

ul#accordion li ul.cli a { border-bottom: 1px dotted #ccc; width: auto; display: block; color: #999; text-decoration: none; padding-bottom: 4px; margin: 0; padding-right: 60px; font-size: 11px; }
ul#accordion li ul.cli a:hover { border-bottom: none; color: #666; border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 0; text-decoration: none; padding-right: 60px; font-size: 11px; }
.cli {line-height: 5px; width: 700px;}

ul#accordion li ul.pro a { border-bottom: 1px dotted #ccc; width: auto; display: block; color: #999; text-decoration: none; padding-bottom: 4px; margin: 0; padding-right: 50px; font-size: 11px; }
ul#accordion li ul.pro a:hover { border-bottom: none; color: #666; border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 0; text-decoration: none; padding-right: 50px; font-size: 11px; }
.pro {line-height: 5px;}
#crprofile {float: right; width: 240px; height: 147px; background: #fff url(../images/crprofile.jpg) top left no-repeat; margin-right: 215px; margin-top: 20px;}

.abouter {width: 960px;}
.boutext {width: 330px; padding-bottom: 20px; font-size: 11px; line-height: 14px; float: left; padding-right: 30px;}

#loginner {float: left; padding-bottom: 20px;}

#contactleft {float: left; width: 155px; }
#contactright {float: left; width: auto; margin-left: 40px;}
.liner {border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; width: auto; display: block; padding-bottom: 4px; padding-top: 4px;}
.minipad {padding-top: 6px;}

.worksize {overflow: hidden; *overflow: visible; line-height: 14px; color: #444; width: 100%;}
.divider {float: left; width: auto; padding-bottom: 20px;}
.linker {padding-left: 400px; border-bottom: none;}

.boxes {border: 1px solid #ccc; color: #444; width: 155px;}
.submit {background: #444; color: #fff; padding: 2px 2px 2px 2px; border: none;}
.formcancel {background: #e8e8e8; color: #444; padding: 2px 2px 2px 2px; border: none; margin-left: 10px;}
#theform {float: left; width: auto; margin-top: 20px;}

ul#accordion li ul.tact a { color: #999; text-decoration: none; font-size: 11px; border: none; width: auto; padding-bottom: 0px; border-bottom: 1px dotted #fff;}
ul#accordion li ul.tact a:hover { color: #666; text-decoration: none; font-size: 11px; border: none; width: auto; padding-bottom: 0px; border-bottom: 1px dotted #444;}

ul.screens {
width: 442px;
height: 239px;
padding-top: 13px;
padding-left: 67px;
margin: 0;
list-style: none;
background: #fff url(../images/work/laptop.png) top left no-repeat;
border: none;
}
ul.screens li {
width: 311px;
height: 195px;
margin: 0;
padding: 0;
}
ul.screensfm {
width: 442px;
height: 239px;
padding-top: 13px;
padding-left: 67px;
margin: 0;
list-style: none;
background: #fff url(../images/work/fm/laptopfm.png) top left no-repeat;
border: none;
}
ul.screensfm li {
width: 311px;
height: 195px;
margin: 0;
padding: 0;
}

#footer {position: fixed; _position: absolute; bottom: 0; left: 0; width: 100%;  z-index: 999; padding-top: 4px; padding-bottom: 60px;}
#footer a {color: #999; font-size: 11px; text-decoration: none;}

#loader {
	position:absolute;
	top: 50%;
	left: 50%;
	width:32px;
	height:32px;
	margin-top: -16px; /*set to a negative number 1/2 of your height*/
	margin-left: -16px; /*set to a negative number 1/2 of your width*/
    text-align: center;
}