/*============================
David Charles CSS
Author Neil Mills 2007 For Junc.
==============================*/

/*overiding styles*/
* {border:0; margin:0; padding:0;}
body {font:0.7em Arial, Helvetica, Sans-Serif; color:#999; text-align:center; background:#434036; line-height:1.2em;}
p {margin-top:10px; color:#999;}
.lesspad {margin-top:4px;}
h1 {font-size:1.6em; color:#DF2730; font-weight:lighter;}
h1#title {float:right; margin-right:5px; color:#DF2730; font-size:1.6em; font-weight:normal; margin-top:130px; margin-bottom:5px; padding-bottom:5px}
h2#title { color:#DF2730; font-size:1.4em; font-weight:normal; margin-bottom:4px;}
p.intro, #loginbar.intro {color:#FFF;font-size:1.4em;  font-weight:lighter; line-height:1.2em; }
b {color:#FFF;}
ol {margin-left:25px;}
ol li {margin-bottom:3px;}
/*color styles*/
.home {background:#8F8673;}
.company {background:#CA8E45;}
.portfolio {background:#BBA675;}
.opp {background:#7A939E;}
.news {background:#7E5458;}
.contact {background:#53632C;}
.grey {background:#423E35;}
.mono {color: #423E35;}
.error {color:#DF2730;}
em {font-style:normal; color:#DF2730;}
span.further {color:#DF2730; padding-right:20px; background: url(../images/arrow-red-down.gif) right 3px no-repeat;}
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}
/*clearing fix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear {clear:both;}



/*common container width settings*/
#header,#container,#container-home,#container-2col,#container-3col, #footer,#images {margin:auto;width:860px; text-align:left;}
#container-2col {padding-left:178px; width:670px;}
.imageframeA {width:177px; height:223px; overflow:hidden; margin-right:10px; float:left; display:block;}
.imageframeB {width:222px; height:223px; overflow:hidden; margin-right:10px; float:left; display:block;}
.end {margin-right:0;}

#header { position:relative; height:159px; padding: 15px 0 25px 0; background:#000 url(../images/bg-header.gif) top left no-repeat;}
a#homeLink {position:absolute;top:17px;right:20px;width:228px;height:54px}
a#homeLink img {display:none}
#container, .container, #images {background:#000 url(../images/bg-content.gif) top left repeat-y; padding-bottom:0px;}
#images {padding:0; width:860px;}

html>body #footer {padding-bottom:30px;}
#footer {color:#FFF; background:url(../images/footer-base.gif) left bottom no-repeat; margin-bottom:10px;}
ul {list-style:none;}
a {color:#FFF;}
.nulllink {color:#999;}
/*nav bar styles*/
ul#nav {position:relative; width:178px; list-style:none;}
ul#nav li { text-align:right;}
ul#nav a {padding:5px 10px; font-size:1.2em; color:#000; display:block; text-decoration:none;}
ul#nav a:hover {color: #FFF;}
/*breadcrumb*/
#breadcrumb {color:#999; list-style:none; margin-top:130px; width:350px; float:left; margin-left:5px;}
#breadcrumb a {font-weight:bold; color:#DF2730; text-decoration:none;}
#breadcrumb a:hover {color: #DF2730; text-decoration:underline;}


/*column styles*/
.colA, .colB, .colC,.colD, .colE, .colF, .colG, .colH {float:left; display:block;}

.colA {width:178px; margin:0 10px 0 15px; display:block;}
#colFW {padding-left:188px;}
.colB {width:642px; margin:0 15px 0 0;}
/*
.colA {width:178px; margin:0 10px 0 8px; display:block; float:left;}
.colB {width:642px; margin:0 0px 0 0; float:left;}
*/
.colC {width:424px; margin-right:20px;}
.colD {width:172px;}


.colE {width:296px; margin-right:24px;}


.colF {width:230px; }

.colG {width:830px;}
.colH {width:270px; margin-right:20px;}
ul#map {font-size:1.2em; margin-left:20px; list-style:square;}
ul#map li {margin-bottom:4px;}
ul#map ul {margin-left:10px; margin-top:4px; list-style:}
.topimage {float:right; margin:0 0 10px 10px;}
/*sub nav*/
ul#subnav, ul#subnavb { position:relative; list-style:none; border-bottom:1px solid #434036; background:#000; width:178px; margin-bottom:20px;}
ul#subnav li,ul#subnavb li { text-align:right;}
ul#subnav a,ul#subnavb a {color:#999; text-decoration:none; height:13px; padding:5px; background:url(../images/btn-subnav-null.gif) left top no-repeat; display:block; border:1px solid #434036; border-bottom:0;}
ul#subnav a:hover, ul#subnavb a:hover {color:#FFF; text-decoration:none; height:13px; background:url(../images/btn-subnav-over.gif) left top no-repeat; border:1px solid #434036; border-bottom:0;}
ul#subnav li a.select, ul#subnavb li a.select {padding:5px; color:#FFF; font-weight:bold; height:13px; background:url(../images/arrow-down-white.gif) left top repeat-y; display:block;  border:1px solid #434036; border-bottom:0; }
ul#subnav ul,ul#subnavb ul {position:relative; margin-bottom:5px;}
ul#subnav ul li a,ul#subnavb ul li a {color:#999; text-decoration:none; background:none; font-weight:normal; padding:0; display:block; padding:2px 5px; border:0;}
ul#subnav a.homenav {color:#DF2730; font-weight:bold;}
ul#subnav a.homenav:hover {color:#FFF;}
ul#subnav ul li a.childselect {color:#FFF; text-decoration:none;}
ul#subnav ul a:hover,ul#subnavb ul a:hover {text-decoration:underline; background:none; border:0; color:#FFF;}
ul#subnavb {margin-left:112px;}
ul#subnav ul a{color:#999;}
.bigtype {font-size:1.6em;}
/*index nav*/
ul#indexnav {position:relative; background:#000; width:400px; margin-left:203px;}
ul#indexnav li {text-align:right; float:left; width:150px; padding-right:5px}
ul#indexnav a {color:#DF2730; height:13px; padding:5px;  background:url(../images/btn-subnav-null.gif) left 2px no-repeat; display:block; text-decoration:none;}
ul#indexnav a:hover {color:#FFF; text-decoration:none; height:13px; background:url(../images/btn-subnav-over.gif) left 2px no-repeat;}
/*tiles*/
.keytile {border:1px solid #434036; padding:12px; color:#FFF; margin-bottom:10px; display:block;}
.keytile2 {border:1px solid #434036; padding:12px; color:#FFF; margin-bottom:10px; min-height:156px; height:156px;}
div[class].keytile2 {height:auto;}
.minheight{min-height:400px;height:400px;}
div[class].minheight{height:auto; }

.settile {min-height:320px; height:320px; display:block;}

div[class].settile{
height:auto;}

.prodtile {border:1px solid #434036; border-right:0; padding:9px; color:#000; width:194px;float:left; cursor: pointer; margin-bottom:8px; display:block;}

.prodtile a {color:#FFF; font-weight:bold; text-decoration:none;}
.prodtile a:hover {text-decoration:underline;}
.imageframe {width:194px; height:156px; overflow:hidden;}
.end {border-right:1px solid #434036;}
.title {position:relative; margin-bottom:15px;}
a.back {float:right; color:#FFF; text-decoration:underline; text-align:right;}
.title h1 {font-size:1.2em; color:#fff; font-weight:normal; float:left;}
a.thumb {margin:0 10px 10px 0; display:block; float:left;}
span.copy {float:left; margin-left:15px;}
#footerlinks {float:right; margin-right:15px;}
#footerlinks a {color:#FFF; text-decoration:underline;}
/*page nav*/
.pagenav {padding:5px 10px 0 10px; color:#FFF; display:block; padding-bottom:0; min-height:18px; height:18px; margin-bottom:8px; }
div[class].pagenav {height:auto;}
.page_nav {margin:20px; color:#FFF; float:left; display:block;}
.pageinfo {float:left;}
.pagelinks {float:right; width:300px; text-align:right;}
.prev {margin-right:40px;}
.next {margin-left:40px;}
/*home page*/
.pad {margin-right:10px; padding:0;}
.caption {height:200px;}
/*login*/
#loginbar {position:relative;z-index:1; margin:-5px 0px 0px 0px; height:240px; border:none;}
#logo a,#loginbar h2,#loginbar form label  {display:none;}
#loginbar p {position:absolute;top:10px; left:0; width:500px; padding:0;}
#loginbar p.links {font:0.9em Arial, Helvetica, sans-serif;position:absolute;top:130px; left:0; width:400px}

#loginbar ul {position:absolute;top:20px; left:0;}
#loginbar a {font:bold 0.9em  Arial, Helvetica, sans-serif;color:#FFF}
#loginbar a:hover,#loginbar a:active,#loginbar a:focus {color:#FFF;}

#loginbar form {font:bold 0.9em Arial, Helvetica, sans-serif;color:#729712;width:510px; position:absolute; top:60px; border:none;}
#loginbar input {border:none;width:220px;height:46px;color:#DF2730;font:1.1em Arial, Helvetica, sans-serif;padding:25px 0px 0px 11px}
#loginbar #crosbylogin_user {background:#000 url(../images/bg_input_username.png) left top no-repeat;}
#loginbar #crosbylogin_pass{background:#000 url(../images/bg_input_password.png) left top  no-repeat;}
#crosbylogin_go {width:26px!important;height:27px!important;padding:0px!important;position:absolute;top:19px;left:465px}	
/*admin*/
.admin,.newsitem { border-bottom:1px solid #434036; display:block; padding-bottom:8px; float:left; }
.newsitem {float:none;}
.newsitem p{margin-top:6px;}
/*
.admin { height:15px;}
*/
.admin { padding:5px 0 5px 0; width:100%;}
.fw {width:615px;}
a.admin-btn {width:60px; height:18px; text-indent:20px; padding-top:5px; background:url(../images/btn-subnav-null.gif) left top no-repeat; display:block;float:right; text-decoration:none;}
a.admin-btn:hover { background:url(../images/btn-subnav-over.gif) left top no-repeat; text-decoration:underline;}
.deletecheck {float:left; display:block; margin-right:10px;}
.item {width:320px;  padding-top:5px; display:block; float:left; color:#FFF;}
.item a{text-decoration:none;}
.item a:hover {text-decoration:underline;}
/*form styles*/
input,select,textarea {font-size:0.9em;}
label,.textedit{display:block; float:left; width:14em; color:#FFF; }
.textedit {margin-left:14em;}
form h2 {font-size:1.0em; font-weight:normal; float:left; width:14em; color:#999; margin-top:10px;}
input[type="text"],select,input[type="file"]{width:400px; height:18px;}
textarea {height:150px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
.preview {width:392px; height:242px; background:#FFF; overflow:hidden; padding:4px; color:#000;}
.cbox,.sbt,.deletecheck {width:auto; border:0; float:left; height:auto;}
.error {color:#DF2730; font-weight:bold;}
#submit {padding:2px; font-size:1em; margin-top:10px;}
p.submit {margin-left:14em; padding:2px; font-size:1em;}
fieldset {border-top:1px solid #434036; margin-top:10px;}

form div {width:200px; float:left; color:#999;}

.check {float:left; margin-right:3px;}
#access label {width:3em; float:none; display:inline;}
select.day {width:50px; margin-right:4px;}
select.year {width:60px;}
select.month {width:107px; margin-right:6px;}

/*overide whizzywig default*/
#controls {width:386px;}
    #controls select {width:150px !important}
.whizzy {margin-bottom:10px;}