@import url('layout.css');
/* 
This file is for development purposes only. The file to include in the HTML is
main.min.css

This file can be excluded in production.

CSS from all of the imported files above is concatenated and minified using 
juicer. 
(see http://cjohansen.no/en/ruby/juicer_a_css_and_javascript_packaging_tool)

The command is as follows (executed from inside css directory):

juicer merge main.css -f -c none

The '-f' flag is to force it to overwrite the prior compressed main.min.css
The '-c none' flag means that it doesn't use a cache busting query string

*/

/* QUIQCORP LAYOUT 290108 - AD */

/* FULL PAGE */

body {
	margin: 0px;
	text-shadow: rgba(255,255,255,.01) 0px -1px 1px;
	opacity: : .99;
	color: #444;
	background-color: #fff;
}

/* MAST */

#mast1 {
	/*background: url(../images/main_bg02.jpg) repeat-x;
	background-position: 0 -20px;*/
}

#mast2 {
	margin-top: 20px;
	background: #2A2A2A url(../images/footer_bg02.jpg) repeat-x;
}

#logo img {
	padding-top: 10px;
}

/* MAST_in */

#mast_in {
	width: 68.46em;
	*width: 66.81em;
	min-width: 890px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#mast1_in {
	width: 68.46em;
	*width: 66.81em;
	min-width: 890px;
	margin-left: auto;
	margin-right: auto;
}

#mast2_in {
	background: #2A2A2A url(../images/footer_bg02.jpg) repeat-x;
	width: 68.46em;
	*width: 66.81em;
	min-width: 890px;
	padding: 21px 0 35px 0;
	margin-top: -6px;
	margin-left: auto;
	margin-right: auto;
}

li {
	line-height: 1.25em;
	list-style-image: url(../images/blue-dot.gif);
	margin: 0pt 0pt 0.3em;
	padding: 0pt;
}

/* FOOTER */

.footerLinksWidth {
	width: 100%;
}

ul#footerLinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 85%;
}

ul#footerLinks * {
	margin: 0;
	padding: 0;
}

ul#footerLinks li {
	float: left;
	display: inline;
	margin-left: 30px;
	padding-left: 1px;
}

ul#footerLinks li.first {
	margin-left: 0;
}

ul#footerLinks dt {
	font-weight: bold;
	margin-bottom: 0.6em;
	color: #959595;
}

ul#footerLinks dt a {
	color: #959595;
}

ul#footerLinks dt a:hover {
	color: #EE9511;
}

ul#footerLinks dd {
	margin-bottom: 0.4em;
	padding-left: 10px;
	color: #959595;
}

ul#footerLinks dd a {
	color: #959595;
}

ul#footerLinks dd a:hover {
	color: #EE9511;
}

#footer-logo {
	text-align: right;
	margin-right: 10px;
}

div.content-view-full {
	padding: 0;
	margin: 0;
}


/* BODY */


/* PAGE LAYOUT */

.page
{
	width: 68.46em;
	*width: 66.81em;
	min-width: 890px;
	margin: auto;
	text-align: left;
	clear:both;
}


/* HEADER AREA */

.links-utility
{
	height: 22px;
	padding:10px 0 6px 0;
	color:#959595;
}

.links-utility a
{
	color:#959595;
	font-size:93%;
	text-decoration:none;
}

.links-utility a:hover
{
	color:#EE9511;
	text-decoration:underline;
}

#logo
{
	padding:20px 0;
}
/* MIKES Shadow line */

#line
{
	/* clear:both; */
	background-image: url('../images/quiqtop_sdw.jpg');
	height:15px;
	/* border-top: solid 1px #b7b7b7; */
	/*background-color: #b7b7b7;*/
	margin: 0 0 0 0;
}



/* TOP MENU */

#topmenu
{
	font-family: "Trebuchet MS";
	margin: -50px 0 0 0;
	padding:0;
	float:right;
}

#topmenu li
{
	/*display:inline;*/
	list-style-type:none;
	padding-right:10px;
}

#topmenu li a
{
	font-size:93%;
	color: #333;
	font-weight:bold;
	font-family: "Myriad Pro";
	text-transform: lowercase;
}

#topmenu li a:hover
{
	color: #cb171e;
	text-decoration:none;
}


#searchbox {
	font-size: 93%;
	padding: 3px 2px 3px 2px;
	width: 209px;
	background: url(../images/searchfield_bg.gif);
	border: 1px solid #ccc;
	color: #333; 
}

input.email {
	font-size: 93%;
	padding: 3px 2px 3px 2px;
	border: 1px solid #ccc;
	color: #333;
}






/* STANDARD */

.left
{
	float:left;
}

.right
{
	float:right;
}
.hide{
	display: none;
}

.clear{
	clear:both;
}

.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.square_img{
	margin:0 10px 10px 0;
	float:left;
}/*This will apply for all line view which doesn't have line tpl/

/* HEADINGS */

h1, h2, h3, h4 /* Set general styles for all headings; some may be overridden later */
{
	font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 0;
}

h1
{
	color: #cb171e;
	margin-top: 0px;
	padding-top:10px;
	margin-bottom:10px;
    font-size: 197%;
    letter-spacing:0px;
}

h2
{
	color: #000;
    margin-top: 15px;
	padding-bottom:5px;
	margin-bottom:8px;
    font-size: 138.5%;
	letter-spacing: 0px;
}

h3
{
	color: #cb171e;
	font-size: 138.5%;
	letter-spacing:0px;
}

h4
{
	color:#000;
    font-size: 116%%;
	letter-spacing:0px;
	margin-top:15px;
}





/* PARAGRAPHS */

p
{
	font-size:100%;
    margin: 0 0 10px 0;
    line-height: 150%; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}


/* LINKS */

a
{
	font-family: "Trebuchet MS";
    color: #cb171e;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}

b,strong {
	color:#333;
}


h2 a {
	color:#000;
}

h2 a:hover {
	color:#cb171e;
}




/* the contact form css start here */

div.attribute-contactform-name, div.attribute-sender-name, div.attribute-email, div.attribute-message, div.content-action {
	clear: left;
	padding: 10px;
}

div.contact-form-shortdescrpitoin p {
	padding-top: 10px;
	font-size: 108%;
}

div.contact_who_layout, div.your_name_layout, div.your_email_address_layout, div.your_comments {
	float: left;
	width: 30%;
}

div.contact_who_textfield_layout, div.your_name_textfield_layout, div.your_email_address_textfield_layout, div.message_layout {
	float: left;
	width: 45%;
}

.sendButton {
	margin-left: 30%;
}

/* the contact form css end here */

/* the extension folder css start here */

.extension-number {
	font-size: 93%;
}

div.extension-description-short {
	font-size: 108%;
}

div.extension-children {
	padding-bottom: 10px;
}

table.quiq-extension-table {
	width: 100%;
	height: 57px;
}

table.quiq-extension-table tr,table.quiq-extension-table tr th,table.quiq-extension-table tr td {
	text-align: left;
	padding: 3px;
}

table.quiq-extension-table tr.quiq-extension-colname th {
	background-color: #DFE5FF;
	border: solid 2px #FFFFFF;
}

table.quiq-extension-table tr.quiq-extension-details td {
	border: solid 2px #FFFFFF;
	background-color: #EFEFEF;
}

div.quiq-extension-update-date {
	font-size: 93%;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.quiq-extension-short-description {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.quiq-extension-file {
	font-size: 93%;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.quiq-extension-description {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.quiq-fullview-extension-file {
	width: 20%;
	float: left;
	padding-left: 10px;
}

/* the extension folder css end here */

/* the comments css start here*/

div.quiq-extensions-comments {
	clear: left;
	padding-bottom: 10px;
	padding-top: 5px;
}

.new_comment {
	background: url("../images/comments.gif") repeat-x;
	color: #FFFFFF;
}

div.comments-count-even {
	background-color: #FAFAFA;
	padding-left: 5px;
}

div.comments-count-odd {
	background-color: #F2F2F2;
	padding-left: 5px;
}

div.attribute-byline p.date, div.quiq-cooments-author {
	font-size: 85%;
}

div.quiq-comments-title {
	float: left;
	font-size: 108%;
	font-weight: bold;
	padding-top: 5px;
}

div.quiq-cooments-author {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}

div.attribute-byline {
	clear: left;
}

div.quiq-comments-message {
	padding-bottom: 5px;
}

div.quiq-extensions-comments {
	width: 70%;
}

ul.topsubmenu {
	float: right;
	margin: 0;
	padding: 0px;
	margin-top: 0px;
	font-size: 77%;
}

ul.topsubmenu li {
	list-style: none;
	float: left;
	margin-right: 1em;
	color: #555555;
}

ul.topsubmenu li a {
	list-style: none;
	color: #555555;
	text-transform: uppercase;
}

div.flat-top-style {
	float: right;
	text-align:right;
	width: 75%;
}

/* the comments css end here*/

/* the search css starts here*/

.searchbar-style {
	float: right;
	margin-top: -2px;
}


* html #mast2 {
	margin-top: -21px;
}

* html .tab_box_footer p.tab_contents01 {
	margin-top: 0px;
}

* html .tab_box_footer p.tab_contents02 {
	margin-top: 0px;
}

* html .tab_box_footer {
	z-index: 10;
	position: relative;
}

table.search_list th, table.search_list td{
	border:none;
	text-align:left;
}

/* MENU */

#topmenu li.current_page a, #topmenu li.selected a {
	color: #cb171e;
	list-style: none;
}

#topmenu li.current_page a:visited {
	color: #cb171e;
	list-style: none;
}

.second_level_menu a.selected {
	color: #cb171e;
	list-style: none;
}

/*#topmenu li{
	list-style: outside url(../images/nav_icon.gif) disc;
	float:left;
	margin-right:8px;
	line-height:100%;
}*/

#topmenu {
	/*width: 665px;*/
}

#topmenu li {
	list-style: none;
	background: url(../images/nav_icon.gif) no-repeat left;
	float: left;
	padding-left: 10px;
	padding-top: -3px;
	font-size: 108%;
}

#topmenu li.firstli {
	background: none;
	list-style: none;
	padding-left: 0px;
	padding-top: -3px;
}

/* login form css */

/*.loginformcontainer {
	padding: 10px;
	margin: 10px;
}*/

.loginformcontainer label {
	float: left;
	padding: 5px,0px,5px,0px;
	width: 30%;
	text-align: right;
}

.loginformcontainer input, .loginformcontainer textarea {
	float: left;
	padding: 5px,0px,5px,0px;
}

.loginformcontainer defaultbutton {
	float: left;
	padding: 5px,0px,5px,0px;
	color: #CB171E;
}

/*.loginformcontainer id4 {
	text-align: left;
}*/

.loginformcontainer cookie {
	float: left;
}

.loginformclear {
	clear: both;
}

/*#formlogo {
	float: left;
}*/

.loginformcontainer div.button_area input.defaultbutton {
	margin-left: 152px;
}

#light-top {
	background: url(../images/lightbox_top.png) no-repeat;
	width: 500px;
	height: 10px;
}

#light-bottom {
	background: url(../images/lightbox_bottom.png) no-repeat;
	width: 500px;
	height: 10px;
}

#form-box {
	background-color: #FFFFFF;
	padding: 0 10px 10px;
}

#form-box img {
	width: 480px;
	height: 95px;
}

.close_window {
	text-align: right;
}

.forgot_password p a {
	margin-left: 30%;
}

#QuiqcorpQRcode {
	width: 164px;
	height: 164px;
	background: url(../images/quiqcorpQRcode.png) no-repeat;
}

/* Blog CSS rules */

#lifecycle-container {
	text-align: center;
}

#developer_life_cyle {
	background: url('../images/project_life_cycle.gif');
	width: 800px;
	height: 600px;
}

#quiqblogpostlatestcontainer {
	width: 550px;
	float: left;
}

#quiqblogContainer {
	float: right;
	margin: 5px;
	vertical-align: middle;
}

.QuigBlogPostLineContainer {
	

/*width: 610px;*/
	display: block;
}

.QuiqBlogPostAuthorDate {
	float: left;
	font-size: 77%;
}

.quiqblogLineContainer {
	margin: 10px;
}

.quigbloglisttitle {
	margin: 10px;
	text-align: center;
}

.quiqblogWhocontainer {
	float: left;
}

.quiqblogLineAuthor {
	float: left;
}

.quiqblogLinePhoto img {
	width: 35px;
	height: 35px;
	float: left;
	margin-right: 10px;
	border: 1px;
	border-style: dashed;
}

.quiqblogLineBreak {
	clear: both;
}

.quiqblogLineSkype {
	
}

.QuiqBlogPostLineTitle {
	
}

.QuiqBlogPostLineClear {
	clear: left;
}

.quiqblogpost_author_photo {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	background: #3f4e4e;
	padding: 4px;
}

.quiqblogpost_short_blog p {
	float: left;
}

.FullBlogRightContainer {
	background: #2A2A2A;
	width: 250px;
	float: right;
	margin: 10px;
}

.FullBlogLeftContainer {
	width: 610px;
	float: left;
}

.FullBlogRightContainer img {
	margin: 5px;
	padding: 5px;
	border: 1px;
}

.FullBlogLeftClear {
	clear: left;
}

.QuiqBlogAboutAuthor {
	margin: 5px;
}

.QuiqBlogAuthorDesc {
	margin: 5px;
}

.QuiqBlogPreviousPosts {
	padding: 5px;
}

.quiqportfolio-view-line {
	float: left;
	width: 150px;
	text-align: left;
	vertical-align: middle;
	margin: 0 20px 20px 0;
}

.quiqportfolio-subblcok-children {
	text-align: center;
}

.quiqportfolio-view-children {
	width: 890px;
}

.end-portfolio {
	clear: left;
}

#quiqcorpPortfolio ul.yui-nav {
	margin-top: 15px;
	width: 735px;
}

.GlossaryLink a {
	color: #3399CC;
}

.Glossarysub_link a {
	color: #3399CC;
	font-size: 77%;
}

.glossary_left {
	float: left;
	width: 440px;
	padding: 0px 10px 0px 0px;
	border-right-style: dashed;
	border-color: #959595;
}

.glossary_right {
	float: right;
	width: 420px;
}

.glossary_clear_left {
	clear: left;
}

.glossary_clear_right {
	clear: right;
}

#quiqcorpPortfolio ul.yui-nav li.selected {
	margin: 0;
	padding: 8px 0 0;
	width: 124px;
	height: 23px;
	background: url(../images/port_tab_selected.jpg) repeat-x;
}

#quiqcorpPortfolio ul.yui-nav li a {
	text-decoration: none;
	color: #555555;
}

#quiqcorpPortfolio ul.yui-nav li a:hover {
	text-decoration: none;
	color: #2A2A2A;
}

#quiqcorpPortfolio ul.yui-nav li.selected a {
	color: #959595;
}

#quiqcorpPortfolio ul.yui-nav li {
	margin: 0;
	padding: 8px 0 0;
	width: 124px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
}

#quiqcorpPortfolio div.yui-content {
	padding: 20px 0px;
	border-top: solid 1px #EFEFEF;
}

.class-quiqportfolio {
	float: left;
	border: solid 1px #EFEFEF;
	padding: 10px;
	width: 385px;
}

.class-line-quiqportfolio {
	padding: 10px 0;
}

.quiqportfolio-content {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 540px;
}

#quiqFlash_main {
	z-index: -500;
}

#quiq_copy {
	font-size: 85%;
	margin-top: 20px;
	padding: 10px 30px;
}

#quiq_copy p a {
	color: #555452;
}

#quiq_copy p {
	color: #555;
}

#leftScrollBut {
	float: left;
	padding-top: 20%;
	padding-right: 5%;
}

#rightScrollBut {
	float: left;
	padding-top: 20%;
	padding-left: 5%;
}

/* Menu drop test */

.submenu {
	display: none;
}

.submenu a {
	display: block;
}

#submenu-box {
	padding: 0;
	height: 20px;
	margin: -30px 0 0 0;
}

* html #submenu-box {
	padding: 7px 0 5px;
	height: 25px;
}

#submenu01 {
	display: block;
}

/* Job Application Form */

.class-jobapplication-form form h4 {
	float: left;
	margin: 15px 0;
	width: 20%;
	text-align: left;
	border: none;
}

.quiqjobapp input {
	float: left;
	margin: 15px 0;
	width: 48%;
	border: 1px solid #A5ACB2;
}

.quiqjobapp {
	clear: left;
}

div.topmenuBlock {
	height: 15px;
}

div.line-casestudies {
	float: left;
}

.yui-g div.yui-u {
	float: left;
}

.block_half {
	float: left;
	width: 50%;
}

.line-casestudies img {
	margin: 10px;
}

.rec_bottom {
	background-image: url(../images/rec_bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 285px;
}

.rec_top {
	background: #B5B5B5 url(../images/rec_top.gif) no-repeat top;
	width: 285px;
}

div.quiq-banner {
	height: 200px;
	background-color: #B5B5B5;
}

div.tabs1 {
	background-color: #B5B5B5;
}

.solution-title {
	text-transform: uppercase;
}

.rec_content {
	padding: 15px 0px 5px;
	margin: 0px 15px 0px 15px;
	position: relative;
}

.x-hide-display {
	display: none !important;
}

#script {
	width: 890px;
	height: 200px;
	background: url(../images/calvin_test1.png) no-repeat;
}

#markup {
	width: 890px;
	height: 200px;
	background: url(../images/calvin_test2.png) no-repeat;
}

div.x-tab-panel {


/*border:1px solid #8DB2E3;*/
	margin-bottom: 1px;
}

ul.x-tab-strip-top {
	padding-top: 1px;
}

ul.x-tab-strip {
	display: block;
	width: 890px;
	margin-left: 0;
}

#ext-gen10 {
	width: 890px;
	height: 35px;
	background-color: #333333;
}

#ext-gen10 ul {
	padding-top: 8px;
	padding-left: 8px;
	list-style-image: none;
	list-style-type: none;
}

ul.x-tab-strip li {
	float: left;
	padding-left: 5px;
	padding-right: 20px;
}

span.x-tab-strip-text {
	font-weight: normal;
	font-style: normal;
	font-size: 116%;
	text-transform: capitalize;
	color: #888888;
}

.x-tab-strip-active {
	cursor: default;
}

li..x-tab-strip-active a em.x-tab-left span.x-tab-strip-inner span.x-tab-strip-text {
	color: #FFFFFF;
}

ul.affliation-list li {
	margin-left: 0;
	margin-top: 10px;
	margin-right: 30px;
	float: left;
}

div.quiqcorp-employee {
	clear: left;
}

div.quiqcorp-employee-photo {
	width: 40%;
	float: left;
}

div.quiqcorp-employee-details {
	width: 50%;
	float: left;
	vertical-align: middle;
}

div.SeeAllNewsEvents {
	float: left;
}

div.seminar-workshop {
	width: 50%;
	float: left;
}

div.float-break {
	clear: both;
}

div.newsAndEvents-title {
	width: 75%;
	float: left;
}

div.newsAndEvents-classification {
	width: 20%;
	float: right;
}

#portfolio_grid {
	width: 286px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin-top: 5px;
	float: left;
}

#portfolio_grid img {
	float: left;
	margin: 0px 0px 8px 8px;
	background: #bfbfbf;
	padding: 4px;
	width: 78px;
	height: 78px;
}

#case_study_grid {
	width: 650px;
	text-align: center;
	padding: 0px 0px 0px 0px;

/*margin-top:5px;*/
	float: left;
}

#case_study_grid img{
	
	/*
	float: left;
	background: #fff;
	padding: 4px;
	width: 114px;
	margin: 0px 0px 8px 18px;
	height: 114px;*/
}
.case_study {
	float: left;
	width: 162px;
	height: 270px;
}
.exhibition_grid img {
	width: 114px;
	height: 114px;
	margin-right: 8px;
}
#case_study_grid .left img {
	/*margin: 0px 0px 8px 0px;*/
}

#case_study_grid .right, #case_study_grid .middle {
	/*float: left;*/
}

#case_study_grid #vertical_container .case_study img {
	margin-bottom: 0;
}

.case_study_info {
	margin-bottom: 8px;
}

div.left .case_study_info p {
	padding: 0 8px 0 12px;
}

.case_study_info p, div.middle .case_study_info p, div.right .case_study_info p {
	text-align: left;
	font-size: 85%;
	padding: 0 8px 0 12px;
	margin: 0;
	}
.case_study_info p.case_title{
	font-weight: bold;
}

/* JAVA Message boards */

.quiq-messageboard {
	width: 950px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url('../images/quiqmsgBg.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
}

.quiq-messageboardBg {
	background-color: transparent;
	background-image: url('../images/quiqmsgBg.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
}

/* JAVA Message boards ENDS */

.who-container {
	
}

.who-clear {
	clear: both;
}

.who-author {
	float: left;
}

.who-desc {
	float: left;
	width: 250px;
	text-align: left;
	vertical-align: middle;
	margin: 0 20px 20px 0;
}

.who-blog {
	float: left;
}

div.seminarAndWorkshop {
	border: 1px dotted #777777;
	padding: 5px;
	width: 285px;
}

div.who-container {
	width: 50%;
	float: left;
}

div.seminarAndWorkshop {
	margin-left: 20%;
	width: 100%;
}

#ne-dates {
	font-family: "Trebuchet MS";
	font-size: 70%;
	letter-spacing: 1px;
	color: #DF1B1F;
	text-transform: uppercase;
}

div.how-to ul li {
	list-style-type: decimal;
}

div.ez-movie {
	height: 222px;
	width: 280px;
	border: 1px solid #777777;
}

div.zimbra-movie {
	width: 280px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}

.box_secure {
	padding-top: 65px;
	font-size: 11px;
	line-height: 15px;
	color: #999;
	text-align: left;
}

.box_secure img {
	float: left;
	margin: 6px 7px 0 0;
}

div.subpem {
	height: 50px;
	width: 80px;
	float: left;
}

div.neTab-title {
	border-bottom: 1px solid #777777;
}

div#news-and-events {
	border: 1px solid #777777;
	padding: 5px;
}

div.small-portfolio-image {
	width: 30%;
	float: left;
}

div.small-portfolio-title-summary {
	width: 65%;
	float: left;
}

.x-tab-strip li {
	list-style: none;
}

.mission-statement-article {
	padding: 4px;
	margin-left: 3px;
	text-align: left;
}

/* FOLIO */

div#content {
	margin: 0px;
	/*

some air above and under menu and content */
   padding: 10px;
}

div#main {
	margin: 0 0 0 340px;
}

div#sidebar {
	float: left;
	/* 

set sidebar on the left side. Change to right to float it right instead. */

   width: 380px;
	/* si

debar width, if you change this please also change #main margins */

   display: inline;
	/* FI

X ie doublemargin bug */

   margin-left: 0;
	position: relative;
	z-index: 999;
}

/* if sidebar doesnt include menu but content add class="hascontent" */

div#sidebar.hascontent {
	padding: 0 10px 10px 0px;
	background-color: #fff;
	height: 390px;
	width: 380px;
/* make width

smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
	clear: both;
	/* kee

p footer below content and menu */
   color: #fff;
	border-top: 7px solid #fff;
	background-color: #000;
	/* same b

g color as in header */
   height: 46px;
	margin: 0;
}

div#largeimages,
div#largeimages img {
	position: absolute;
	width: 510px;
	height: 390px;
	z-index: }

div#main p {
	line-height: 0;
	margin: 0;
	padding: 0;
}

div#thumbnails {
	background-color: #000;
	float: left;
	position: absolute;
	width: 560px;
	height: 46px;
	padding: 0px;
	z-index: 99;
}

div.thumbnailbox {
	position: relative;
	float: left;
	width: 33px;
	height: 32px;
	overflow: hidden;
	margin: 7px 4px;
}

div.thumbnailbox img {
	position: relative;
	width: 59px;
	height: 41px;
	cursor: pointer;
}

div#hidden {
	display: none;
}

img.initialstate {
	visibility: hidden;
}

div#sidebar.hascontent {
	overflow: hidden;
}

.pageactive {
	padding-bottom: 500px;
}

/* Slider */

#slider {
	margin-bottom: 1em;
	width: 890px;
	height: 200px;
	background: url(../images/slider_bg.png) repeat-x;
	position: relative;
}

#slider #slide_image {
	position: absolute;
	width: 890px;
	height: 200px;
	overflow: hidden;
	padding: 0;
}

#slider #slide_image ul {
	padding: 0;
	position: absolute;
	margin: 0;
	width: 10000px;
}

#slider #slide_image li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#slider #slide_image li img {
	display: block;
	float: left;
	width: 890px;
	height: 200px;
	background: url(../images/slider_loading.jpg) no-repeat 0 0;
}

#slider ul#slide_select {
	position: absolute;
	right: 15px;
	top: 0px;
	padding-left: 75p

x;
	/* background here */
	width: auto;
	text-align: right;
	z-index: 20;
}

#slider ul#slide_select li {
	width: 15px;
	height: 25px;
	float: left;
	padding-left: 5px;
	list-style-type: none;
	list-style-image: none;
}

#slider ul#slide_select li a {
	display: block;
	float: left;
	padding: 0;
	width: 15px;
	height: 25px;
	padding: 0;
	border-top: 5px solid #000;
}

#slider ul#slide_select li.active a {
	border-top: 5px solid #ff0000;
}

#slider ul#slide_select li a i {
	display: none;
}

/* case study slider */

#case_study_slider {
	margin-bottom: 1em;
	width: 650px;
	height: 175px;
	background: url(../images/slider_bg.png) repeat-x;
	position: relative;
}

#case_study_slider #slide_image {
	position: absolute;
	width: 650px;
	height: 175px;
	overflow: hidden;
	padding: 0;
}

#case_study_slider #slide_image ul {
	padding: 0;
	position: absolute;
	margin: 0;
	width: 10000px;
}

#case_study_slider #slide_image li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#case_study_slider #slide_image li img {
	display: block;
	float: left;
	width: 650px;
	height: 175px;
	background: url(../images/slider_loading.jpg) no-repeat 0 0;
}

#case_study_slider ul#slide_select_sm {
	position: absolute;
	right: 15px;
	top: 180px;
	padding-left: 75p

x;
	/* background here */
	width: auto;
	text-align: right;
	z-index: 20;
}

#case_study_slider ul#slide_select_sm li {
	width: 15px;
	height: 25px;
	float: left;
	padding-left: 5px;
	list-style-type: none;
	list-style-image: none;
}

#case_study_slider ul#slide_select_sm li a {
	display: block;
	float: left;
	padding: 0;
	width: 15px;
	height: 25px;
	padding

: 0;
/*border-top: 5px solid #000;*/
}

#case_study_slider ul#slide_select_sm li.active a {
	

}

#case_study_slider ul#slide_select_sm li a i {
	

}

/* header bars - move to top of file */

.greyHeaderBar {
	height: 26px;
	line-height: 26px;
	_line-height: 26p

x;
	/* are these needed */
	?line-height: 2

6px;
	/* are these needed */
	vertical-align: center;
	background: url(../images/greyheaderbar.png) repeat-x top left;
	padding-left: 10px;
	color: #FFF;
	position: relative;
}

.mac .greyHeaderBar {
	line-height: 28px;
}

.greyHeaderBar a {
	color: #FFF;
}

a.greyHeaderBarMoreLink {
	margin-left: 8px;
	font-size: 85%;
}

.greyHeaderBar a.greyHeaderBarMoreLink {
	color: #FFF;
}

.greyHeaderBar h3 {
	color: #FFF;
	font-size: 93%;
	margin: 0;
	padding: 0;
	line-height: 26px;
}

.greyHeaderBar h5, .greyHeaderBar h3 {
	text-transform: uppercase;
	font-weight: normal;
	float: left;
	margin-right: 8px;
}
#menu_vertical_container .accordion_toggle{
	width: 212px;
}

.small_heading {
	font-weight: bold;
}

/* Section-nav */

.r-menu-border h4, .section-nav-div h4 {
	margin: 0;
	background: #444;
	color: #fff;
	font-size: 93%;
	text-transform: uppercase;
	padding: 3px 10px;
}

.r-menu-border h4 a, .section-nav-div h4 a {
	color: #fff;
	text-transform: none;
	font-weight: normal;
}

.r-menu-border h5 {
	margin-bottom: 3px;
	padding: 0 15px;
	color: #df3b02;
	font-weight: normal;
	font-size: 14px;
}

.r-menu-border .head .facade {
	float: left;
	background: url(../img/subnav_head_curve.gif) no-repeat;
	width: 26px;
	height: 18px;
}

.section-nav, .r-menu, .section-nav-div {
	margin-bottom: 15px;
	padding: 8px 0 12px 0;
	/

*background:#f7f7f7 url(../img/section_nav.gif) repeat-y left top;*/
    background: url(../img/section_nav_l_bg.gif) repeat-y left top #f9f9f9;
	border: 1px solid #cdcdcd;
	border-left: 0;
	border-bottom: 2px solid #888;
}

.r-menu {
	padding: 10px 14px;
}

ul.section-nav {
	margin: 0;
	padding: 0;
}

.section-nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.section-nav li, .section-nav-div {
	padding: 0 12px 0 16px;
}

.section-nav li div.line {
	border-bottom: 1px solid #ddd
}

.section-nav-div {
	padding: 1px 12px 12px 12px;
}

.section-nav li a, .section-nav li strong {
	display: block;
	padding: 4px 10px 4px 0;
	line-height: 1.4em;
	border-bottom: 1px solid #ddd;
}

.section-nav li a, .section-nav li a:hover, .section-nav-div a {
	color: #444;
	text-decoration: none;
}

.section-nav li a:hover, .section-nav-div a:hover {
	color: #df3b02;
}

.section-nav li a span,
.section-nav-div a span,
.section-nav li a:hover span,
.section-nav-div a:hover span {
	color: #989898;
}

.section-nav li.on {
	font-weight: bold;
	background: transparent url(../img/section_nav_on.gif) no-repeat left 6px;
}

.section-nav li.on a {
	color: #df3b02;
}

.section-nav li.last, .section-nav li.last a {
	padding-bottom: 0;
	border-bottom: none;
}

/* .section-nav li.last a { border:none; } */

.section-nav li ul li {
	border: 0;
}

.section-nav li ul li a {
	padding: 2px 0;
}

.section-nav li.no-borders a,
.section-nav li.no-borders strong {
	display: inline;
	border: 0;
}

.affiliate {
	border-bottom: 1px solid #a2a2a2;
	padding: 10px 0px;
}

.affiliate img {
	float: left;
}

.accordion_toggle {
	display: block;
	height: 26px;
	width: 570px;
	background-image: url(../images/greyheaderbar.png);
	/*			ba

ckground: url(images/accordion_toggle.jpg) no-repeat top right #444444; */
			padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 93%;
	color: #000000;
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
	margin: 0 0 0 0;
	letter-spacing: 0px;
}

#case_study_grid .accordion_toggle {
	width: 100%;
	text-align: left;
}

.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #444444;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
	letter-spacing: 0px;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 0px 15px;
}

/*
						Horizontal Accordion
					*/

.horizontal_accordion_toggle {
	/* RE

QUIRED */
						float: left;
	/* T

his make sure it stays horizontal */
						/* R

EQUIRED */

						display: block;
	height: 100px;
	width: 30px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
						height: 100px;
	/* We need to define a height for the accordion as it stretches the width */
						float: left;
	/* 

This make sure it stays horizontal */
						/* 

REQUIRED */

						overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}

.horizontal_accordion_content p {
	width: 450px;
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

/* Container styling*/

#horizontal_container {
	margin: 20px auto 20px auto;
	width: 680px;
	height: 100px;
}

.yellow {
	color: #ff9c0e
}

.block {
	padding-bottom: 10px;
	margin-bottom: 10px

;
/*	border-bottom:1px solid #bfbfbf; */
}

.download_img {
	padding: 1.5em 0;
}

.blog_post .headshot {
	
}

.blog_post .headshot img {
	padding: 4px;
	border: 1px solid #ccc;
	margin: 5px;
	float: left;
}

.news_full .attribute-short {
	color: #000;
	font-size: 116%;
}

.class-article .attribute-image {
	float: left;
}

div.yui-gf div.yui-gc div.yui-u {
	margin-left: 2%;
	width: 32%;
}

div.yui-gf div.yui-gc div.first {
	width: 65%;
	margin-left: 0;
}

.case_study h2{
	margin-top: 4px;
}

.case_study .bold {
	font-weight: bold;
	color: #333;
}
.case_study div.quote {
background-image:url(../images/quote-tl.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:19px;
}
div.quote-design {
background-image:url(../images/quote-br.gif);
color:#515151;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:17px;
font-weight:normal;
background-position:right bottom;
background-repeat:no-repeat;
padding-bottom:19px;
}
div.class-contactus-form {
	width: 90%;
}

div.contact_sender_name_layout,div.sender_email_address,div.sender_selection_name,div.sender_comments, fieldset label {
	float: left;
	width: 30%;
	margin-bottom: 5px;
}

div.contact_sender_name_textfield,div.sender_email_address_textfield,div.sender_selection_choice,div.sender_comment_textfield, div.sender_textfield, div.sender_selection {
	float: left;
	width: 55%;
	margin-bottom: 5px;
}

div.sender_check {
	float: left;
	width: 5%;
	margin-bottom: 5px;
}

div.sender_selection_check_label {
	float: left;
	width: 85%;
	margin-bottom: 5px;
}

div.contact_us_action {
	clear: left;
	padding-left: 30%;
}

div.sender_block {
	clear: left;
}

.class-quote-form fieldset {
	clear: both;
}

.class-quote-form h3 {
	margin-bottom: 0.3em;
}

.infoIcon {
	float: left;
	width: 5%;
}

.infoContents {
	float: left;
	width: 80%;
}

fieldset#webSection h4 {
	padding-top: 5px;
	margin-bottom: 5px;
}

fieldset#webDevelopmentSection h4 {
	margin: 5px 0 5px 0;
}

div#contact_banner {
	width: 500px;
	height: 120px;
	background: #030101;
}

#lightbox {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	width: 700px;
	height: 400px;
	margin: -220px 0 0 -250px;
	border: 1px solid #fff;
	background: #FFFFFF;
	text-align: left;
}

#lightbox[id] {
	position: fixed;
}

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #DDDDDD;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

#overlay[id] {
	position: fixed;
}

#lightbox.done #lbLoadMessage {
	display: none;
}

#lightbox.done #lbContent {
	display: block;
}

#lightbox.loading #lbContent {
	display: none;
}

#lightbox.loading #lbLoadMessage {
	display: block;
}

#lightbox.done img {
	width: 40%;
	height: 40%;
}

/*#slider li a:hover { border-top: 5px solid red;}

#slider li.active a, #slider li.active a:hover { border-top: 5px solid red;}*/

input, select, option {
	font-size: 11px;
}

.primary {
	height: 25px;
	width: 145px;
	background-image: url(../images/buttons_bg.png);
	background-repeat: no-repeat;
	color: #ffffff;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	border-top-width: medium;
	border-right-width-value: medium;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: medium;
	border-left-width-value: medium;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: none;
	border-right-style-value: none;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: none;
	border-left-style-value: none;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: -moz-use-text-color;
	border-right-color-value: -moz-use-text-color;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: -moz-use-text-color;
	border-left-color-value: -moz-use-text-color;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	background-color: transparent;
}

.blog_comment {
	font-weight: normal;
	color: #ffffff;
}

.fixed:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fixed {
	display: block;
}

/*  \*/
.fixed{
	min-height:1%;
}
* html .fixed{
	height:1%;
}

.news-item {
	padding: 0px 1em 20px 0;
	
}

.news-item .date {
	font-size: 93%;
	padding-bottom:5px;
}

.news-item .title {
	font-size: 100%;
}

.yui-g .yui-u.first .yui-u p  {
	padding: 0 10px 0 0;
}

.rss-icon {
	padding: 0 15px 0 0 ;
}

.yui-gc .yui-g {
	width: 100%;
}

.contact-form {
	margin-top:10px;
}

.contact-wrapper {
	margin: 5px 0px;
}

.contact-label {
	display: inline;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 15px;
	font-size: 107%;
	padding-top: 3px;
}

.contact-input input {
	border: 1px solid #ccc;
	font-size: 107%;
	padding: 3px;
	width: 50%;
}

.contact-select select {
	font-size: 100%;
	width: 50%;
	border: 1px solid #ccc;
}

.contact-textarea textarea {
	border: 1px solid #ccc;
	font-size: 107%;
	padding: 3px;
	width: 50%;
	height: 150px;
}

.contact-wrapper .button {
	border: none;
	background-color: #2a2a2a;
	font-size: 107%;
	padding: 5px 15px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
	margin-right: 120px;

}
/*EXIHIBITIONS ARTWORK--------------------------*/
.line_exihibition{
	margin-bottom:1em;
	border-bottom:solid 1px #000000;
	padding-bottom:1em;
}

.line_exihibition img{
	float:left;
}
.line_exihibition .exihibition_info{
	float:right;
	width:490px;
}
.line_exihibition .exihibition_info h3{
	margin-top:0;
}
.line_artwork{
	float:left;
	width:210px;
	margin:0 12px 12px 0;
	height:245px;
}
.line_artwork table{
	margin-bottom: 0;
}
td.art_work_bg{
	padding:0 10px;
	text-align:center;
	width:210px;
	vertical-align:middle;
	border:none;
}
.full_artwork h4{
	margin-bottom:15px;
	float:left;
}
.art_enquiry label{
	display:block;
}
.art_enquiry input, .art_enquiry select, .art_enquiry textarea{
	margin-bottom:5px;
	width:20em;
}
.art_enquiry .button{
	background:#000000;
	color:#FFFFFF;
	border:none;
	padding:3px 10px;
	width:10em;
}
.full_artwork .sold{
	background-color:#CB171E;
	color:#FFFFFF;
	padding:5px 0;
	text-align:center;
	text-transform:uppercase;
	width:100px;
	margin:10px;
}