@charset "UTF-8";
/* CSS Document for AD-ROBOTICS.CO.UK */

/* Written by Pragmatic Design Ltd - www.pragmaticdesign.co.uk */

body {padding:0;margin:0;background-color:#232323;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:21px;}
h1, h2, h3, h4, h5, h6 {line-height:normal;margin:0px;}
h1 {font-size:38px;}
h2 {font-size:32px;}
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:18px;}
.featured h6 {margin-top:20px;}
img {border:none;}


#wrap {width:960px;margin:auto;}
.col-left {float:left;width:280px;padding-right:20px;}
.col-right {float:left;width:620px;}
.header {float:left;width:100%;height:104px;}
.header h2 {text-align:right;padding-top:30px;}
.header h2 a {color:#000;text-decoration:none;}
.header h2 a:hover {color:#f1be19;}
.logo {text-indent:-999em;}
.logo a {width:551px; height:96px; background:url(../images/ad-robotics-logo.png) no-repeat; display:block;}
.featured {float:left;width:300px;line-height:normal;}
.featured img {float:left;border:thin solid #000;margin:20px 10px 0px 0px; width:85px; height:85px;}

#masthead, #banner, #content {border-top-left-radius: 15px;border-top-right-radius: 15px;position:absolute;width:920px;padding:20px;background-repeat:repeat-x;}

#masthead {background-image:url(../images/grad-masthead.jpg);background-color:#fff;top:10px;height:130px;z-index:1;}
#banner {background-image:url(../images/grad-banner.jpg);background-color:#f1be19;top:150px;height:200px;z-index:2;}
#content {background-image:url(../images/grad-content.jpg);background-color:#f1be19;background-color:#fff;top:375px;z-index:3; font-size:16px; line-height:24px;}
#footer {background-image:url(../images/grad-footer.jpg);background-repeat:repeat-x;margin:-10px -20px -40px -20px;background-color:#4d4d4f;border-radius:15px;padding:20px; color:#fff; text-align:center;}

.col-left ul {
	padding-left:0px;
	list-style:none;
}
ul.nav {margin-bottom:20px;}
.nav li {font-size:26px;padding:10px 10px 10px 0px;border-bottom:thin solid #f1be19;}
.nav li a, .featured a {color:#000;text-decoration:none;}
.nav li a.current {color:#f1be19;}

.featured p a {font-weight:bold;}

#content li a:hover, .featured a:hover {color:#f1be19;}
#content .col-right {padding-top:25px;}
#content .col-right a {color:#000; text-decoration:none; border-bottom:1px #666 dotted; font-weight:bold;}
#content .col-right a:hover {color:#f1be19; border-bottom:1px #f1be19 dotted;}
.col-right ul {padding-left:20px;}
.col-right li {list-style-image:url(../images/bullet.png);}
#content td {vertical-align:top;}

.clear {clear:both;font-size:10px;text-align:center;}
.clear a {color:#fff;text-decoration:none;}

.address, .address a {color:#ddd;font-weight:bold;text-decoration:none;}

.child {clear:both; border-bottom: dotted #666 1px;}
#Breadcrumbs {font-size:12px;}

/* LINK ICONS */

a[href$=".pdf"], a[href$=".PDF"], a.pdf {padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_acrobat.png) no-repeat left center;}
a[href$=".doc"], a[href$=".DOC"], a.doc {padding: 2px;padding-left: 20px;background: url(../images/icons/page_word.png) no-repeat left center;}
a[href$=".xls"], a[href$=".XLS"], a.xls {padding: 2px;padding-left: 20px;background: url(../images/icons/page_excel.png) no-repeat left center;}
a[href$=".gz"], a[href$=".GZ"], a[href$=".gzip"], a[href$=".GZIP"], a[href$=".zip"], a[href$=".ZIP"], a.archive {padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_zip.png) no-repeat left center;}
a[href$=".exe"], a[href$=".EXE"], a.application {padding: 2px;padding-left: 20px;background: url(../images/icons/application.png) no-repeat left center;}

/* WYSIWYG EDITOR ALIGNMENT CLASSES */

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

/* IMAGES */

img {border: none;}
img.right {float: right;margin-left: 20px;}
img.left {float: left;}
img.leftAlone {float: left;margin-right: 100%;}
img.center {float: none;margin-left: auto;margin-right: auto;display: block;}

/* FORMS */

fieldset {border: 0;}

input.action {padding: 2px;}
input.action:hover,input.action:focus {cursor: pointer;}

form ul {list-style: none;}
.middleColumn {display: block;margin: 5px 10px 10px 0;background: #E9E9E9;padding: 4px;width: 420px;clear: left;}
	
div.tab .field .middleColumn {clear: none !important;margin: 0 !important;width: auto;}
	
.middleColumn .middleColumn {margin-left: 0;margin-right: 0;padding: 0;}
.middleColumn .message {margin: 0;}

input.text, textarea, select {padding: 6px;border: 4px solid #f1be19;color: #000;width: 400px;font-size: 20px;font-family: 'Quicksand', sans-serif;font-weight:700;}

textarea {}
input:focus span, textarea:focus span {border: 3px solid #000;}

form .date input.month, form .date input.day, form .date input.year {width: auto;}
form .datetime .clear {clear: both;}
form .datetime .date,form .datetime .time {float: left;clear: none;width: auto;}
form .datetime .middleColumn .middleColumn {width: auto;}
form .datetime .date input,form .datetime .time input {width: auto;}

select {width: auto;}

.typography label {display: block;margin: 10px 0 -10px 0;color: #777;}

label.right {display:inline;}

ul.optionset {margin: 0;overflow: hidden;}
ul.optionset li {margin: 6px 0;clear: both;}
ul.optionset li input {float: left;margin: 0 6px;}
ul.optionset li label {margin: 0;}

/* Logged in */

#loggedin {padding:10px 30px 10px 30px; position:fixed; left: 50px; bottom:50px; color:#fff; border-radius:10px; border:#fff solid 1px; background:url(../images/80black.png); font-size:16px; line-height:24px; z-index:99;}
#loggedin a {background-color:#fff; padding:7px;border-radius:10px; color:#000; font-weight:bold; text-decoration:none;}
#loggedin a:hover {background-color:#0F0;}