/*this causes a bug that won't allof hoz scroll in esm, but fixes a vert scroll issue on client form...  i will revisit this after the launch */
html {
     overflow: -moz-scrollbars-vertical;
}

body {
	font: 69%/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/ui/css/img/bg_body.gif) top left repeat-x;
}

dl, dt, dd { margin: 0; padding: 0; }
form { vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; padding: 0; margin: 0; color: #fb9900; letter-spacing: 0.02em; line-height: 1em; }
h1 { font-size: 11px; margin: 1em 0; }
h2 { font-size: 22px; margin: 14px 0 10px 0; }
h2.grey { font-size: 22px; margin: 14px 0 10px 0; color:#666666; }
h3 { font-size: 18px; margin: 12px 0; }
h4 { font-size: 16px; margin: 10px 0; }
h5 { font-size: 15px; margin: 8px 0; }
h6 { font-size: 14px; margin: 6px 0; }
img { border: none; }
ol, ul { margin: 1em 0; padding: 0 0 0 40px; }
ol ol, ol ul, ul ul, ul ol { margin: 0 0; }
p { margin: 0; padding: 0.7em 0; }
.seo { display: none; }
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

span.grey{
	color:#666666;
	font-weight:bold;
}

.gradient {
   background-image: url(/ui/img/formGrad.gif);
   border: 1px solid #6297BC;
   width: 400px;
}

.nonGradient {
   border: 1px solid #6297BC;
   width: 400px;
}

#accordion ul { padding-left: 0; }
#accordion li { background: url(/ui/css/img/bg_li.gif) 0px 6px no-repeat; list-style: none; padding-left: 12px; padding-bottom: 0px; padding-top: 0px; }

.list ul	{ padding-left: 0; }
.list li	{ background: url(/ui/css/img/bg_li.gif) 0px 6px no-repeat; list-style: none; padding-left: 12px; padding-bottom: 0px; padding-top: 0px; }

#col3 ul { padding-left: 0; }
#col3 li { background: url(/ui/css/img/bg_li.gif) 0px 6px no-repeat; list-style: none; padding-left: 12px; padding-bottom: 0px; padding-top: 0px; }

.hint { border: dashed 1px #000; color: #000; padding: 10px 10px 10px 52px; margin-bottom: 10px; background: url(img/info.gif) 10px 10px no-repeat #88c1f6; }

#template { text-align: left; width: 969px; margin: 0 auto; }
.home #template { background: url(/ui/css/img/oragami.gif) 2px 403px no-repeat; }
#flash { height: 300px; }
.home #flash { height: 358px; }

.home #content { background: url(/ui/css/img/bg_content_home.gif) top left no-repeat; padding-left: 122px; margin-bottom: 19px; }

.interior1 #content { background: url(/ui/css/img/bg_content_interior1.gif) top left repeat-y; border-top: solid 1px #d7d7d7; margin-top: 29px; }
.interior1 #col1 {
	width: 180px;
	float: left;
	background: url(/ui/css/img/oragami.gif) 10px 5px no-repeat;
	min-height: 180px;
	_height: 180px;
	_display: inline; /* fix IE6 ghost bug */
}
.interior1 #col2 { width: 494px; float: left; padding: 25px 40px; }
.interior1 #col3 { width: 192px; float: left; padding: 10px 0 10px 23px; margin-top: 10px; }
.interior1 #col3 ul li { font-weight: bold; }
.interior1 #col3 ul { padding-left: 0; list-style: none; }
/*.interior1 #col3 ol { padding-left: 23px; }*/
.interior1 #col3 span, .interior1 #col3 p { font-weight: normal; }
.interior1 #col3 .image { text-align: center; padding-top: 25px; }

.interior2 #content { background: url(/ui/css/img/bg_content_interior2.gif) top left repeat-y; border-top: solid 1px #d7d7d7; margin-top: 29px; }
.interior3 #content { background: url(/ui/css/img/bg_content_interior3.gif) top left repeat-y; border-top: solid 1px #d7d7d7; margin-top: 29px; }
.interior2 #col1, .interior3 #col1 {
	width: 180px;
	float: left;
	background: url(/ui/css/img/oragami.gif) 10px bottom no-repeat;
	padding-bottom: 180px;
	margin-bottom: 15px;
	_display: inline; /* fix IE6 ghost bug */
}
.interior2 #col2 { background: none; width: 657px; float: left; padding: 25px 40px; }
.interior2 #col3 { width: 52px; float: left; }

.interior3 #col2 { width: 550px; float: left; padding: 25px 40px; }
.interior3 #col3 { width: 159px; float: left; }

#footer {
	background: url(/ui/css/img/bg_footer.gif) top left repeat-x;
	height: 100px;
	padding-top: 20px;
	font-size: .82em;
	line-height: 1.6em;
}

#footer a{color: #969696;	background: none;	text-decoration: none;}
#footer a:hover{color: #fb9900;	background: none;	text-decoration: none;}
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer li { float: left; }
#footer .about { float: left; border-left: solid 3px #fcb131; padding-left: 9px; }
#footer .about li a { background: url(/ui/css/img/bg_footer_links_li.gif) 9px center no-repeat; padding-left: 18px; }
#footer .about li a.first { background: url(/ui/css/img/bg_li.gif) 0px -1px no-repeat; padding-left: 8px; }
#footer .links { float: right; }
#footer .links li { background: url(/ui/css/img/bg_footer_links_li.gif) 9px center no-repeat; padding-left: 18px; }
#footer .links li.first { background: url(/ui/css/img/bg_footer_links_li_first.gif) 0px -1px no-repeat; padding-left: 35px; }

/** WORKSHOP *********************************************************************/

.interior2 #col1 .col1item .userform input.usrFrmInputText {
	width:155px;
	border:1px solid #6297bc;
	background:url(/ui/img/formbg.png) top repeat-x;
}
.interior2 #col1 .col1item {
	padding:20px 0 0px 0px;
}
.interior2 #col1 .col1item .userform label.usrFrmLabel {
	display:block;
	color:#6297bc;
	font-size:10px;
}
.interior2 #col1 .col1item .userform p {
	margin:0;
	padding:0 0 5px 0;
}
.interior2 #col1 .col1item .userform p input.submitImage {
	float:right;
	margin-top:5px;
	margin-right:22px;
}

ol.doublespace {
	padding-left:25px;
}
ol.doublespace li {
	color:#fb8a00;
	font-weight:bold;
}
ol.doublespace li p{
	color:#666666;
	font-weight:normal;
}

/** NEWS *********************************************************************/

.home .news { float: left; width: 474px; }
.news dt { background: url(/ui/css/img/bg_newsitem.gif) left center no-repeat; font-weight: bold; text-transform: uppercase; }
.news dd { padding-bottom: 12px; color: #737373; }
.news dt, .news dd { padding-left: 23px; }
.news .date { padding-right: 8px; border-right: solid 1px #ccc; color: #666; }
.interior2 .news .date, .interior3 .news .date { color: #fb9900; }
.news, .clientlist { font-size: 0.91em; }
.news .more { text-align: right; padding: 5px 28px; }
.clientlist .more { text-align: right; padding: 5px 4px; }
.news .title, .clientlist .title { padding: 20px 0 10px 0; }
.clientlist { width: 366px; float: left; }
.clientlist ul { list-style: none; padding: 11px 0 0 21px; margin: 0; }
.clientlist li { float: left; }
.news .content { padding: 19px 25px 0 25px; }
.interior2 .news, .interior3 .news  { font-size: 11px !important; }
.interior2 .news .content, .interior3 .news .content { padding-left: 0; }

/** COLORS *******************************************************************/

body { color: #666; }

/** TABS *********************************************************************/

.tabs {  }
.tabs ul { list-style: none; padding-left: 0px; }
.tabs li { float: left; height: 34px; }
.tabs li.firstselected { background: url(/ui/css/widgets/tabs/bg_li_first_selected.gif) top left no-repeat; }
.tabs li.firstselected a { background: url(/ui/css/widgets/tabs/bg_a_first_selected.gif) top right no-repeat; margin-left: 3px; padding: 10px 4px; }

/** LINKS ********************************************************************/

#col1 .links { padding: 14px 0; }
#col1 .links { text-align: right; }
#col1 .links ul { list-style: none; padding-left: 0; }
#col1 .links li { padding: 0; width: 179px; overflow: hidden; }
#col1 .links a { color: #a6a6a6; font-size: 12px; text-decoration: none;}
#col1 .links ul ul { margin: 0; }
#col1 .links ul ul a { color: #969696; text-decoration: none; font-size: 11px; }
#col1 .links ul ul a:hover { color: #fb9900; }
#col1 .links ul ul a { padding: 1px 23px 1px 10px; }
#col1 .links ul ul a.selected { color: #fb9900; text-decoration: none; background: url(img/bg_links_selected.gif) 0px 8px no-repeat; *background-position: 0px 10px; }

#contentLinks a {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 1px;}
#contentLinks a:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}

.interior1 #col2 a {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 1px;}
.interior1 #col2 a:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}
.interior1 #col2 a.externallink {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 11px; background: url(/ui/css/img/externallink.gif) right center no-repeat;}
.interior1 #col2 a.externallink:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}

.interior2 #col2 a {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 1px;}
.interior2 #col2 a:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}
.interior2 #col2 a.externallink {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 11px; background: url(/ui/css/img/externallink.gif) right center no-repeat;}
.interior2 #col2 a.externallink:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}

.interior3 #col2 a {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 1px;}
.interior3 #col2 a:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}
.interior3 #col3 a {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 1px;}
.interior3 #col3 a:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}
.interior3 #col2 a.externallink {border-bottom: dotted 1px #fb9900; color: #fb9900; text-decoration:none; padding-right: 11px; background: url(/ui/css/img/externallink.gif) right center no-repeat;}
.interior3 #col2 a.externallink:hover {color: #fb9900; text-decoration: none; border-bottom:thin; border-bottom-color:#fb9900; border-bottom-style:solid;}*/

/** ACCORDION ****************************************************************/

#accordion { margin: 2em 0; }
#accordion.lite { border: solid 1px #ccc; }

.accordion_toggle {
	display: block;
	height: 25px;
	background: url(/ui/css/widgets/accordion/bg_toggle.gif) no-repeat center right;
	padding: 0 10px;
	line-height: 25px;
	font-size: 11px;
	color: #666666;
	border-bottom: 1px solid #d7d7d7;
	cursor: pointer;
	margin: 0 0 0 0;
}
.lite .accordion_toggle {
	background: url(/ui/css/widgets/accordion/bg_toggle_lite.gif) repeat-x center left;
}
.accordion_toggle span {
	display: block;
	height: 25px;
	background: url(/ui/css/widgets/accordion/toggle_closed.gif) no-repeat center right;
}
.lite .accordion_toggle span {
	background: url(/ui/css/widgets/accordion/toggle_closed_lite.gif) no-repeat center left;
	color: #666;
	padding-left: 20px;
}
.accordion_toggle span.myhint {
	padding-left: 0;
	background: none;
}
.accordion_toggle_active {
	border-bottom: 1px solid #d7d7d7;
}
.accordion_toggle_active span {
	display: block;
	height: 25px;
	background: url(/ui/css/widgets/accordion/toggle_opened.gif) no-repeat center right;
}

.lite .accordion_toggle_active span {
	background: url(/ui/css/widgets/accordion/toggle_opened_lite.gif) no-repeat center left;
	padding-left: 20px;
	color: #fb9900;
}
.accordion_content {
	font-family:Verdana;
	background-color: #ffffff;
	color: #666;
	overflow: hidden;
	padding: 20px;
}
.lite .accordion_content {
	background: url(/ui/css/widgets/accordion/bg_accordion_content_lite.gif) top left repeat-x;
	padding: 1px 30px;
}
.accordion_content p {
	line-height: 150%;
	padding: 10px 0;
}

.management .image {
	width: 130px;
	text-align: center;
	float: left;
	padding-top: 28px;
}
.management .description {
	width: 440px;
	float: right;
	padding: 8px 0 8px 20px;
	border-left: solid 1px #d7d7d7;
}

/** CLIENTS ******************************************************************/

.clients { width: 100%; }
.clients h2 { font-size: 12px; }
.clients td { vertical-align: top; width: 33%; }

.contactinfo ul {
	padding-left: 0;
	list-style: none;
}
.contactinfo li {
	float: none;
	clear: left;
	padding-bottom: 7px;
}
.contactinfo ul img {
	padding-right: 7px;
	float: left;
}


.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
	width: 500px;
    
    background-color: #ffffff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#flashcontent ul {
	padding:0;
	margin:0;
}
#flashcontent ul li{
	list-style:none;
	display:inline;
	margin:-3px 0 0 -4px;
	padding:0;
}
#flashcontent ul li.first{
	margin:0;
}
#flashcontent div.logo {
	margin:0;
	padding:0;
	height:100px;
}
#flashcontent div.altHeader {
	margin:0;
	padding:17px 0 0 0;
}