/* -----------------------------------------------
   CSS Framework v2.0
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
----------------------------------------------- */

html {  }
body { color:#000000; background-color:#FFFFFF; font-size:0.9em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block { display:block!important; }
embed, object { display:block; }

form { margin:0; padding:0; }
blockquote { margin:15px; padding:0 10px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #D1D2D4; height:0; }
p { padding:0; margin:0 0 16px; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1,
h2 { color:#C02555; font-size:2.1em; font-weight:lighter; line-height:1em; margin:0 0 0.5em 0; }
h3 { color:#C02555; font-size:1.5em; font-weight:lighter; margin-top:0; /*margin:0 0 0.5em 0;*/ }
h4 { color:#C02555; font-size:1.1em; }
h5 { color:#C02555; font-size:1.0em; }
h6 { color:#C02555; font-size:0.9em; }

a,
a:visited { color:#C02555; text-decoration:none; }
a:hover { color:#231F20; text-decoration:none; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 5px 15px; }
.photoLeft { float:left; margin:3px 15px 5px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }
.underline { text-decoration:underline; }

.article-left { width:403px; float:left; }
.article-right { width:191px; float:right; }
.article-rightalt { width:191px; float:right; text-align:right; }

.project-left { width:437px; float:left; }
.project-right { width:160px; float:right; }

.nomargin { margin:0; }
.larger { font-size:1.1em; }

.protection { unicode-bidi:bidi-override; direction:rtl; }  


/* ----------------------
   Interface CSS
---------------------- */

#container { padding-top:20px; }
#container_sub {  }

#header { height:87px; overflow:hidden; margin-bottom:15px; }
#header_left { width:254px; height:87px; float:left; background:url("touch4.gif") left top no-repeat; overflow:hidden; }
#header_left h1 { margin:0; padding:0; }
#header_left h1 a,
#header_left h1 a:visited { width:254px; height:87px; display:block; }
#header_left h1 a span { display:none; }
#header_right { display:none; }

#nav { display:none; }

#article {  }
#article_padding { text-align:justify; line-height:130%; }

#article_padding ul { margin:0 0 16px 16px; padding:0 0 0 13px; /*font-weight:bold;*/ font-size:0.93em; }
#article_padding ul.dotted { list-style:none; margin:0 0 16px 13px; padding:0 0 0 0; }
#article_padding ul.dotted li { background:url("dot.gif") left 3px no-repeat; padding:0 0 2px 20px; }
#article_padding ul.dotted li ul { list-style:none; margin:0 0 16px 13px; padding:0 0 0 0; }

#article_padding ul.examples { list-style:none; margin:0 0 16px 0; padding:0 0 0 0; }
#article_padding ul.examples li { padding:0 0 0 0; }
#article_padding ul.examples li a,
#article_padding ul.examples li a:visited { text-decoration:none; }
#article_padding ul.examples li a:hover { text-decoration:none; }

#flash_header { margin-bottom:15px; }
#sidebar { display:none; }
#footer { display:none; }


/* ----------------------
   Content CSS
---------------------- */

.kiosk { text-align:center; margin:50px 0 35px 0; }

#kioskbox001 { background:url("../images/kioskbox001.jpg") 281px bottom no-repeat; }
#kioskbox002 { background:url("../images/kioskbox002.jpg") 281px bottom no-repeat; }
#kioskbox003 { background:url("../images/kioskbox003.jpg") 281px bottom no-repeat; }
#kioskbox004 { background:url("../images/kioskbox004.jpg") 281px bottom no-repeat; }
#kioskbox005 { background:url("../images/kioskbox005.jpg") 281px bottom no-repeat; }

.box-header { width:255px; background:url("box-header.gif") left top no-repeat; overflow:hidden; padding:12px 132px 6px 16px; }
.box-footer { width:403px; background:url("box-footer.gif") left bottom no-repeat; overflow:hidden; margin-bottom:16px; }
.box-footer p { font-size:0.8em; line-height:normal; margin-bottom:0.5em; }
.box-footer a,
.box-footer a:visited { color:#C02555; text-decoration:none; }
.box-footer a:hover { color:#231F20; text-decoration:none; }

.quote { font-size:1.4em; color:#C02555; font-weight:lighter; text-align:left; line-height:normal!important; }
.quote-padding { font-size:1.4em; color:#C02555; font-weight:lighter; text-align:left; line-height:normal!important; padding-top:42px; }
.quote a,
.quote a:visited { text-decoration:none; }
.quote a:hover { text-decoration:underline; }
.quote-message { margin:0 0 5px 0; }
.quote-source { font-size:0.6em; font-weight:bold!important; }

#clientlogos { display:none; }

#formoreinformation { margin-bottom:16px; width:194px; height:243px; }

.minibox-left { width:193px; float:left; }
.minibox-right { width:193px; float:right; }

#contactform { display:none; }

/* ----------------------
   Tables (TBC)
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table_ol { margin-bottom:16px; width:100%; border-collapse:collapse; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }
.table_sm { margin-bottom:10px; width:100%; border-collapse:collapse; }
.table_nm { width:100%; border-collapse:collapse; }
.rowstrong td { border-bottom:2px solid #999999; font-weight:bold; vertical-align:bottom; padding:3px; }
.rowstrong td a,
.rowstrong td a:visited { text-decoration:none; }
.rowstrong td a:hover { text-decoration:none; }
.rowstrong th { border-bottom:2px solid #999999; font-weight:bold; vertical-align:bottom; text-align:left; padding:3px; }
.rowstrong th a,
.rowstrong th a:visited { text-decoration:none; }
.rowstrong th a:hover { text-decoration:none; }
.row td { border-bottom:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px; vertical-align:top; }
.row:hover td { background-color:#DBDBDB; }
.rowalt td { background-color:#E3E3E3; border-bottom:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px; vertical-align:top; }
.rowalt:hover td { background-color:#D0D0D0; }


/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }


/* ----------------------
   Contact Form (TBC)
---------------------- */

#form { width:576px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:400px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:402px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:414px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.formerror { color:#D28E8E; }
