@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0; font-family: 'Titillium Web', sans-serif;}
a img{border:none;}

.wrapper{
	width:960px;
	margin:0 auto;
	background: url(../images/wrapper-bg.png);
	margin-top:20px;
}
li.hiddenLink{
	visibility:hidden;
	display:none;
}
/*** Form submission messages ***/
.submitted-form{
	width:960px;
	background:#fff8e0;
	color:#ff0000;
	text-align: center;
	overflow: hidden;
	margin-top:-20px;
	height:0px;
}

/****** HEADER *********/

.header{
	width:960px;
	height:160px;
	background:#fff;
	background-image:none;
	margin:0 auto;
	clear:both;
}
.header img{
	float:right;
}
.header ul{
	width:790px;
	height:160px;
	float:left;
	padding:0;
	margin:0;
}
.header ul li ul{
	display:inline-block;
	width:90px;
	height:30px;
}
.header ul li{
	display:block;
	float:left;
	width:109px;
	text-transform:uppercase;
}
.header ul li ul li{
	width:auto;
	height:auto;
}
li.home{
	width:80px !important;
}
li.faq{
	width:60px !important;
}
li.login, li.about{
	width:125px;
	height:160px;
}
li.about ul{
	height:160px !important;
}
li.about ul li{
	height:160px !important;
}
li.contact{
	width:120px !important;
}
li.contact ul{
	height:auto !important;
}
li.products{
	width:200px !important; 
}
.header li.selected{
	background:url(../images/hover-state.jpg) no-repeat;
	background-position:top left;
	color:#35aacd;
}
li.contact ul{
	height:160px;
}
.header li a{
	display:block;
	float:left;
	margin-top:85px;
	color:#4D4D4D;
	text-decoration:none;
}
.header li a:hover{
	color:#35aacd;
}
.header a.selected{
	color:#35aacd;
}
.header{
	border-bottom:7px solid #ff7600;
}
.headerShadow{
	width:960px;
	border-top:1px solid #666;
	border-bottom:1px solid #939393;
}

/***** MAIN CONTENT BANNER *****/
.main-content{
	width:960px;
	text-align:right;
}
span.push-right{
	float:right;
}
.main-content p{
	width:850px;
	margin-left:80px;
	padding:0 30px 20px 0;
	text-align:justify;
	direction: rtl;
	line-height:1.25em;
}
.main-content a{
	display:block;
	color:#fff;
	width:250px;
	height:38px;
	background:url(../images/our-clients-bg.jpg) repeat-x;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	font-size:1.3em;
	float:right;
	margin-right:30px;
}
.main-content a:hover{
	background:url(../images/our-clients-bg-hover.jpg) repeat-x;
}
.main-content a h1{
	color:#fff;
	padding:0 0 0 7px;
	margin:0;
	display:inline;
	font-size:1.40em;
	letter-spacing:-0.15em;
	font-family:geneva;
	font-weight:100;
}
.main-content img{
	float:right;
	margin-right:30px;
	border:3px solid #35a8cb;
	margin:20px 30px 35px 0;
}
	/*****headings*****/
	.main-content h1{
		color:#000;
		text-transform:capitalize;
		padding:35px 30px 0 0;
	}
	/*******************/
	/****right justified fixers*****/
	.about-right-align1{
		margin-left:748px;
	}
	.about-right-align2{
		margin-left:542px;
	}
	.about-right-align3{
		margin-left:653px;
	}
	.about-right-align4{
		margin-left:758px;
	}
	.products-align-right{
		margin-left:633px;
	}
	/*****************************/

/****** CONTACT INFO ******/
div.map{
	width:470px;
	float:left;
}
div.map ul{
	float:left;
	text-align:left;
	margin:50px 0 35px 75px;
}
div.map li{
	padding:0 0 15px 7px;
	line-height:1em;
}
.map li span{
	display:inline-block;
	margin:0 0 15px 0
}
.map li.fax span{
	margin:5px 0 20px 0;
	vertical-align:top;
}
div.map li.address{
	list-style-image:url(../images/address-icon.png);
}
div.map li.phone{
	list-style-image:url(../images/phone-icon.png);
}
div.map li.fax{
	list-style-image:url(../images/fax-icon.png);
}
div.map li.email{
	list-style-image:url(../images/email-icon.png);
}
div.map li.careers-link{
	list-style-image:url(../images/careers-icon.png);
}
li.careers-link{
	width:auto;
	text-align:left;
	margin:0;
	padding:0;
}
.careers-link a{
	display:inline;
	background:none;
	color:#000;
	text-transform:none;
	text-decoration:underline;
	margin:0;
	padding:0;
	font-size:1em;
	text-align:left;
}
.careers-link a:hover{
	text-decoration:none;
	background:none;
}
div.map img{
	border:none;
}
div.form-side{
	width:480px;
	float:right;
}
div.form-side span.biblioteca{
	float:left;
	clear:both;
	direction: ltr;
	margin-right:7px;
}
div.form-side p{
	position:relative;
	display:inline-block;
	width:445px;
	margin:0 30px 0 0;
	padding:15px 0 25px 0;
	text-align:justify;
	direction: rtl;
}

/*******END CONTACT INFO******/

.banner{
	width:958px;
	height:319px;
	background:url(../images/banner-bg.jpg);
	border-left:1px solid #939393;
	border-right:1px solid #939393;
	border-bottom:1px solid #939393;
}
.banner h1{
	text-transform:capitalize;
	color:#FF7600;
	font-family:'Titillium Web', sans-serif;
	font-weight:500;
	text-align:right;
	padding-top:40px;
	padding-right:30px;
	font-size:1.7em;
}
.banner p{
	width: 360px;
	text-align:justify;
	direction: rtl;
	margin-left:565px;
	font-size:0.9em;
}
span.right-align{
	margin-left:195px;
}
.biblioteca{
	color:#FF7600;
}

/**** BANNER LINK ****/

.banner ul{
	float:right;
	padding:15px 30px 0 0;
}
.banner ul li{
	list-style:none;
	float:left;
	padding:5px;
	padding-left:10px;
}
.banner ul li a{
	display:block;
	height:50px;
	color:#FF7600;
	text-transform:uppercase;
	font-weight:800;
	font-size:1.1em;
}
.banner ul li a:hover{
	text-decoration:none;
}
/******* PRODUCT LISTS  **********/
.products-services{
	width:960px;
	margin:35px;
	color:#4d4d4d;
}
.products-services h3{
	text-transform:capitalize;
	font-size:1.8em;
	font-weight:100;
	padding:15px 0 15px 15px;
}
.products-services ul{
	padding:0 0 20px 50px;
	font-size:1.3em;
}
.products-services li{
	padding-bottom:10px;
}
.products-services img{
	padding:35px 0 0 140px;
}
.coming-soon{
	width:370px;
	height:400px;
	border:10px solid #FF7600;
	float:left;
	margin:0 0 50px 50px;
}
.coming-soon li{
	list-style-image:url(../images/square-bullet.png);
}
.coming-soon ul{
	margin-left:-10px;
}
.coming-soon a, .available-now a{
	color:#4d4d4d;
	text-decoration: none;
}
.coming-soon a:hover, .available-now a:hover{
	cursor:pointer;
}
.coming-soon img{
	padding:80px 0 0 140px;
}
.available-now{
	width:370px;
	height:400px;
	border:10px solid #35aacd;
	float:right;
	margin:0 70px 50px 0;
}
.available-now li{
	list-style-image:url(../images/check-mark-bullet.png);
}
.bubbleInfo h3{
	display:block;
	width:570px;
	background: #FF7600;
	color:#fff;
	font-size: 1.3em;
	text-align: right;
	padding-right:15px;
}
.bubbleInfo2 h3{
	display:block;
	width:570px;
	background: #35aacd;
	color:#fff;
	font-size: 1.3em;
	text-align: right;
	padding-right: 15px;
}
.bubbleInfo, .bubbleInfo2 {
    position: relative;
}
.bubbleInfo p, .bubbleInfo2 p{
	margin:7px;
	text-align: justify;
}
.popup {
	z-index: 100;
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    background:#fff;
    font-size:0.75em;
    height:auto;
    width:600px;
    border: 3px solid #FF7600;
    padding:15px;
    
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
}
.bubbleInfo2 .popup{
	z-index: 100;
	width:600px;
	border: 3px solid #35aacd;
}
.bubbleInfo2 .popup ul li{
	list-style-image: none;
	list-style-type: disc;
	font-size: 0.75em;
}
.caboodle{
	font-weight: bold;
	font-style: italic;
}

/****** FAQs **********/

.faq-wrapper{
	width:880px;
	padding:35px 0 0 35px;
}
.faq-wrapper a{
	background:none;
	color:#000;
	font-size:1em;
	text-decoration:underline;
	text-transform:none;
	display:inline;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	clear:both;
	float:none;
}
.faq-wrapper a:hover{
	background:none;
}
.faq-wrapper p{
	text-align:center;
	width:auto;
	margin:0;
	padding:25px 0 0 0;
	direction:ltr;
}
.faq-wrapper .biblioteca-faqs h3{
	text-align:left;
	padding-left:65px;
	padding-top:15px;
	padding-bottom:15px;
	height:100%;
	background: url(../images/orange-button-bg.jpg);
	background-position:center;
	color:#fff;
	border-top:2px solid #4d4d4d;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-bottom:2px solid #4d4d4d;
	border-radius:0;
}

.accordion div{
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-bottom:2px solid #4d4d4d;
	border-radius:0;
	font-size: 1.2em;
}
.accordion h3{
	font-size: 1.2em;
}

.biblioteca-faqs span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{
	margin-left:25px;
	background:url(../images/blue-drop-arrow-down.png) no-repeat;
}
.biblioteca-faqs span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{
	margin-left:25px;
	background:url(../images/blue-drop-arrow-right.png) no-repeat;
}

.tabs{
	width:880px;
	height:40px;
	overflow:hidden;
	margin:0 auto 0 0;
	background:url(../images/faq-tabs-biblioteca-active.png) no-repeat left;
	border-left:1px solid #999;
}
.tabs ul{
	width:880px;
	height:40px;
	overflow:hidden;
}
.tabs ul li{
	height:40px;
	float:left;
	list-style:none;
}
.tabs ul li.biblioteca-faqs{
	
}
a.b-tab, a.a-tab{
	display:block;
	position:relative;
	padding:0;
	margin:0;
	clear:both;
	width:210px;
	height:40px;
	color:#4d4d4d;
	padding-top:5px;
}
a.b-tab{
	font-size:1.3em;
	font-weight: bold;
	text-decoration: none;
}
a.b-tab:hover{
	text-decoration: underline;
	cursor: pointer;
}
a.a-tab{
	font-size:1.3em;
	font-weight: bold;
	text-decoration: none;
}
a.a-tab:hover{
	text-decoration: underline;
	cursor: pointer;
}
.biblioteca-faqs{
	background:#fff;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid#999;
	padding:35px 15px;
	margin:0 0 35px 0;
}
.biblioteca-faqs li, .archipedia-faqs li{
	list-style:none;
	padding:0;
}
.biblioteca-faqs div p, .specifiers-faqs div p, .manufacturers-faqs div p{
	padding:7px;
	width:750px;
	text-align:left;
	font-size:0.9em;
}
.biblioteca-faqs p a, .archipedia-faqs p a{
	display:inline;
	text-transform:none;
	clear:both;
	float:none;
	line-height:normal;
}
.archipedia-faqs{
	display:none;
	clear:both;
	float:none;
	background:#fff;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid#999;
	padding:35px 15px;
	margin:0 0 35px 0;
}
.biblioteca-faqs h3{
	height:100%;
}
.faq-wrapper .archipedia-faqs h3{
	text-align:left;
	height:100%;
	padding-left:65px;
	padding-top:15px;
	padding-bottom:15px;
	background: url(../images/big-blue-button-bg.jpg);
	background-position:center;
	color:#fff;
	word-wrap: normal;
	border-top:2px solid #4d4d4d;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-bottom:2px solid #4d4d4d;
	border-radius:0;
}
.archipedia-faqs .faq-type{
	display:block;
	width:890px;
	height:50px;
	text-align:left;
}
.faq-type a{
	display:inline-block;
	width:195px;
	height:25px;
	font-size:1.2em;
}
a.specifiers-faqs{
	border-right:2px solid #666;
	color:#0091B1;
	cursor:pointer;
}
a.manufacturers-faqs{
	color:#ddd;
}
.manufacturers-faqs{
	
	display:none;
	cursor:pointer;
}

.archipedia-faqs span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{
	margin-left:25px;
	float:left;
	background:url(../images/orange-drop-arrow-down.png) no-repeat;
}
.archipedia-faqs span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{
	margin-left:25px;
	background:url(../images/orange-drop-arrow-right.png) no-repeat;
}

span.arch{
	color:#90bacb;
	font-weight:600;
	font-style:italic;
}
span.ecatalogue{
	color:#90bacb;
	font-weight:600;
	
}
span.pedia{
	color:#474950;
	font-weight:600;
	font-style:italic;
}
span.collaboration{
	color:#90bacb;
	font-weight:normal;
	font-style:normal;
}


/* tab colors:
archipedia blue: #90bacb;
archipedia black: #474950;
light blue:d7f6ff;
light orange: ffeee0;

*/
/******END FAQs********/


/******** MISSION STATEMENT *******/
.mission-statement{
	clear:both;
	width:958px;
	height:150px;
	background:#FF7600;
	color:#fff;
	border:1px solid #994700;
	text-align:right;
}
.mission-statement h2{
	padding:15px 30px 10px 0;
	font-size:1.8em;
	letter-spacing:0.05em;
}
.mission-statement p{
	font-size:1.4em;
	font-weight:100;
	padding:0 30px 0 15px;
	letter-spacing:0.04em;
	line-height:1.25em;
}

/**** WHATS NEW *********/
.whatsNew{
	width:960px;
	text-align:right;
}
.whatsNew ul{
	padding:35px 30px 0 0;
}
.whatsNew li{
	list-style:none;
}
.whatsNew li a{
	display:block;
	float:right;
	width:512px;
	height:138px;
	background:url('../images/caboodle-button.png')no-repeat;
}
.whatsNew ul.contact-update li a.contact-update span {
    display: block;
    float: right;
    height: 52px;
    padding-right: 20px;
}

.whatsNew ul.contact-update li a.contact-update img {
    border: medium none;
    padding-top: 27px;
}
ul.contact-update{
	float:left;
	padding:10px 0 0 0;
	text-align: center;
	line-height: 85px;
	font-size: 1.5em;
}
.whatsNew ul.contact-update li a.contact-update{
	display: block;
	height:82px;
	width:236px;
	background:url("../images/big-blue-button-bg.jpg") center repeat-x;
	text-decoration: none;
	color:#fff;
}
.whatsNew ul.contact-update li a.contact-update:hover{
	background: url("../images/big-blue-button-bg-hover.jpg") center repeat-x;
}
/***** BLUE BUTTONS *****/

.buttons{
	width:960px;
	padding-top:45px;
	clear:both;
	padding-bottom:none;
	margin-bottom:none;
}
.buttons ul li{
	list-style:none;
	width:236px;
	float:left;
	display:block;
	height:82px;
}
.buttons ul li a{
	display:block;
	float:left;
	width:236px;
	height:82px;
	overflow:hidden;
}
.buttons ul li a{
	display:block;
	width:100%;
	color:#fff;
	background:url(../images/big-blue-button-bg.jpg) repeat-x;
	text-align:center;
}
.buttons ul li a:hover{
	background:url(../images/big-blue-button-bg-hover.jpg) repeat-x;
}
li.specifiers{
	margin: 0 5px;
}
li.4free{
	margin:0 0 0 5px;
}
li.ecatalogue{
	margin:0 5px 0 0;
}
li.ecatalogue a:hover{
	cursor:default;
}
.buttons a img{
	float:left;
	padding:15px 0 0 10px;
}
.buttons a span{
	display:block;
	float:right;
	position:relative;
	word-spacing:0.2em;
	width: 160px;
	height:50px;
	margin:20px 7px 0 0;
	font-weight:600;
	line-height:1em;
}
li.specifiers a span{
	margin:27px 7px 0 0;
}
li.manufacturers a span{
	margin:27px 7px 0 0;
}
.buttons ul li a.overlay{
	background-image:none;
	background:#aaa; 
	opacity:0.9; 
	position:absolute; 
	width:236px; 
	height:83px; 
	z-index:100; 
	text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1); 
	font-size:1.5em; 
	text-decoration:none; 
	font-weight:bold; 
	line-height:80px; 
	overflow:hidden;
}
/****** LOGIN *******/
h1.login{
	text-transform:uppercase;
}
a.forgot-password{
	width:125px;
	text-align:right;
	background:none;
	color:#4d4d4d;
	text-decoration:underline;
	padding:0;
	margin:25px 30px 25px 0;
	font-size:1em;
	text-transform:capitalize;
}
a.forgot-password:hover{
	text-decoration:none;
	background:none;
}

/****** FORMS ********/
.error{
	display:none;
	margin:-25px 0 0 0;
	padding:0;
}
.error p{
	margin:0 20px 0 0;
	padding:0;
}
form ul{
	display:block;
	float:right;
	margin:0 30px 40px 0;
}
form li{
	list-style:none;
}
form input[type="text"]{
	width:425px;
	padding:10px;
	color:#999;
	font-style:italic;
	border:1px solid #CCC;
	font-size:1em;
	letter-spacing:0.1em;
	margin:0 0 20px 0;
}
form input[type="submit"].login-submit{
	display:block;
	height:38px;
	width:200px;
	background:url(../images/our-clients-bg.jpg) repeat-x;
	color:#fff;
	border:none;
	font-size:1.2em;
	float:right;
}
form input[type="submit"].login-submit:hover{
	display:block;
	height:38px;
	width:200px;
	background:url(../images/our-clients-bg-hover.jpg) repeat-x;
	color:#fff;
	border:none;
	font-size:1.2em;
	float:right;
}
form input[type="submit"].register{
	display:block;
	height:38px;
	width:200px;
	background:url(../images/orange-button-bg.jpg) repeat-x;
	color:#fff;
	border:none;
	font-size:1.2em;
	float:right;
	margin:0 0 70px 0 ;
}
form input[type="submit"].register:hover{
	display:block;
	height:38px;
	width:200px;
	background:url(../images/orange-button-bg-hover.jpg) repeat-x;
	color:#fff;
	border:none;
	font-size:1.2em;
	float:right;
}
form input[type="checkbox"]{
	border:1px solid #CCC;
	padding:4px;
	margin:0 15px 15px 0;
}
form li.no-account{
	display:block;
	width:960px;
	float:right;
	margin:45px 0 15px 0;
}
textarea{
	width:430px;
	height:32px;
	padding:7px;
	border:1px solid #CCC;
	color: #999;
	font-style:italic;
	letter-spacing:0.1em;
	font-size:1em;
	font-weight:100;
}
select{
	width:445px;
	height:45px;
	padding:7px;
	border: 1px solid #CCC;
	overflow:hidden;
	color:#999;
	font-size:1em;
	letter-spacing:0.1em;
	font-style:italic;
	margin:20px 0 20px 0;
	-webkit-appearance:none;
	border-radius:0;
}
option{
	padding:7px;
}
.coming-soon-buttons{
	display: block;
	float:none;
	clear:both;
	padding-top:60px;
	width:960px;
	height:83px;
	background: url(../images/greyed-buttons.jpg) bottom no-repeat;
}

#LoginPassword{
	width:425px;
	padding:10px;
	color:#999;
	font-style:italic;
	border:1px solid #CCC;
	font-size:1em;
	letter-spacing:0.1em;
	margin:0 0 20px 0;
}
#Submit1{
	display:block;
	height:38px;
	width:200px;
	background:url(../images/our-clients-bg.jpg) repeat-x;
	color:#fff;
	border:none;
	font-size:1.2em;
	float:right;
}
#Submit1:hover{
	cursor: pointer;
}
.abi-login a{
	display:block;
	float:right;
	margin:0;
	background: none !important;
	direction: ltr;
}
.abi-login a:hover{
	background:none;
}
/****** RESUME FORM *********/


#submit{
	width:100px;
	height:28px;
	border-radius: 4px;
	color:#fff;
	border:1px solid #009eff;
	background:url(../images/our-clients-bg.jpg) center repeat-x;
	margin-right:30px;
}

/****** CLIENTS *******/
li.show{
	visibility:visible;
	display:block;
	width:100px;
	height:30px;
	text-align:left;
}
.show img{
	float:left;
	padding:4px 5px 0 0;
}
.show a{
	height:30px;
	margin:-45px 0 0 0;
	padding:0;
}
.careers a{
	margin:0;
}
.client-fix{
	margin-left:313px;
}
.slider-wrapper{
	width:850px;
	height:275px;
	float:right;
	margin:25px 30px 35px 0;
}
.slider-wrapper a{
	background:none;
	border:none;
	padding:0;
	margin:0;
}
.slider-wrapper a:hover{
	border:none;
	background:none;
}
.slider-wrapper a img{
	border:none;
	padding:0;
	margin:0;
}
.image p{
	display:block;
	width:185px;
	height:30px;
	color:#fff;
	text-align:left;
	direction:ltr;
	float:left;
	font-size:1.1em;
	margin:0;
	margin:30px 10px;
}
.image{
	width:225px;
	float:left;
	height:275px;
	margin:0;
	padding:0;
}
.imageWrapper{
	width:205px;
	height:275px;
	margin:0 10px;
	background:#35aacd;
}
.image img{
	clear:both;
	padding:5px;
	border:none;
	margin:0 auto;
}
.images{
	width:16200px;
	padding:0; 
	margin:0;
	position:relative;
}
.window{
	width:675px;
	height:275px;
	float:left;
	overflow:hidden;
}
.previous{
	width:88px;
	height:275px;
	float:left;
}
.previous:hover, .next:hover{
	cursor: pointer;
}
.next{
	width:87px;
	height:275px;
	float:left;
}
.previous a, .next a{
	width:auto;
}

/****** CAREERS ******/
p.careers{
	width:800px;
	padding:25px 0 25px 50px;
}
.careers-fix{
	margin-left:155px;
}
a.careers{
	font-size:1em;
	line-height:40px;
}
/***** FOOTER *******/

.blackBottom{
	width:960px;
	height:14px;
	background:url(../images/footer-black-bg.jpg) repeat-x;
	clear:both;
	float:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.footer{
	clear:both;
	with:960px;
	font-weight:600;
	margin-bottom:65px;
}
.footer li{
	display:block;
	width:480px;
	float:left;
	text-align:right;
}
.footer li.arcane{
	text-align:left;
	font-size:0.5em;
	padding-top:8px;
}
.footer li.arcane a{
	display:inline;
	color:#F4F4F4;
	background:none;
	text-transform:none;
	text-align:left;
	margin:0;
	padding:0;
	clear:both;
	float:none;
}
.footer li.arcane a:hover{
	background:none;
}

li.careers-link a{
	margin-left:10px;
	float:none;
}

span.biblioteca{
	float:none;
}