/* NON-HEADER */
*{padding:0; margin:0;}

body{padding:0;margin:0;min-width:768px;background-color:#fff;}
body a:focus{color:#fff;background-color:#ff0000;}
body a:active{color:#fff;background-color:#ff0000;}

.hide{position:absolute;left:-9000px;top:0;}
.hide a{position:absolute;left:-9000px;top:0;}

.wrapper{margin:auto;width:995px;border-left:1px solid #000;border-right:1px solid #000;}

/*Top Section*/
.topbar{width:100%;}
.banner a{float:left;width:295px;height:97px;background: #fff url(../images/logo.gif) no-repeat;display:block;text-decoration:none;}
.banner img{border:none;}
.banner a span{visibility:hidden;}
.bannerright{float:right;}

.accessoptions{width:41em;background-color:#fff;height:1.6em;padding:0.4em;}

.accessa{float:left;height:1.1em;padding-top:0.2em;}
.accessb{float:right;}
.contactdetails{padding-top:1.2em;}

/*Main Menu*/
.mainmenu {text-align:center;padding-left:0.5em;margin:0;background: url(../images/menuw_bg.gif) repeat-x;background-color:#fff;height:41px;clear:both;}
.mainmenu li{float:left;list-style:none;}
.mainmenu li a{float:left;display:block;color:#fff;text-decoration:none;font-family:Helvetica,sans-serif;cursor:pointer;padding:0 0 0 15px;height:41px;line-height:41px;text-align:center;background: url(../images/menu_tab_left_wb.gif) no-repeat;background-position:left;}
.mainmenu li a span{float:left;display:block;font-weight:bold;padding: 0 24px 0 8px;background: url(../images/menu_tab_right_wb.gif) no-repeat right top;}
.mainmenu li a:focus{color:#fff;background: url(../images/menu_focus_left_wb.gif) no-repeat;}
.mainmenu li a:focus span{color:#fff;background: url(../images/menu_focus_right_wb.gif) no-repeat right top;}
.mainmenu li a:active{color:#fff;background: url(../images/menu_focus_left_wb.gif) no-repeat;}
.mainmenu li a:active span{color:#fff;background: url(../images/menu_focus_right_wb.gif) no-repeat right top;}

/*Currently Selected Menu Item*/
.mainmenu li.current a{background: url(../images/menu_current_left_wb.gif) no-repeat;background-position:left;color:#000;}
.mainmenu li.current a span{background: url(../images/menu_current_right_wb.gif) no-repeat right top;}
.mainmenu li.current a:hover{background: url(../images/menu_current_left_wb.gif) no-repeat;background-position:left;}
.mainmenu li.current a:hover span{background: url(../images/menu_current_right_wb.gif) no-repeat right top;}
.mainmenu li.current a:focus{color:#fff;background: url(../images/menu_focus_left_wb.gif) no-repeat;}
.mainmenu li.current a:focus span{color:#fff;background: url(../images/menu_focus_right_wb.gif) no-repeat right top;}
.mainmenu li.current a:active{color:#fff;background: url(../images/menu_focus_left_wb.gif) no-repeat;}
.mainmenu li.current a:active span{color:#fff;background: url(../images/menu_focus_right_wb.gif) no-repeat right top;}

/* Menu Item Mouse Hover*/
.mainmenu li a:hover{background: url(../images/menu_current_left_wb.gif) no-repeat;background-position:left;text-decoration:underline;color:#000;}
.mainmenu li a:hover span{background: url(../images/menu_current_right_wb.gif) no-repeat right top;text-decoration:underline;color:#000;}

/*Sub Menu*/
.submenu{background-color:#fff;height:1.6em;font-size: 0.9em;font-weight:bold;border-bottom:1px solid #000;}
.submenu li{font-family:Helvetica,Verdana;padding-right:2em;padding-left:2em;background-color:#fff;height:1.3em;list-style:none;border-right:2px solid #000;float:left;}

/*Breadcrumb Bar*/
.breadcrumbbar{margin-top:2px;height:1.6em;background-color:#fff;border-top:1px solid #000;border-bottom:1px solid #000;}

/*Main Content Area*/
.main{}
.content{margin: 5px 230px 30px 0px;float:left;padding:10px;}

.rightcolumn{padding:1em 0 1em 0;float:right;width: 210px;margin-left: -210px;}
.news{padding:10px;margin:0.5em;text-align:center;width:auto;background: url(../images/news_wb.gif) no-repeat center top;}
.logos{text-align:center;width:100%;}
.logos img{margin: 20px 0 0 0;border:none;}
.logos a:focus{border:2px solid #ff0000;}
.logos a:active{border:2px solid #ff0000;}

/* Section Titles */
.usabilitybannerbox{background:  #fff;}
.webbannerbox{background:  #fff;}

/* Portfolio Page */
.portfolioitem{border-bottom:1px dotted #000;height:16em;padding:1em;}
.portfolioitem img{border:none;float:left;margin:0 20px 0 0;}

/*Footer*/
.footera{clear:both;height:4em;border-top:10px solid #000;border-bottom:2px solid #000;background-color:#fff;padding:4px;}
.footerb{height:2.2em;background-color:#fff;padding:5px;}

.mainbox{width:90%;margin:auto;}
.mainbox img{border:2px solid #fff;}
.mainbox img:hover{border:2px solid #ff0000;}

.usabilitybox{float:left;width:48%;text-align:center;padding-bottom:20px;}
.webdevelopmentbox{float:right;width:48%;text-align:center;padding-bottom:20px;}

/* Contact Form 
.contact{padding-left:5em;}
form.contactform{width: 30em;font-family:Helvetica,sans-serif;}
form.contactform label{cursor:pointer; 		width:8em;	text-align:right;display:block;clear:left;}
form.contactform fieldset fieldset, textarea, input, select{margin-left:8em;background-color:#fff;}
form.contactform textarea, input, select{font: 1em Verdana, Arial, Helvetica, sans-serif;margin-top:-1em;float:left;}
form.contactform fieldset{padding-bottom:0.83em;clear:left;}
form.contactform fieldset fieldset input{margin:0;height:1.25em;display:block;float:none;}
form.contactform fieldset fieldset label{margin: -1.17em 0 0 2em;width:0;display:inline;float:left;}
.buttonFieldset{border:0;padding:1.4em;float:right;}
.inputInline{margin: -1em 0 0 0;} */


/* Contact Form */
.contact {margin:10px;color:#000;}
.contact p {font-size:1em;}

form.contactform {width: 30em;font-family:Helvetica;background-color:#fff;border:2px solid #000;padding:20px;}
form.contactform select {width: 100px;padding: 3px;margin: 0px 0px 12px 0px;font-size:1em;}
form.contactform input, #contact-area textarea {padding: 3px;width: 250px;margin: 0px 0px 12px 0px;border: 2px solid #000;font-size:1em;}
form.contactform textarea {height: 90px;border:2px solid #000;}
form.contactform textarea:focus, #contact-area input:focus {border: 2px solid #000;font-size:1em;}
form.contactform input.submitbutton{border:2px solid #000;height:;width:10em;margin:1em 0 0 7em;background:#fff;cursor:pointer;}
form.contactform input.submitbutton:hover{border:2px solid #fff;height:;width:10em;margin:1em 0 0 7em;background:#000;color:#fff;cursor:pointer;}
label {float: left;text-align: right;margin-right: 15px;width: 100px;padding-top: 5px;}