/* CSS Document */
* { cursor: auto; }
a, a * { cursor: pointer; }
body {
	background: url(images/globals/page_bgd.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}

#home_main {
	width: 900px;
	height: 293px;
	margin:5px 0 5px 0;
	background: #e1e4d3 url(images/globals/header.jpg) no-repeat;
}

/* home col */
.col1, .col2, .col3 {
	float: left;
	width: 237px;
	padding: 0 10px 0 10px;
	margin-left: 25px;
}


.innercolcontent{
	width: 167px;
	min-height: 190px;
	padding: 10px 20px 10px 70px;
	background: #f4f5ef url(images/globals/colbg.jpg) repeat;
}
.innercolcontent h1{
	color:#232b1d;
	font-size:1.8em;
	font-weight: bold;
	word-spacing: -1px;
}
.innercolcontent p{
	font-size: 1.1em;
	line-height: 1.4em;
}
.innercolcontent a:link, .innercolcontent a:visited {
	color: #595959;
}

#footer h1{
	color:#706f6e;
	font-size:1.8em;
	font-weight: bold;
	word-spacing: -1px;
}

#footer p {
	color:#706f6e;
	/*font-size: 1.3em;*/
}

#footer a, #footer a:visited{
	color:#706f6e;
}

.zone, .zone a:link, .zone a:visited {
	color: #7cc242 !important;
	font-size: 1.3em;
	font-weight: bold;
	word-spacing: -1px;
}

a { color: #0078cc; text-decoration: none; }
a:hover, a:hover{
	text-decoration: underline;
}

label{
	font-weight: bold;
}

.fieldset {  border:1px solid #ddd; margin-bottom: 1em; padding: 15px; font-size: 12px; background: #fff url(images/globals/topfade.gif) repeat-x top; }
legend {margin-top: -2em; font-size: 12px; font-weight: bold;}
.textinput { border-style: none solid solid; background: #fff url(images/globals/topfade.gif) repeat-x top; vertical-align: middle; border: 1px solid #aaa; padding: 4px; color: #555; width: 160px; font-size: 12px;}
.textarea { border-style: none solid solid; background: #fff url(images/globals/topfade.gif) repeat-x top; vertical-align: middle; border: 1px solid #aaa; padding: 4px; color: #555; width: 360px;}

fieldset {
	/*border: 1px #878d7b solid;
	background: #FFF;
	padding:0 10px 2px 10px;*/
}

#formChambre {
	border: 1px #878d7b solid;
	background: #FFF;
	padding:10px;
}

fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}


legend {
	color:#232b1d;
	font-size:1.3em;
	font-weight: bold;
}
legend span {
	width:10em;
	text-align:right;
}

#submit-go {
	margin-top:1em;
	width:92px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(images/french/buttons/button_envoyer.gif) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
	background-position:0 -36px;
}

#page {
	background: url(images/globals/top_bgd.gif) repeat-x;
	width: 100%;
	margin: 0 auto 0 auto;
}

#wrapper {
	width: 900px;
	margin: 0 auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #595959;
}

#homefooter{
	padding-bottom:20px;
	font-size:0.6em;
	color: #babdaf;
}
#homefooter a:link, #homefooter a:visited{
	color:#babdaf;
	text-decoration: none;
	font-weight: bold;
}

/* BOF - GENERAL */
/*input[type=text], input[type=password], select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	padding: 3px;
	border: 1px solid #7cc242;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, .checkbox:focus {
	font-weight:700;
	border: 1px solid #7cc242;
}*/
/* EOF - GENERAL */

/* BOF - COLUMN */
#column li{
	margin-left:-15px;
}
/* EOF - COLUMN */

/* BOF - HEADER */
#pageHeader {
	background: url(images/globals/top_menu_bgd.gif) repeat-x;
	height: 71px;
}

#pageHeader #logo{
	width:264px; height:71px; float:left;
}

#pageHeader #top, #pageHeader #top a, #pageHeader #top a:visited{
	height:36px; text-align:right; vertical-align:top;
	font-size: 9px;
	color: #7cc242;
	text-transform: uppercase;
	text-decoration: none;
}
#pageHeader #top a:hover{
	text-decoration: underline;
}

#pageHeader #menu{
	height:auto; text-align:right; vertical-align:text-bottom;
}
/* EOF - HEADER */

#imoNav{
	font-family:Arial, Helvetica, sans-serif;
	color: #595959;
	text-decoration: none;
}
#imoNav:hover{
	text-decoration: underline;
	color: #999;
}

#logNav{
	font-family:Arial, Helvetica, sans-serif;
	color: #595959;
	text-decoration: none;
}
#logNav:hover{
	text-decoration: underline;
	color: #999;
}



/* BOF - MAIN IMAGE */
#imageMain{
	
}
/* EOF - MAIN IMAGE */

/* BOF - CONTAINER */
#containerContent{
	background: #FFF;
}

#sideLeft{
	width:190px; height: 100%; float:left; border-right: 1px dotted #ddd;
}
#sideLeft a, #sideLeft a:visited{
	color: #232b1d;
	text-decoration: none;
}
#sideLeft a:hover{
	text-decoration: underline;
}

#sideRight{
	width:650px; float:right; min-height: 500px;
}

/* MENUS STEPS HORIZONTAL */
#menusteps #currentnobel, #menusteps #currentdefault, #menusteps #currentsommet, #menusteps #currentlaureat1, #menusteps #currentlaureat2{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#menusteps #notcurrentdefault{
	color: #666;
}
#menusteps #notcurrentnobel{
	color: #7a2426;
}
#menusteps #notcurrentsommet{
	color: #b96318;
}
#menusteps #notcurrentlaureat1{
	color: #009abc;
}
#menusteps #notcurrentlaureat2{
	color: #729731;
}

/* EOF - CONTAINER */

/* BOF - IMMEUBLES */
#typeThumbsTd{
	vertical-align: top;
	text-align: center;
	padding: 0 5px 5px 5px;
}
#chambreThumbs{
	height: 110px;
}
#chambreTypeLabel a{
	color: #595959;
	text-decoration: none;
	font-weight: bold;
}
#chambreTypeLabel a:hover{
	text-decoration: underline;
}
#msgEclair{
	height: 70px;
	background:url(images/globals/msgeclair.gif) no-repeat;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #456983;
	font-weight:bold;
	padding: 4px 0 0 4px;
	text-align: left;
}
#demOnlineLocation{
	/*background-color: #fdbea8;*/
	
	color: #568119;
	padding: 2px 5px 5px 28px;
	font-size: 115%;
	background: url(images/globals/next.jpg) no-repeat;
}
/* EOF - IMMEUBLES */

/* STEPS */
#step{
	width: 159px;
	height: 22px;
	background: url(images/globals/etape_btn_off.gif) no-repeat;
	margin-bottom: -3px;
	color: #999;
	padding: 5px 0 0 5px;
}
#stepCurrent{
	width: 159px;
	height: 22px;
	background: url(images/globals/etape_btn_on.gif) no-repeat;
	margin-bottom: -1px;
	color: #fff;
	padding: 3px 0 0 5px;
	font-size: 14px;
}
#step a, #stepCurrent a{
	color: #999;
	text-decoration: none;
}
#step a:hover, #stepCurrent a:hover{
	color: #fff;
	text-decoration: underline;
}
/*#step:hover, #stepCurrent:hover{
	background: url(images/globals/etape_btn_on.gif) no-repeat;
}*/

/* STEPS */

/* TITLE */
.titleLarge, .titleLarge a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	background: url(images/globals/title_large.gif);
	display:block;
	color:#706f5d;
	height:42px;
	line-height:43px;
	padding: 0 0 0 8px;
	margin-bottom: 25px;
	text-decoration:none;
	width:237px; /* width = image width - padding-left + padding-right */
}

/* TITLE */

/* BOX */
#homeColumn{
	width:245px;
	font-size: 12px;
	float:left;
	margin:15px 20px 20px 20px;
}
#homeArrowColumn{
	width:245px;
	font-size: 12px;
	float:left;
	text-align: center;
}
/* BOX */

/* BOF - FOOTER */
#footer {
	text-align: right;
	vertical-align: top;
	height: 120px;
	padding: 10px 0 0 0;
	color: #595959;
	font-size: xx-small;
}
/* EOF - FOOTER */

/* BOF - ERROR */
#errorMsg{
	font-weight: bold;
	color: #ff0000;
}
#mandatory{
	color: #ff0000;
}
/* EOF - ERROR */

/* BOF - TEMP */
.tempNote{
	background-color: orangered ;
	color: orange;
	padding: 2px 5px 2px 5px;
}
/* EOF - TEMP */

h2
{
    padding-top: 3px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    font-size: 10.5pt;
}

h3
{
	color: #444;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10.5pt;
}

h4 { margin: 0 0 0.5em 0; font-weight: bold; font-size: 14px;}

h5 { margin: 0 0 0.5em 0; font-weight: bold; font-size: 12px;}

h1
{ 
  font-size: 18pt;
  font-weight: normal;
  margin: 10px 0;
}


/*fake shadow*/
/*.border { border: 1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #bbb;}*/

	
	/*main-heading*/
/* info for gabshot - I suggest that instead of setting the heading height explicitly it'll autoexpand depending on what's inside */
#main-heading {float: left; width: 2700px; margin: -15px -840px 0; color: #fff; max-height: 445px;} 
#main-heading .wrapper { float: left;  width: 980px; padding: 30px 860px 0px; margin: 0; background: url(template/images/main-heading-bottom-shadow.png) 0 100% repeat-x;}
	/*title*/
#main-heading h2 { padding-bottom: 7px; font-size: 24pt; display: block; background: none; color: #fff; margin: 0 0 -6px; padding: 0 0 30px; }
#main-heading.error .wrapper { padding-bottom: 25px; }
#main-heading.error h2 {color: #fff88d; text-shadow: #333 1px 1px 1px; width: 100%; text-align: center; font-size: 10em; font-weight: bold; margin: 10pt 0 0pt;float: left; line-height: 1em;}
#main-heading h2 span { background: none; color: #fff88d; }
	/*breadcrumb*/
#breadcrumb, #breadcrumb ul, #breadcrumb li { margin: 0; padding: 0; list-style: none; display: inline;}
#main-heading #breadcrumb { float: left; width: 100%; font-size: .8em; padding-bottom: 15px;}
#main-heading .wrapper > #breadcrumb:first-child,
#main-heading .wrapper > .social-2 + #breadcrumb { padding-bottom: 5px; margin-top: -19px; }
	/*catchphrase*/
#main-heading .catchphrase { font-size: 1em; margin: 15px 0 10px; padding: 0; float: left; width: 60%;}
#main-heading h2 + .catchphrase { margin-top: -15px; font-size: 14px; }
#main-heading h2 + #breadcrumb { margin-top: -25px; }
#main-heading.error .catchphrase { margin-left: 20%; margin-right: 20%; width: 60%; text-align: center; font-size: 2em; line-height: 1.2em;color: #fff;}
#main-heading.error h2 + .catchphrase { margin-top: 0px; margin-bottom: 0; padding-bottom: 20px;}
#main-heading .wrapper > .catchphrase:first-child,
#main-heading .wrapper > .social-2 + .catchphrase,
#main-heading .wrapper > .social-2-holder + .catchphrase { padding-bottom: 5px; margin-top: -10px;margin-bottom: 0; padding-bottom: 12px;} 
	/*main-heading slider*/
#main-heading.slider { margin-bottom: 40px; }	
#main-heading.slider .wrapper { /*height: 275px;*/ }
	/*main heading specific nivo-slider-holder*/
#main-heading .nivo-slider-holder { position: relative; z-index: 1; margin-bottom: -20px;}
#main-heading[class*="align"] .nivo-slider-holder { width: 640px; background: url(template/images/main-heading-slider-shadow.png) 0 100% no-repeat; height: 335px;}
#main-heading.alignleft .nivo-slider-holder { margin-left: -60px !important; padding-left: 60px; padding-right: 50px; float: left; margin-bottom: -60px;}
#main-heading.alignright .nivo-slider-holder {float: right; margin-right: -60px !important; padding-right: 60px; padding-left: 50px; margin-bottom: -60px; }
/*#main-heading[class*="align"] .nivo-slider { width: 630px; }*/
	/*info*/
#home_main .nivo-slider { height: 293px; overflow: hidden;}
#home_main .info { float: left; width: 277px; position: relative; clear: none !important; margin-top: 91px;  min-height: 155px;}
/*#home_main .info { float: left; width: 190px; position: relative; clear: none !important;padding-bottom: 70px; margin-bottom: -26px; min-height: 230px;}*/
#home_main .info h2 { line-height: 1.0em; padding-bottom: 5px; color: #ffffff; font-size: 1.9em; }
#home_main .info p { font-size: 1em; width: 100%; margin-top: 25px; text-align: left;}
/*#home_main .info .button { position: absolute; bottom: 0; width: 100%;}*/
#home_main .info .button.alignleft { left: 0; width: auto;}
#home_main .info .button.alignright { right: 0; width: auto;}
#home_main .alignright .info { text-align: right; }
#home_main .alignright .info p { text-align: right; }

	/*main-heading specific social-2 styles*/
#main-heading .social-2-holder { float: left; position: relative; width: 20%;margin-left: 80%;margin-top: -5px; margin-bottom: -32px; z-index: 1}
#main-heading .social-2 { width: auto;  margin-right: -10px; float: right; position: relative; z-index: 1;}	
#main-heading .social-2 li { position: relative; }
#main-heading .social-2 li a { margin-right: 10px; position: relative; z-index: 999;}
	/*main-heading twitter kind specific styles*/
#main-heading.twitter .wrapper { padding-top: 35px; padding-bottom: 15px; }
#main-heading.twitter h2 { font-size: 2.6em; }
#main-heading.twitter h2 + #breadcrumb { margin-top: -5px; }
	/*first-letter*/
	
.first-letter span.dropcap { float: left; margin-bottom: -5px; padding-right: 5px;margin-top: 10px;font-size: 3em;}

	/*pull-quote*/
q.pull-quote { font-size: 1.2em; width: 88%; display: block; /* 100% width by default*/background: url(template/images/gr-2.gif) 0 0 repeat; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 20px 6%; margin: 30px; margin-left: 0; line-height: 1.6em; color: #1a1a1a; line-height: 1.5em; }
q.pull-quote.alignleft { float: left; margin-left: 0; width: 30%; text-align: left;}
q.pull-quote.alignright { float: right; margin-right: 0; width: 30%; margin-left: 30px; text-align: right;}

	/*blockquote*/
blockquote {font-size: 1.2em; background: url(template/images/gr-2.gif) 0 0 repeat; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 0;margin: 20px 0;line-height: 1.2em; color: #1a1a1a;}
blockquote p { padding: 30px 30px 30px 85px; background: url(template/images/blockquote.png) 22px 22px no-repeat; margin:0; line-height: 1.5em; }

	/*tooltip*/
.tooltip {position: absolute;  padding: 9px 0 0; background: url(template/images/tooltip-foot.png) 100% 0 no-repeat; width: 200px; display: none; /*hide the tooltips when js is disabled*/ z-index: 999;}
.tooltip.js {display: block; } /* show the tooltips when js is on */
.tooltip span { display: block; float: right;width: auto; padding: 8px 18px !important;line-height: 1.3em;  text-align: center;font-size: 1em; color: #515153; background: #fff;   border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(29,15,7,.35) 1px 1px 3px; -moz-box-shadow: rgba(29,15,7,.35) 1px 1px 3px; box-shadow: rgba(29,15,7,.35) 1px 1px 3px;}
.tooltip strong { font-size: 1.2em; }

	/*social icons (news) */
.social { margin: 0 0px 0 -25px; float: left; width: 540px;  padding: 0 0 0 200px; position: relative;  float: left; background: url(template/images/share-me.png) 30px 20px no-repeat; min-height: 160px;}
.social h2 { margin-top: 20px !important; }
.social ul { margin: 20px 0 0 -10px; list-style: none; padding: 0;}
.social li { float: left; position: relative; width: 66px;list-style: none; padding: 0; margin: 0;}
.social a { float: left; color: #111; text-decoration: none; height: 50px;background: url(template/images/icons/social-shadow.png) 50% 29px no-repeat; position: relative; width: 100%;}
.social a:hover,
.social a:focus { background-position: 50% -119px;  } 
.social img { margin: 0 auto 0; display: block; }
.social a:hover img,
.social a:focus img { margin: -10px auto 0px; padding: 0 0 10px; } 
.social li > a > span { display: block; padding: 5px 0 10px; margin: 0 0 -20px; position: relative; text-align: center; font-size: 8pt; }
.social a:hover span,
.social a:focus span {}

	/*social-2 icons (header and footer) */
	/*gabshot - approximate visuals*/
.social-2, .social-2 li { margin: 0; padding: 0; list-style: none; border: none !important; float: left;}
.social-2 { width: 110%}
.social-2 li { }
.social-2 a { width:32px; height: 32px; overflow: hidden; display: block; margin-right: 32px;}
.social-2 a img { display: block; }
.social-2 a:hover img, .social-2 a:focus img { margin-top: -32px; }
	/* social-2 specific tooltip*/
.social-2 .tooltip * { background-image: none; padding-left: 20px;}

	/*nivo-slider*/
/*js info - .nivo slider - has to have container div added with js in order to apply border in browsers that dont support box-shadow*/
.nivo-slider-holder {}
.nivo-slider-holder.alignright { float: right; width: auto; }
.nivo-slider-holder.alignleft { float: left; width: auto;}
.nivo-slider { /*border: 5px solid #fff;-webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px;*/}
.nivo-slider-holder.alignright .nivo-slider  { float: right; width: auto; }
.nivo-slider-holder.alignleft .nivo-slider  { float: left; width: auto;}
.nivo-directionNav { display: none !important; }
/*js info - .nivo-controlnav has to be centered with js */
.nivo-controlNav {position: absolute; bottom: 400px; z-index: 9999 !important;}/* -2px to display, 400px for hide*/
.nivo-controlNav a { float: left; text-indent: -9999px; width: 11px; height: 11px; background: #fff url(template/images/nivo-control-nav-item-bg.png) 0 0 no-repeat; border: 4px solid #fff; boder-bottom: 3px solid #fff;}
.nivo-controlNav a.active,
.nivo-controlNav a:hover,
.nivo-controlNav a:focus { background-color: #ce773b; }

	/*boxes*/
/* info - frame needs to have borders added via js for browsers that dont support box-shadow property*/	
.box { min-width: 260px; margin-bottom: 20px; margin-top: 20px;  -webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px; padding: 0; background-position: 0 100%; background-repeat: repeat-x;}
.box[attr*="style"] { min-width: 0px; }
.box span { padding: 30px 25px 25px 90px; display: block; color: #000; font-size: 1.1em; background-position: 0 0; background-repeat: no-repeat; min-height: 25px;}
	/*box aligned left*/
.box.alignleft { width: 40%; float: left; margin-right: 40px;}
	/*box aligne right*/
.box.alignright { width: 40%; float: right;}
.box.alignright span {  padding-right: 90px; padding-left: 35px;  background-position: 100% 0;}
	/*box aligned center*/
.box.aligncenter { width: 50%; margin: 0 auto; clear: both;}

	/*info box*/
.box.info { background-color: /*c1d1e2*/#ebf5fe; background-image: url(template/images/info-box-gr.png);}
.box.info span { background-image: url(template/images/icons/info.png) }
	/*warning box*/
.box.warning { background-color: /*f5bdbf*/#fce0e3; background-image: url(template/images/warning-box-gr.png) }
.box.warning span { background-image: url(template/images/icons/warning.png)}
	/*note box*/
.box.note { background-color: /*fff1bf*/#fffde3; background-image: url(template/images/note-box-gr.png) }
.box.note span { background-image: url(template/images/icons/note.png)}
	/*download box*/
.box.download { background-color: /*d2e9b1*/#f0ffda; background-image: url(template/images/download-box-gr.png) }
.box.download span { background-image: url(template/images/icons/download.png)}	

/*toggle boxes*/
a.toggle { background: url(template/images/toggle-content.png) 0 0px no-repeat; padding-left: 35px; line-height: 20px; text-transform: uppercase; color: #737373; display: block; margin-top: 10px; margin-bottom: 10px;} 
a.toggle + * { display: none; padding: 20px 35px; background: url(template/images/gr-2.gif) 0 0 repeat; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;} /*toggle content is hidden by default*/
/*apply new additional class to .toggle with js when toggle content is shown*/
a.toggle.hide { background-position: 0 -20px; }
a.toggle.hide + * { display: block; }

	/*image frame*/
.frame { padding: 5px; background: #fff; display: block; -webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px; margin: 20px 0; text-decoration: none; position: relative;}
.frame:hover, .frame:focus { text-decoration: none; }
.frame[align="left"], .frame.alignleft { margin-left: 0; float: left; margin-right: 35px;}
.frame[align="right"], .frame.alignright { margin-right: 0; float: right; margin-left: 35px;}
.frame[align="center"], .frame.aligncenter { margin-right: 0; margin-left: 0;}
.frame span.title-description { text-align: center; color: #737373; display: block; text-align: center; padding: 5px 0 1px; font-size: .9em; line-height: 1em; color: #000; }
.frame.aligncenter span.title-description { width: 100% !important; }
.frame img { display: block; margin: 0 auto;}
.frame[class*="align"] img { margin: 0; /*IE7 needs this, otherwise img left/right margins expand the frame to 100% width of the container*/}
	/*image frame specific tooltip styles*/
	/*if the image has .frame class applied - it can be centered without messing with the width in any way, unlike when a is a .frame, for it as a block takes up 100% of the space by default and nothing can be done about it without specyfying width for the a element explicitly */
img.frame {  margin: 20px auto !important; }
.frame[align="center"] img, .frame.aligncenter img { margin: 0 auto; }
.frame .tooltip span { background: #fff url(template/images/zoom.png) 5px 50% no-repeat; padding-left: 30px !important;}

	/*separators / dividers*/
a[href="#header"] { display: block; background: url(template/images/separator-1.gif) 0 50% repeat-x; text-align: right;text-decoration: none; margin-top: 15px;min-height: 1px; clear: both;}
a[href="#header"] span { background: url(template/images/gr-1.gif) 0 0 no-repeat; color: #bbb; padding-left: 10px; font-size: .8em;}
a[href="#header"]:hover span,
a[href="#header"]:focus span { color: #000; }
span.separator { display: block; background: url(template/images/separator-1.gif) 0 50% repeat-x; text-decoration: none; margin-top: 15px;min-height: 1px; text-indent: -9999px; clear: both;}
	/*when the separator is put outside the columns and .columns block is its direct parent*/
.columns > a[href="#header"], .columns > span.separator  { margin-left: 40px;}

	/*iframe (video)*/
iframe { display: block; }

	/*buttons*/
/*add border attribute with js for browsers that don't support shadows*/
/*p .button { margin-top: 20px; }
.button { padding: 0; display: block; font-size: 1.3em; background-position: 100% 0; background-repeat: no-repeat; float: left; text-decoration: none; margin: 10px 0; margin-right: 20px; overflow: hidden; -webkit-border-radius: 3px; -webkit-box-shadow: #333 0 1px 2px; -moz-border-radius: 3px; -moz-box-shadow: #333 0 1px 2px; border-radius: 3px; box-shadow: #333 0 1px 2px; overflow: hidden; border: none; line-height: 47px; padding-right: 76px; padding-left: 20px; height: 47px;outline: none;}
.button:hover, .button:focus { text-decoration: none; background-position: 100% -48px; }
.button:active {background-position: 100% -47px; padding-top: 1px; height: 46px; }
.button span, .button input {  line-height: 47px; height: 47px; float: left; margin: 0; background-position: 0 29px; background-repeat: repeat-x;border: none; cursor: pointer;}
.button input { font-size: 12pt !important; background: none !important;border: none !important; padding-left: 0px; margin-left: -5px;}
.button.alignright { float: right;  margin-right: 0; margin-left: 20px;}
.button.wide { float: none; clear: both; margin-right: 0; }
.button.wide[style] { margin-right: auto; margin-left: auto;}
.button.arrow-only {  padding-left: 0; padding-right: 0 ;width: 50px; text-indent: -9999px;}
.button.arrow-only span {display: none;}
.button.gray {  background-image: url(template/images/button-gray-bg.png); }
.button.yellow { background-image: url(template/images/button-yellow-bg.png);}
.button.green { background-image: url(template/images/button-green-bg.png);}
.button.blue { background-image: url(template/images/button-blue-bg.png); color: #000;}

.button.yellow span, .button.yellow input { color: #333333; font-size: 1.3em; font-weight: bold;}
.button.green span, .button.green input { color: #486f27; font-size: 1.3em; font-weight: bold; }
.button.gray span, .button.gray input { color: #af8800; background-image: url(template/images/button-underline-2.png);}
.button.blue span, .button.blue input { color: #41474c; background-image: url(template/images/button-underline-3.png);}

.button.border {  border: 1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #bbb;}
*/
	/*sitemap list*/
.sitemap { overflow: hidden; }
.sitemap, .sitemap ul, .sitemap li { margin: 0; padding: 0; list-style: none; }
.sitemap a { font-size: 1.1em; color: #000; padding: 15px 0 15px 230px; display: block; background: url(template/images/icons/category.gif) 200px 13pt no-repeat;}
.sitemap a:hover,
.sitemap a:focus { background-color: #f2f2f2; text-decoration: none;}
.sitemap > li { border-top: 1px solid #e5e5e5; clear: left; margin-left: -200px; }
.sitemap li li { padding-left: 30px; border-top: 1px solid #e5e5e5 !important; }
/*.sitemap li li a { margin-left: 30px; }
.sitemap li li li a { margin-left: 60px; }
.sitemap li li li li a { margin-left: 90px; }
.sitemap li li li li li a { margin-left: 120px; }
.sitemap li li li li li li a { margin-left: 150px; } more dodgy but safer solution, kept just in case, don't worry about it*/
.sitemap > li:first-child { border: none; float: left; width: 100%;}
.sitemap > li:first-child a { width: 100%; }

	/*categories-2*/

.categories-2, .categories-2 ul, .categories-2 li { margin: 0; padding: 0; list-style: none; }
.categories-2 { margin-bottom: 20px; }
.categories-2 a { font-size: 1.1em; color: #000; padding: 15px 0 15px 30px; display: block; background: url(template/images/icons/newspaper.png) 0 13pt no-repeat;}
.categories-2 > li > a:hover,
.categories-2 > li > a:focus { background-color: #f2f2f2; text-decoration: none;}
.categories-2 li { border-top: 1px solid #e5e5e5; clear: left;}	
.categories-2 > li:first-child { border: none; background: none;}
.categories-2 li.current > a { text-align: right; text-align: right; color: #67346f; font-weight: bold;padding: 15px 56px 15px 0px; background-position: 100% 13pt; border-right: 4px solid #67346f; }
.categories-2 li.current > ul { }
.categories-2 li.current > ul > li {border: none; font-size: .8em; }
.categories-2 li.current > ul > li:first-child {border-top: 1px solid #e5e5e5;}
.categories-2 li.current > ul > li > a { color: #67346f; text-align: right; background: url(template/images/arrow-2.png) 100% 7pt no-repeat; padding: 5px 60px 5px 0; }

		/*testimonials*/
/*js info - probably will need some nifty setting of the .testimonials height*/
/*js info - need to set li width to the .testimonials width in pixels minus 200px - reason: testimonials are fluid width to fit column of every size. When js is disabled, they take 100% of the space by default and appear one under another, when js is enabled, they are supposed to SCROLL horizontaly. Do your magic, can't css that. After making the list element display horizontally, the container (.testimonials) height will adjust automatically (to the size of the longest li) That heigh needs to be adjusted dynamically with js, too, with some nice and smooth sliding shrinking/expanding effect no .js styling is required in the css for that*/
.testimonials {padding: 0;margin: 0;  position: relative;font-size: 1.4em; background: url(template/images/gr-2.gif) 0 0 repeat; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; line-height: 1.2em; color: #1a1a1a;  }
.testimonials:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	
.testimonials .items, .testimonials .items li { margin: 0; padding: 0; list-style: none; }
.testimonials .items { margin: 0 10%;  }
.testimonials .items li { padding: 25px 0; width: 100%; float: left;}
.testimonials .items blockquote,
.testimonials p { background: none;  border: none; margin: 0; padding: 0;}
.testimonials blockquote {letter-spacing: -1px; }
blockquote p { padding: 30px 30px 30px 85px; background: url(template/images/blockquote.png) 22px 22px no-repeat; margin:0;}
.testimonials p { text-align: center; font-size: 1.3em; line-height: 1em;}

	/*testimonials specific slider-nav*/
.testimonials .slider-nav { position: absolute; top:50%; left: 0; margin-top: -12px;}
.testimonials .slider-nav a { background-image: url(template/images/arrows-1b.png); }
.testimonials .slider-nav li.prev { margin-left: 10%; }
.testimonials .slider-nav li.next { margin-right: 10%; }
.testimonials .meta { margin-top: 5px; }

	/*testimonials - alternate styling for columns narrower than 50%; */
.columns.three .testimonials p.meta, .columns.four testimonials p.meta,	.sidebar .testimonials p.meta{margin-top: 20px; line-height: 2em; }
.columns.three .testimonials .slider-nav, .columns.four testimonials .slider-nav,	.sidebar .testimonials .slider-nav { top:auto; bottom: 34px;}
.columns.three .testimonials .slider-nav li.prev, .columns.four testimonials .slider-nav li.prev,	.sidebar .testimonials .slider-nav li.prev { margin-left: 11%;}
.columns.three .testimonials .slider-nav li.next, .columns.four testimonials .slider-nav li.next,	.sidebar .testimonials .slider-nav li.next { margin-right: 11%;}

	/* news-overview */
.news-overview { list-style: none; margin: 0; padding: 0; }
.news-overview li { list-style: none; margin: 0; padding: 7px 0 0 30px; background: url(template/images/icons/newspaper.png) 0 10px no-repeat; color: #737373; border-top: 1px solid #e5e5e5;}
.news-overview li:first-child { border-top: none; }
.news-overview h3 { font-size: 1em; margin: 0 0 0px !important; padding: 0 0 3px !important; line-height: 1em;}
.news-overview p { padding-bottom: 10px !important; }
.news-overview li > span { font-size: .8em; display: block; margin-bottom: 5px; padding-top: 0; line-height: 1em;}
.news-overview a { color: #000; text-decoration: none; }
.news-overview a:hover,
.news-overview a:focus { text-decoration: underline; }	

	/* news list */
.news, .news > li { margin: 0 0 0; padding: 0; list-style: none; }
.news > li { margin: 20px 0 0;}
.news > li:first-child { margin: 0px 0 0;}

	/* news > header */
.news .header { position: relative; padding-left: 70px; padding-bottom: 10px;}
.news .header h2 {/*stays the same as all main h2 headings, if there are any more h2 headings inside the content of the post, they are a bit smaller*/ padding-bottom: 8px !important; margin-top: 0; padding-top: 0px;  margin-bottom: 0;}
.news .header h2 a { color: #000; /*hover and active states defined in the color specific styles*/}
.news .header p { margin: 0; padding: 0 0 3px; font-size: .8em; }
.news .header p span { padding-left: 20px; padding-right: 10px;background-image: url(template/images/icons/news-meta-icons.png); background-repeat: no-repeat; padding-bottom: 3px;}
.news .header span.day { width: 45px; height: 50px; position: absolute; top: 0; left: 0; padding-top: 15px; text-align: center;padding-left: 0; background: url(template/images/icons/calendar.png) 0 0 no-repeat; font-size: 1.7em; color: #333; font-weight: bold; text-shadow: #fff -1px -1px 0;}
.news .header .author { padding-left: 20px; background-position: 0 0;}
.news .header .category { background-position: 0 -38px;}
.news .header .comments-count { background-position: 0 -60px; }

	/* news > comment form */
.comment { margin-top: 20px; }
.comment .facebook-connect { float: right; margin: -3.2em 0px 0em 0px;}
.comment .frame { margin-right: 20px; }

	/* comment specific - button style */
.comment .button { margin-top: -20px; }

	/* news > comments / discussion */
.comments { margin-top: 10px; list-style: none; padding: 0 0 0 80px;}
.comments:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.comments > li { padding-left:0px; width: 100%; clear: both; float: left; margin: 0 0 25px; clear: left;}
.comments ul li { width: 100%; margin: 0; padding: 0; list-style: none;  }
.comments ul { margin-top: -15px;  margin: 0; padding: 0; list-style: none; }

.comments li > div { margin: 0 0 0 30px; padding: 15px 15px 25px;background: #fff; box-shadow: rgba(29,15,7,.35) 0px 1px 3px; -webkit-box-shadow: rgba(29,15,7,.35) 0px 1px 3px; -moz-box-shadow: rgba(29,15,7,.35) 0px 1px 3px; position: relative; z-index: 10;}
.comments ul li > div { position: relative; padding-top: 25px; padding-bottom: 30px; background: #f7f4ef; border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }

.comments dl { margin: 0; padding: 0 }
.comments dt { margin: 0 0 0 -135px; padding: 0 0 5px 135px; background:url(template/images/comment-bg.png) 102px 0 no-repeat; color: #000; font-size: 1.1em; }
.comments dd { margin: 0; padding: 0;}
.comments dd:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.comments ul dl { float: none; display: block;}
.comments ul dt { margin: 0; padding: 0; background: none;}
.comments li dt a { color: #000; font-weight: bold;}
.comments li dt a:hover,
.comments li dt a:focus { text-decoration: none; }
.comments li dt a span { padding: 0px; width: 80px; float: left; margin: -15px 0 0 -125px; color: #000;}
.comments li dt span img { display: block;  border: none; width: 80px; height: 80px;}

.comments ul li dt a span { display: none;}

.comments .footer { font-size: 8pt; margin: 0;}
.comments .footer p,
.comments .footer a { color: #a6a6a6; margin: 0;}
.comments .date { float: left; }
.comments .reply { float: right; padding-right: 15px; background: url(template/images/icons/reply.png) 100% 50% no-repeat;}

	/* comments sublevel indicator */
.indicator { position: absolute; top: 0px; left: 10px; height: 100%; background: #f5f2e7 url(template/images/sub-comment-bg-2.gif) 0px 0 repeat-y; }
.indicator .top { background: #f5f2e7 url(template/images/sub-comment-bg-1.gif) 0px 100% no-repeat;position: absolute; top: 0; left: 0; height: 20px;}
.indicator .bottom { position: absolute; bottom: 0; height: 24px;background: #f5f2e7 url(template/images/sub-comment-bg-3.gif) 0px 0 no-repeat;}

.comments ul li + li {margin-top: -10px; margin-bottom: 20px;}
.comments ul li + li > div { padding-top: 10px; }

.comments li > div > .indicator .top { height: 32px;}
.comments li + li > div > .indicator .top { height: 15px; }

.comments > li > div { position: relative; z-index: 11;}

ul > li.sub-1 > div { z-index: 10; padding-left: 32px;}
ul > li.sub-2 > div { z-index: 9; padding-left: 48px;}
ul > li.sub-3 > div { z-index: 8; padding-left: 64px;}
ul > li.sub-4 > div { z-index: 7; padding-left: 80px;}
ul > li.sub-5 > div { z-index: 6; padding-left: 96px;}
ul > li.sub-6 > div { z-index: 5; padding-left: 112px;}
ul > li.sub-7 > div { z-index: 4; padding-left: 128px;}
ul > li.sub-8 > div { z-index: 3; padding-left: 144px;}
ul > li.sub-9 > div { z-index: 2; padding-left: 160px;}
ul > li.sub-10 > div { z-index: 1; padding-left: 176px;}

.sub-1 .indicator, .sub-1 .top, .sub-1 .bottom { width: 16px; }
.sub-2 .indicator, .sub-2 .top, .sub-2 .bottom { width: 32px; }
.sub-3 .indicator, .sub-3 .top, .sub-3 .bottom { width: 48px; }
.sub-4 .indicator, .sub-4 .top, .sub-4 .bottom { width: 64px; }
.sub-5 .indicator, .sub-5 .top, .sub-5 .bottom { width: 80px; }
.sub-6 .indicator, .sub-6 .top, .sub-6 .bottom { width: 96px; }
.sub-7 .indicator, .sub-7 .top, .sub-7 .bottom { width: 112px; }
.sub-8 .indicator, .sub-8 .top, .sub-8 .bottom { width: 128px; }
.sub-9 .indicator, .sub-9 .top, .sub-9 .bottom { width: 144px; }
.sub-10 .indicator, .sub-10 .top, .sub-10 .bottom { width: 160px; }

	/*success-stories*/
/*has additional js functionality*/
.success-stories { float: left; width: 300px; margin-right: 30px; position: relative;}
.success-stories.alignleft { margin-right: 30px; }
.success-stories.alignright { margin-left: 30px; float: right; margin-right: 0; }
.success-stories.aligncenter { margin: 0 auto; display: block; float: none; clear: both; padding-left: 40px;}
.success-stories.aligncenter .slider-nav .prev { left: 40px; }	/* by default slider nav takes 100% of the container width. With success-stories center aligned, due to the nature of the way the column layout works here, requires additional 40px padding on the left to make it centered properly rather than almost centered. When this is done, the prev arrow of the success-storeies slider-nav has to be left: 40px to make up for that padding area; */
.success-stories.aligncenter:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.success-stories ul.items { list-style: none; margin-top:0; margin-bottom: 0; margin-right: 0; padding: 0; }
.success-stories ul.items li {list-style: none; display: block; margin: 0 20px 20px 0; padding: 0; height: 330px; width: 300px; float: left; }
.success-stories h3 { font-weight: normal; text-align: center; margin: 0; padding: 0;}
.success-stories h3 a:hover, .success-stories h3 a:focus { color: #000; }
.success-stories p { margin: 25px 0 0; word-wrap:break-word;}
.success-stories p a { color: #000; }

.success-stories.js ul.items { height: 330px; width: 9999px; /*<- temp value, set automatically when js is enabled*/}
	/*success-stories specific frame*/
.success-stories .frame { margin: 0 0 40px; float: none; display: block; width: 290px;}
.success-stories .frame img { padding-bottom: 38px; margin-bottom: -38px; background: url(template/images/frame-shadow-1.png) 50% 100% no-repeat; }

	/*success-stories specific slider-nav*/
.success-stories.js .slider-nav { position: absolute; top: 177px; left: 0; display: block !important; }

	/*introduction (video+description)*/
.introduction { margin-bottom: 20px; padding-bottom: 0; background: url(template/images/separator-2.png) 100% 100% no-repeat;}
.introduction > div {}
.introduction .video { }
.introduction .video * * {display: block; margin: 0 auto; width: 239px; padding:0;}
.introduction .video > * {  background: url(template/images/video-frame.png) 50% 15px no-repeat; height: 230px; padding-top: 26px; margin-top: -10px; position: relative; z-index: 1;}
.introduction .description { }
.introduction .description .autocolumns-2 { -moz-column-count: 2; -moz-column-gap: 1em; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 1em; -webkit-column-rule: none;}
.introduction .description p {text-align: justify;}
.introduction .description h2 + p { }

/*highlights (4 columns)*/
.highlights { padding-bottom: 0; }
.highlights > div > div { padding-left: 50px; position: relative; }
.highlights img { position: absolute; top: 0; left: 0; }
.highlights h2 { padding-top: 8px !important;}
.highlights p { text-align: left; }

	/*gallery*/
/*uses one and the same template everywhere*/
.gallery, .gallery li { margin: 0; padding: 0; list-style: none; }
.gallery { margin-right: -400px; margin-top: 20px;  width: 101%;/*IE7*/}
.gallery li { margin-right: 0px; padding-bottom: 40px;/*IE7 does not like bottom-margin*/ float: left;}
.gallery li .frame { margin: 0; margin-right: 40px; }
.gallery li > div { width: 300px; float: left;} 
.gallery h3 { font-size: 1.6em; padding: 0 0 10px; margin-top: 0; margin-bottom: 0; }
.gallery h3 span { padding: 0;  /*be careful with underline sprite when changing bottom padding*/ font-weight: normal; letter-spacing: -1pt; display: inline; background: url(template/images/colors/purple/underline-1.png) 0 bottom repeat-x;clear: left; margin-bottom: 0px;/*background: #ddd;*/ color: #000;}
.gallery h4 { text-transform: uppercase; font-weight: normal; font-size:1em; margin: 0; padding: 14px 0 10px;}

	/*pagination*/
/*js info - this needs to be js centered */
.pagination { float: left; width: 100%; padding: 0 0 0px;  margin: 0 0 0px; list-style: none; text-align: center; position: relative; }
.pagination li { float: left; margin: 0 7px; padding: 0;}
.pagination a { background: url(template/images/pagination-item-bg-1.png) 0 0 no-repeat;padding: 0; line-height: 24px; /*color: #7a7a7a;*/ font-size: .9em; display: block; width: 24px;}
.pagination a:hover,
.pagination a:focus {background-position: 0 -24px; /* background-color defined in color specific styles*/ text-decoration: none; color: #fff;}

.pagination li.prev a, .pagination li.next a { width: 16px;  text-indent: -9999px; background-image: url(template/images/arrows-1.png); background-repeat: no-repeat; position: relative; z-index: 999;float: left;}
.pagination li.prev a { background-position: 0 0; }
.pagination li.prev a:hover,
.pagination li.prev a:focus { background-position: 0 -24px; } 
.pagination li.next a { background-position: right -72px; }
.pagination li.next a:hover, 
.pagination li.next a:focus { background-position: right -96px; }

	/*pagination compact (expandible arrows only)*/
.pagination.compact { }
.pagination.compact li.prev { display: block; margin-bottom: 0px; }
.pagination.compact li.prev a {padding-left: 16px;}
.pagination.compact li.next { float: right; margin-right: 45px;}
.pagination.compact li.next a {padding-right: 16px; }
.pagination.compact a { text-indent: 0; width: 100px !important;}
.pagination.compact a span { display: block; background: #fff;}
	/*back link - comes after compact pagination, displays centered 'back to something' link*/
.back-link {float: left; width: 100%; text-align: center; position: relative; width: 100%; clear: both;margin-left: 20px !important; margin-top: -24px;}

	/*pagination 2*/
/* articles > nav (pagination) */
.pagination-2 { padding: 0 0 10px;  margin: 0; font-size: .8em; padding: 15px 0 0; list-style: none; text-align: center;}
.pagination-2 li { display: inline; line-height: 1.8em; margin: 1px; padding: 0; list-style: none;}
.pagination-2  a { background: #f0f0f0; border: 1px solid #ccc; padding: 0 4px; line-height: 1em; color: #7a7a7a;}
.pagination-2 a:hover,
.pagination-2 a:focus { color: #fff; text-decoration: none; border: 1px solid #555;}

	/*flickr feed*/
.flickr-feed {margin-right: -20px; width: 101%;/*IE7*/ position: relative; float: left;}
.flickr-feed:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.flickr-feed h2 { padding-bottom: 0px; margin-top: 0; padding-top: 0; }
.flickr-feed ul { margin: 0; padding: 0; list-style: none; float: left;}
.flickr-feed li { float: left; margin: 0;margin-right: 20px;padding-bottom: 20px;}
.flickr-feed .frame { margin: 0; }
.flickr-feed.js .slider-nav { width: 50px; top: 0; position: absolute; right: 40px;display: block;}
	/*flickr feed specific tooltip*/
.flickr-feed .tooltip span { padding-left: 30px !important;}

	/*popular recent posts / news-overview-2 */
.news-overview-2:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both;}
.news-overview-2 { padding: 0; list-style:none;}
.news-overview-2 li {  margin: 0 0 20px; padding: 0 0 0px 160px; list-style:none;/*float: left; clear: left;*/ height: 70px; clear: both; position: relative;}
.news-overview-2 .frame { margin-left: -160px; margin-top: 0; /*float: none; display: block; width: 120px;*/ clear: both; margin-right: 0;}
.news-overview-2 h3 { font-size: 1.5em; padding: 0px 0 5px; margin-top: 0; margin-bottom: 0; clear: none;}
.news-overview-2 h3 a { color: #000; }
.news-overview-2 h3 span { padding: 0 0 1px;  /*be careful with underline sprite when changing bottom padding*/ font-weight: normal; letter-spacing: -1pt; display: inline; background: url(template/images/colors/purple/underline-1.png) 0 bottom repeat-x; margin-bottom: 0px; clear: none; margin-top: 0; }
.news-overview-2 p { padding-bottom: 0; margin-bottom: 0; position: absolute; left: 160px; bottom: 0;}

	/*recent tweets */
#twitter_div { /*background: red;*/ margin-top: -30px; margin-bottom: 30px; float: left; }
#twitter_update_list { list-style: none; padding: 0;}
#twitter_update_list li { margin: 5px 0 0; padding: 0 0 5px 44px; display: block; list-syle: none; background: url(template/images/icons/twitter-2.png) 7px 50% no-repeat; color: #000; font-size: .9em; border-bottom: 1px solid #e5e5e5;}
	/*main heading specific recent tweets rules*/
#main-heading.twitter .info { width: 250px; float: left; height: auto !important; min-height: 0 !important; padding-bottom: 30px !important} 
#main-heading #twitter_div { float: right; padding-left: 100px; width: 590px; background: url(template/images/icons/twitter-3.png) 100% 50% no-repeat;margin-top: -10px; position: relative;}
#main-heading #twitter_update_list {width: 500px; float: left;}
#main-heading #twitter_update_list li { color: #fff; border: none;padding: 0; background: none;float: left; width: 500px;  margin-right: 10px;}
#main-heading #twitter_update_list li span { font-size: 1.4em; float: left; width: 350px;}
#main-heading #twitter_update_list li > a { float: right; width:200px; margin-top: 10px; }
/*when js is enabled*//*#twitter_update_list needs to be put inside 500px width container with overflow hidden*/ 
#main-heading #twitter_div.js #twitter_update_list { width: 9999px;}
	/*main heading recent tweets specific slider-nav*/
#main-heading #twitter_div.js .slider-nav { clear: left; width: 50px; position: absolute; top: 12px; left: 0; display: block;}
#main-heading #twitter_div .slider-nav li a { background-image: url(template/images/arrows-4.png);}
#main-heading #twitter_div .slider-nav li a:hover,
#main-heading #twitter_div .slider-nav li a:focus { background-color: transparent;}
#main-heading #twitter_div .slider-nav li.prev a:hover,
#main-heading #twitter_div .slider-nav li.prev a:focus { background-position: 0 -24px; }
#main-heading #twitter_div .slider-nav li.next a { background-position: 0 -48px; }
#main-heading #twitter_div .slider-nav li.next a:hover,
#main-heading #twitter_div .slider-nav li.next a:focus { background-position: 0 -72px; }
	/*contact form*/
form .alt-means-of-contact { line-height: 47px; float: left; margin: 5px 10px;}
	/*search form*/
form.search input[type="submit"] { /*display: none;*/ }


/*= end =============SITE-WIDE CUSTOM STYLES + CONTENT============== */
/*= start =============HEADER==============*/
#header { position: relative; }

	/*logo*/
#header h1 { float: left; margin: 45px 0 0 0; padding: 0; width: 300px; position: relative; z-index: 1000;}
#header h1 a { display: block; width: 300px; height: 100px; background: url(template/images/webpoint-logo-purple.png) 0 0 no-repeat; text-indent: -9999px; }

/* generated custom logo*/
.custom-logo { float: left; position: relative; margin-top: -89px;padding: 14px 0 0 36px; z-index: 1000; width: 280px; clear: left; background: url(template/images/header-gr-1.gif) 0 0 repeat;}
.custom-logo .prev { position: absolute; top: 0; left: 0;}
.custom-logo .text-holder { float: left; }

.custom-logo .title-holder { margin: 0; padding: 0; position: relative; float: left; overflow: hidden;}
.custom-logo .title { margin: 0 0 -6pt; padding: 0; float: left; font-size: 30pt;/* font-size and margin may require adjusting*/ color: #000; line-height: 30pt;}
.custom-logo .slogan { margin: 0; padding: 0; padding-left: 10px; background: url(template/images/logo-title-cover-left.png) 0 0 no-repeat; position: relative; float: left; clear: left; z-index: 1000;}
.custom-logo .slogan span { display: block;background: url(template/images/logo-title-cover-right.png) 100% 0px no-repeat;  margin-left: -5px; padding-top: 2px; text-transform: uppercase; font-size: 7pt; color: #000 ; /*font-size and padding-top may require adjusting*/}
.custom-logo .logo-image { float: left; position: relative; width: auto; height: auto; margin: -10px 0 0 5px;}

	/*nav */
#nav ul, #nav li { list-style: none; margin: 0; padding: 0; position: relative;} 	
	
#nav { float: left; width: 980px; margin: -100px -290px 0px; padding: 0 310px; position: relative; z-index: 999;}
#nav > ul { padding: 0; margin: 0px 0px 0 0; font-size: 1.2em; float: right; }

#nav > ul > li { float: left; position: relative; }
#nav > ul > li > a { padding: 0 13px 10px 13px; float: left; line-height: 100px;  color: #000; z-index: 999; position: relative; background: url(template/images/main-nav-item-bg.png) 0px 0 no-repeat; text-decoration: none;}

#nav > ul > li:first-child > a { margin-left: -1000px; padding-left: 1000px; }
#nav > ul > li.last-child > a {margin-right: -1000px; padding-right: 1000px; } /*these two rules make up for the area to the left and right to the nav items. Since nav items generate the background and the shadow, this is the most optimal solution of all: it does not use any additional background template/images - there's only one image, and mo more template/images are needeed when a theme color changes. This solution has one small disadvantage though - first and the last item have to have background position set up manualy below */

/*main nav hover/active/current states NOTE! First and last items get separate treatment!*/
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li.current > a {  background-position: 50% 0; }
#nav > ul > li.current > a { font-weight: normal;  }

/*main nav states - first item*/
#nav > ul > li:first-child > a:hover,
#nav > ul > li:first-child > a:focus,
#nav > ul > li.current:first-child > a { background-position: -575px 0; /*home*/} /* change background-position value slightly here if the first element in the #nav got changed*/

/*main nav states - last item*/
#nav > ul > li.last-child > a:hover,
#nav > ul > li.last-child > a:focus,
#nav > ul > li.current.last-child > a { background-position: -1555px 0; /*contact*/} /* change background-position value slightly here if the first element in the #nav got changed*/

	/*subnavs - general*/
#nav ul ul { position: absolute; font-size: 10pt; -webkit-box-shadow: rgba(0,0,0,.25) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,.25) 0 1px 3px; box-shadow: rgba(0,0,0,.25) 0 1px 3px; display: none;}
#nav ul ul li a {border-left: 1px solid #eee; border-right: 1px solid #ccc;}	
#nav ul ul li a:hover,
#nav ul ul li a:focus {background: #e5e5e5; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #cdcdcd;}	

	/*subnav - first level*/
#nav > ul > li > ul { top: 95px; left: 0;}
#nav > ul > li > ul > li:first-child > a { padding-top: 15px; }

	/*subnav - farther levels*/
#nav > ul > li > ul ul { top: 0px; left: 165px; z-index: 999;}
#nav > ul > li > ul > li:first-child > ul { top: 5px; }
#nav > ul ul a { display: block; width: 125px; padding: 10px 20px; background: #f1f1f1; text-decoration: none;border-top: 1px solid #fff; border-bottom: 1px solid #d8d8d8; color: #5c5c5c}

/*enable subnav display on hover when js is off*/
#nav > ul li:hover > ul,
#nav > ul li:focus > ul { display: block; }

/*disable subnav display on hover when js is on*/
#nav.js > ul li:hover > ul,
#nav.js > ul li:focus > ul {display: none; }

	/*helpdesk*/
#helpdesk { width: 980px; padding: 0 890px; margin: -145px -870px 0; height: 45px; line-height: 45px; color: #8d8d8d; background: #000; text-align: left; float: left; font-size: .8em;}
#helpdesk a { float: right; color: #8d8d8d; margin: 0;}

/*= end =============HEADER==============*/
/*= start =============FOOTER==============*/

#footer { font-size: 9pt; }
#footer h3 { color: #fff; font-weight: normal; font-size: 1.8em; padding: 0; margin-top: 0; margin-bottom: 7px}
#footer ul, #footer li { list-style: none; padding: 0; margin-top: 0; margin-bottom: 0; }
#footer li { margin: 0;  line-height: 38px;}

	/*nav */
#footer .nav { }
#footer .nav li {}

	/*archives*/
		/*year*/
#footer .archives {}
#footer .archives > li > a { color: #fff; }
		/*month*/
#footer .archives > li > ul { display: inline; }
#footer .archives > li > ul > li { display: inline; margin: 0; padding: 0; border: none;background: none}
#footer .archives > li > ul > li a { padding-right: 3px; }

	/*copyright */
#footer #copy { width: 2700px; margin: 0; padding: 0; font-size: 1em; line-height: 45px; text-align: center; color: #fff; background: url(template/images/footer-copyright-bg.png) 0 0 repeat-x; position: absolute; bottom: 0; left: 0;}

	/*slider nav*/
.slider-nav { display: none; /*hide slider-nav when js is off*/ width: 100%; padding: 0; float: left; /*position: relative;*/z-index: 9999; list-style: none;}
.js .slider-nav { display: block; /*show slider-nav when js is on*/}
.slider-nav li { list-style: none; padding: 0; margin: 0; background: none; border: none !important; position: absolute;z-index: 99999}
.slider-nav li.prev { top: 0; left: 0;}
.slider-nav li.next { top: 0; right: 0; }
.slider-nav a { display: block; width: 16px; height: 24px; text-indent: -9999px; background-image: url(template/images/arrows-1.png); background-repeat: no-repeat; position: relative; z-index: 999;}
.slider-nav li.prev a { background-position: 0 -48px; background-color: #0078CC; }
.slider-nav li.prev a:hover,
.slider-nav li.prev a:focus { background-position: 0 0; }
.slider-nav li.prev a:active { background-position: 0 -48px; }
.slider-nav li.next a { background-position: 0 -96px; background-color: #0078CC;  }
.slider-nav li.next a:hover,
.slider-nav li.next a:focus { background-position: 0 -72px; }
.slider-nav li.next a:active { background-position: 0 -120px; } 

	/*partners*/
/*has additional js functionality when js is enabled*/
#partners { float: left; width: 980px;background: #fff url(template/images/partners-bg.png) 0 0 repeat-x; padding: 5px 874px 0 854px; position: relative; }
#partners ul.items, #partners ul.items > li { margin:0; padding: 0; list-style: none; float: left; border: none; display: block;}
#partners ul.items { width: 980px; margin-left: 30px; }
#partners.js ul.items { width: 9999px; overflow: hidden;height: 95px;}
#partners ul.items li { margin-right: 22px;}
#partners ul.items li a {display: block;overflow: hidden; height: 95px;}
#partners ul.items li a:hover,
#partners ul.items li a:focus {}
#partners ul.items li a img { display: block;}
#partners ul.items li a:hover img,
#partners ul.items li a:focus img { margin-top: -95px; }
	/*partners specific tooltip*/
#partners .tooltip span { background-image: url(template/images/icons/pointer-1.gif); padding-left: 40px !important; background-repeat: no-repeat; }

	/*partners specific slider-nav*/
#partners .slider-nav {margin-top: -62px; margin-left: 20px; display: none;}
#partners.js .slider-nav {display: block;}

/*= end =============FOOTER==============*/
/*= start =============LIGHTBOX==============*/
.lightbox { padding: 5px; background: #fff; float: left;  position: relative;}
.lightbox .template/images, .lightbox .template/images li { margin: 0; padding: 0; list-style: none; }
.lightbox .template/images { padding-bottom: 30px; }
.lightbox .close { position: absolute; top: -25px; right: -25px; width: 50px; height: 50px; text-indent: -9999px; background: url(template/images/close-button-1.png) 0 0 no-repeat; }
.lightbox h2 { text-align: center; padding-top: 0; margin-top: -20px; height: 20px;}
.lightbox h2 span { padding-top: 0; margin-top: 0;}

/*js info - centers vertically with js*/
.lightbox .nav { width: 100%; padding: 0; float: left; position: absolute; top: 50%; margin-top: -64px; z-index: 9999; display: none;}
.lightbox .nav { display: block; }
.lightbox .nav li { padding: 0; margin: 0;position: absolute;z-index: 99999; background: #fff; width: 64px; height: 64px;}
.lightbox .nav li.prev { top: 0; left: 0;}
.lightbox .nav li.next { top: 0; right: 10px; }
.lightbox .nav a { display: block; margin: 20px auto; width: 16px; height: 24px; text-indent: -9999px; background-image: url(template/images/arrows-1.png); background-repeat: no-repeat; position: relative; z-index: 999;}
.lightbox .nav li.prev a:hover,
.lightbox .nav li.prev a:focus { background-position: 0 -24px; }
.lightbox .nav li.prev a:active { background-position: 0 -48px; }
.lightbox .nav li.next a { background-position: 0 -72px; }
.lightbox .nav li.next a:hover,
.lightbox .nav li.next a:focus { background-position: 0 -96px; }
.lightbox .nav li.next a:active { background-position: 0 -120px; } 
.lightbox h2 { padding-top: 10px; margin-left: 10%; margin-right: 10%;}
.lightbox p.total { position: absolute; bottom: 25px; right: 30px; font-size: 1.2em; padding: 0; margin: 0;}
/*= end=============LIGHTBOX==============*/