/* CSS by Alton Creative, Inc. */
/* Contact: Edward Alton at ed@altoncreative.com */

/*Color Palette*/
/*Assigned as fake IDs so they appear in color in the styles sidebar*/

# Blue {
	background-color: #6486A4;
}
# Terra Cotta {
	background-color: #BA6F42;
}
# Khaki {
	background-color: #B7B48B;
}
# Green {
	background-color: #78A470;
}
# Bright Blue {
	background-color: #5683B2;
}
# Bright Gold {
	background-color: #FEFFB7;
}
/* Default tags */

a:link {
	color: #212121;
	text-decoration: none;
}

a:visited {
	color: #212121;
}

a:active {
	color: #212121;
	text-decoration: none;
}

a:hover {
	color: #00B7E0;
}

body {
	margin: 0;
	padding: 0;
	color: #212121;
	font: 16px Georgia;
	line-height: 20px;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_black_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
	height: 100%;
}

strong {
	font-weight: bold;
}

p {
	margin: 0 0 13px 0;
}

h1 {
	font: normal 21px/27px Georgia;
	color: #FFFFFF;
}

h1 span.green {
	color: #78A470;
	background: none !important;
}

h3 {
	color: #212121;
	font: normal 17px/21px Georgia;
	margin-bottom: 8px;
}

h3.outer-date {
	color: #78A470;
	font: normal 13px/36px Georgia;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: inline;
}

h3 a {
	color: #212121;
	text-decoration: none;
}

h3 a:hover {
	color: #000000;	
	border:0px; 
	border-bottom:1px dotted #DDDDDD; 
	height:0px;
}

* html h3 a:hover {
	color: #000000;	
	border-bottom: 1px solid #DDDDDD; 
}

h3.caps {
	color: #FEFFB7;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
}

h3.caps-black {
	color: #212121;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
}

h4 {
	color: #FFFFFF;
	font-weight: normal;
	font: 15px/19px Georgia;
	margin-bottom: 3px;	
}

h4.caps-black {
	color: #212121;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
	margin: 0 0 7px 0;
}

h5 {
	font: normal 9px "Arial Black", Verdana;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 15px 0 0 0;
	padding-bottom: 6px;
	color: #212121;
}

h5.ulc {
	font: normal 12px "Arial Black", Verdana;
	text-transform: none;
	letter-spacing: -1px;
	margin: 15px 0 0 0;
	padding-bottom: 4px;
	color: #212121;
}

a.external {
	color: #6C644B;
	padding: 0 0 0 3px;
	font: normal 12px "Arial Black", Verdana;
	text-decoration: none;
}

a.external:hover {
	color: #00B7E0;
}

.airy {
	margin-bottom: 8px;
}

.clear {
	clear: both;
}

p.small-black {
	font: 10px/13px Verdana;
	color: #212121;
	margin: 0 0 10px 0;
}

p.small-black a {
	color: #FEFFB7 !important; /* for IE stubbornness */
	padding-bottom: 1px;
	border-bottom: 1px solid #FEFFB7;
	text-decoration: none;
}

p.small-black a:hover {
	color: #212121 !important; /* for IE stubbornness */
	padding-bottom: 1px;
	border-bottom: 1px solid #212121;
	text-decoration: none;
}

p.small-black + h4 {
	margin-top: 7px;
}

p.small-white {
	font: 10px/13px "Lucida Grande", Verdana;
	color: #DDDDDD;
}

p.small-white a {
	color: #DDDDDD !important; /* for IE stubbornness */
	text-decoration: none;
}

p.small-white a:hover {
	color: #FFFFFF !important; /* for IE stubbornness */
}

em {
	font-style: italic;
}

ul {
	margin: 13px 0 10px 30px;
	list-style-type: square;
}

ul li {
	padding: 0 0 7px 0;
}

ul li ul {
	font: 12px Verdana;
	margin: 10px 0 7px 20px;
	list-style-type: square;
}

ul li ul li {
	padding: 0 0 5px 0;
}

img.arrow {
	margin: 4px 5px -6px 1px;
}

a img.icon {
	border: 1px solid #FFFFFF;
}

a:hover img.icon {
	border: 1px solid #808080;
}

/* Main Page Divisions */

#wrap {
	position: absolute;
	width: 100%;
    min-height: 100%;
   	height: 100%;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/bg-fades-trans.png);
	background-repeat: no-repeat;
	background-position: top center;
	/*border: 5px solid pink;*/
}

/* shameless ie hack to keep the faded edges full height and centered */

* html #wrap {
	position: relative;
	margin: 0px auto;
    width: 1000px;
    min-height: 100%;
   	height: 100%;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/bg-fades-trans.png);
	background-repeat: no-repeat;
	/*border: 5px solid purple;*/
}
    
#main {
	margin: 0 auto;
    width: 734px;
    padding: 0 22px 0 22px;
    /* height: 100%; Turn on if full height is desired */
}

#header {
	position: relative;
}

#rowLogo img {
	position: absolute;
	top: 23px;
	right: 0px;
}

#rowNav {
	position: absolute;
	top: 65px;
	left: -11px;
}

#content {
	width: 100%;
	float: left;
}

#title {
	float: left;
	margin-top: 185px;
	padding-bottom: 23px;
}

#title-short {
	float: left;
	margin-top: 168px;
	margin-bottom: -6px;
}

#color {
	float: left;
	width: 682px;
	padding: 18px 26px 30px 26px;
}

#color-blog {
	float: left;
	width: 694px;
	padding: 18px 20px 20px 20px;
	background-color: #FFFFD4;
}

#color-work {
	float: left;
	width: 694px;
	padding: 18px 20px 80px 20px;
	background-color: #FFFFD4;
}

#color-work-main {
	float: left;
	width: 734px;
	padding: 0 0 0 0;
}

#content .blue {
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_blue_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

#content .terra {
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_terra_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

#content .khaki {
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_khaki_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

#content .gray {
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_gray_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

#content .green {
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_green_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

#color #colGroup { /* for when there's NO intro text before the column group */
	margin-top: 8px;
}

#color > p + #colGroup { /* for when there's intro text before the column group */
	margin-top: 26px;
}

#col12 {
	float: left;
	width: 187px;
	margin-right: 11px;
}

#col15 {
	float: left;
	width: 433px;
	margin-right: 11px;
	background-color: #FFFFFF;
	border-top: 9px solid #FEFFB7;
	padding: 18px 20px 50px 22px;
}

#col15 p {
	color: #333333;
	font: 14px/20px Georgia;
}

#col17 {
	float: left;
	width: 638px;
	margin-right: 11px;
	background-color: #FFFFFF;
	padding: 18px 20px 50px 22px;
}

#col45 {
	float: left;
	width: 187px;
	margin-left: 107px; /* 93 should be the true measure. 107 is optical. */
	padding-bottom: 100px;
}

#col67 {
	float: right;
	width: 187px;
}

/* @group Bio Panel in About Page */

div.titleBox {
	float: right;
}

h2.name {
	color: #5683B2;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 14px -2px;
}

h3.title {
	color: #BA6F42;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
	border-right: 1px solid #BA6F42;
	padding-right: 8px;
	margin-right: 10px;
	display: inline;
}

img.email {
	margin-top: 2px;
}

/* @end */

/* @group Blog Area */

#colGroup-blog {
	background-color: #FFFFFF;
	width: 658px;
	float: left;
	padding: 16px 18px 18px 18px;
	margin: 0 0 15px 0;
}

#colGroup-blog-main {
	background-color: #FFFFFF;
	width: 694px;
	float: left;
	padding: 18px 0 18px 0;
	margin: 0 0 20px 0;
}

#colGroup-blog-main a:hover {
	color: #00B7E0;
}

#col15-blog {
	float: left;
	width: 450px;
	border-right: 1px solid #E4EDE2;
	padding: 0 17px 0 0;
}

#col15-blog-previous {
	float: left;
	width: 488px;
	padding: 0 17px 0 0;
}

#col67-blog {
	float: right;
	width: 155px;
	border-right: 1px solid #E4EDE2;
	padding: 0 17px 0 0px;
}

#colGroup-blog h2 {
	color: #5683B2;
	font-size: 26px;
	line-height: 32px;
	text-align: center;
	font-weight: normal;
	margin: 0 0 13px -2px;
	padding: 0 90px 0 90px;
}

/*Vertical centering solution from http://www.jakpsatweb.cz/css/css-vertical-center-solution.html*/

#outer {height: 185px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: 20%} /* for explorer only */

/*-----------*/

#col17-blog-top {
}

#col17-blog-top-container {
	background-color: pink;
}

#col17-blog-top h2,
#col17-blog-top h2 a {
	color: #78A470;
	letter-spacing: -1px;
	font: 20px "Arial Black", Verdana;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-decoration: none;
}

#col17-blog-top img {
	float: left;
	margin: 0 15px 0 18px;
}

#col15-blog-previous {
	padding: 0 0 30px 0;
}

#col15-blog-previous a:hover {
	color: #00B7E0;
}

#col15-blog-previous h3.caps {
	color: #78A470;
}

#col15-blog-previous ul {
	list-style: none;
	margin: 0 0 0 0;
}

#col15-blog-previous ul li h4,
#col15-blog-previous ul li h4 a {
	color: #6C644B;
	letter-spacing: -1px;
	font: 13px "Arial Black", Verdana;
	font-weight: normal;
	text-decoration: none;
}

#col15-blog-previous ul li p,
#col15-blog-previous ul li p a {
	font: 11px/16px Verdana;
	color: #666666;
	margin: 0 0 5px 0;
	text-decoration: none;
}

#colGroup-blog h3.date {
	color: #313131;
	font-size: 14px;
	font-weight: normal;
	background-color: #F1F6F0;
	text-align: center;
	padding: 3px 0 4px 0;
	margin: 0 0 15px 0;
}

span.year {
	color: #78A470;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: 9px "Arial Black", Verdana;
	border-left: 1px solid #78A470;
	padding: 3px 0 3px 8px;
	margin: 0 0 0 4px;
}

#colGroup-blog p,
#colGroup-blog-main p, 
#colGroup-blog-main p a {
	color: #585759;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

#colGroup-blog ol {
	list-style: decimal;
	color: #585759;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 13px 18px;
}

#colGroup-blog ol li {
	padding: 0 0 5px 0;
}

#colGroup-blog ol li a {
	color: #585759;
	border-bottom: 1px solid #585759;
}

#colGroup-blog ol li a:hover {
	color: #585759;
	background-color: #FFFFD4;
	border-bottom: 1px solid #585759;
}

span.date {
	
}

#col67-blog h3.caps {
	color: #78A470;
}

#col67-blog ul {
	font: 11px/15px Verdana;
	color: #212121;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#col67-blog ul li {
	padding: 0 0 5px 0;
}

#col67-blog ul li a {
	color: #747474;
}

#col67-blog ul li a:hover {
	color: #2786dc;
	border-bottom: 1px solid #b9cedc;
	padding-bottom: 1px;
}

h4.commentary {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 25px 0 0 0;
	padding: 5px 12px 4px 13px;	
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/bg-commentBar.gif);
	background-position: top -10px;
	background-repeat: no-repeat;	
}

h4.commentary img.arrow {
	float: right;
	margin-top: 3px;
}

span.makeComment a {
	font: 11px Verdana;
	text-transform: none;
	letter-spacing: 0px;
	color: #FFFFFF;
	float: right;
	padding-bottom: 1px;
	margin: 1px 0 0 2px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
}

span.makeComment a:hover {
	color: #5b8056;
	border-bottom: 1px solid #5b8056;
}

ul.commentGroup {
	list-style: none;
	margin: 19px 0 0 0;
}

ul.commentGroup li {
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_rule_2x2_green.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

p.commentTxt {
	font: 11px/15px Verdana !important;
	margin: 18px 0 10px 0;
}

p.commentAttrib {
	color: #5683B2 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px !important;
	font-family: "Arial Black", Verdana;
	padding-bottom: 5px;
}

span.commentDate {
	color: #585759 !important;
	float: right;
	text-transform: none;
	letter-spacing: 0px;
	font: normal 10px Verdana;
	border-left: 1px solid #ACC7A8;
	padding: 0 0 0 8px;
}

/* @end */

/* @group Work Area */

ul#workList {
	list-style: none;
	margin: 0px 0px 15px 0;
	padding: 0 0 0 0;
	background-color: lightblue;
}

ul#workList li {
	width: 734px;
	padding: 20px 0 18px 0;
	float: left;
}

ul#workList li.odd {
	padding: 20px 0 18px 0;
	float: left;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_ltGray_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

ul#workList li.hover {
	padding: 20px 0 18px 0;
	float: left;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/tile_dkGray_6x6.gif);
	background-position: top left;
	background-repeat: repeat;
}

ul#workList li img {
	float: left;
	margin: 0 15px 0 18px;
}

ul#workList li h3 {
	color: #FFFFFF;
	font: normal 18px/21px Georgia;
}

ul#workList li h4 {
	color: #333333;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
}

ul#workList li p {
	color: #585759;
	font-size: 13px;
	line-height: 19px;
}

p#workPagination {
	float: left;
	margin: 15px 0 0 227px;
	padding: 0 0 20px 0;
}

p#workPagination span.pageLabel {
	font-style: italic;
	color: #FFF;
	padding: 0 5px 0 0;
}

#colGroup-work {
	background-color: #FFFFFF;
	width: 690px;
	float: left;
	padding: 5px 1px 5px 1px;
	margin: 0 0 18px 0;
}

h2.workClient {
	font-weight: normal;
	color: #547AAD;
	font-size: 20px;
	margin: 0 0 10px 0;
}

p.projDescription {
	color: #585759;
	font-size: 13px;
	line-height: 19px;
}

#col17-work-img {
	background-color: #FFFFFF;
}

#col15-work-title {
	float: left;
	width: 450px;
}

#col67-work-nav {
	float: right;
	width: 187px;
	margin-top: 30px;
	padding: 0 0 0 12px;
	border-left: 1px solid #E0E0BA;
}

#col67-work-nav h4 {
	color: #6C644B;
	font: 11px/12px "Arial Black", Verdana;
	margin: -2px 0 10px 0; /*neg margin to position left border*/
}

#col67-work-nav p {
	font: 11px/14px Verdana;
}

#col67-work-nav ul {
	font: 11px Verdana;
	margin: 10px 0 0 0; /*neg margin to position left border*/
	list-style: none;
}

#col67-work-nav ul li {
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
}

#col67-work-nav ul li a {
	color: #666666;
	text-decoration: none;
}

#col67-work-nav ul li a:hover {
	padding-bottom: 2px;
	color: #547AAD;
	border-bottom: 1px solid #547AAD;
}

#col67-work-nav ul li a.here {
	padding: 0 0 0 10px;
	background-image: url(http://www.altoncreative.com/images/aci-gui_images/bullet-arrowRt-6x6.gif);
	background-position: 0% 60%;
	background-repeat: no-repeat;
	text-decoration: none;
}

h3.projSubtitle {
	color: #6c644b;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
	margin: 0 0 10px 0;
}

ul.projects {
	color: #6c644b;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: 9px "Arial Black", Verdana;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	list-style: none;
}

ul.projects li {
	display: inline;
}

ul.projects li a {
	color: #6c644b;
	text-decoration: none;
}

ul.projects li a:hover {
	color: #547AAD;
}

ul.projects li a.here {
	padding: 0 0 1px 0;
	border-bottom: 1px solid #CCCCAA;
	text-decoration: none;
}

/* @end */

#footer {
	float: left;
	width: 734px;
	padding: 12px 0 12px 0;
	margin-top: 21px;
	font: normal 10px Verdana;
	text-align: center;
	background-color: #545454;
	color: #DDDDDD;
}

#footer a {
	color: #DDDDDD;
	text-decoration: none;
	border-bottom: 1px solid #989898;
	padding-bottom: 1px;
}

#footer a:hover {
	padding-top: 2px;
	background-color: #4B4B4B;
}

#rowHome {
	width: 418px;
	float: right;
	padding: 13px 0 0 0;
	margin-left: 50px; /* to push caption away */
	padding-bottom: 120px;
}

#rowHome img {
	margin-bottom: 10px;
}

#rowFull {
	float: left;
	padding: 10px 0 20px 0;
}

	#rowFull > #colLeft {
		float: left;
		width: 210px;	
		margin-right: 22px;
	}
	
	#rowFull > #colMid {
		float: left;
		width: 210px;	
	}
	
	#rowFull > #colRight {
		float: right;
		width: 210px;
	}

#colLeft {
	float: left;
	width: 130px;	
	margin-right: 14px;
}

#colMid {
	float: left;
	width: 130px;	
	margin-right: 14px;
}

#colRight {
	float: right;
	width: 130px;
}

img.insetSm {
	float: left;
	margin: 3px 13px 10px 0;
}

img.insetLg {
	float: left;
	margin: 5px 17px 10px 0;
}

#contactSidebar {
	float: right;
	width: 208px;
	margin-top: -3px;
}

#contactSidebar p.address {
	font: 10px/14px "Lucida Grande", Verdana;
	color: #FFFFFF;
}

#contactForm {
	width: 340px;
	font: 11px Verdana;
	margin: 0 0 110px 130px;
	color: #FFFFFF;
}

#contactForm form label {
	display: block;
	width: 110px;
	margin-bottom: 10px;
	padding-top: 3px;
	float: left;
	text-align: right;
}

#contactForm p.note {
	display: block;
	margin-top: -7px;
	margin-bottom: 12px;
	padding: 3px 0 3px 0;
}

#contactForm form input,
#contactForm form select,
#contactForm form textarea,
#contactForm form label.required {
	display: block;
	width: 200px;
	margin-bottom: 5px;
	margin-left: 9px;
	float: left;
}

#contactForm form input,
#contactForm form select,
#contactForm form textarea {
	border: 2px solid #CCCCCC;
}

#contactForm form select {
	width: 206px;
}

#contactForm form textarea {
	font-family: Verdana;
	width: 202px;
}

#contactForm br {
	clear: left;
}

#contactForm input.button {
	width: 90px;
	margin: 0;
	position: relative;
	left: 235px;
}

div.hiddenFields { 
	display: none; /* Added to prevent quirky behavior in FF. Was creating an area of whitespace */
}

/* navigation colors */

#rowNav.blue a {
	color: #6486A4;
}

#rowNav.terra a {
	color: #BA6F42;
}

#rowNav.khaki a {
	color: #B7B48B;
}

#rowNav.green a {
	color: #78A470;
}


/* CSS menu by solarDreamStudios, http://solardreamstudios.com/learn/css/cssmenus/ */

ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 500px; /*For KHTML*/
	list-style: none;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
  	display: inline;
	list-style: none;
	position: relative;
}

ul#navmenu ul {
	margin: 4px 0 0 -7px;
	border-top: 6px solid #808080;
	padding: 6px 0 15px 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 19px;
	left: 8px;
	width: 145px;
	background-color: #ccc;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/ {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
  	height: 0;
  	visibility: hidden;
}

ul#navmenu ul li {
	padding: 0px;
	float: left; /*For IE 7 lack of compliance*/
  	display: block !important;
	display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
	padding: 0px 0px 0px 11px;
	float: none !important; /*For Opera*/
  	float: left; /*For IE*/
  	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

ul#navmenu ul a {
	letter-spacing: 0px;
	text-transform: capitalize;
	padding: 0 0 5px 9px;
	display: block;
	color: #333333;
	font: 10px Verdana;
	text-decoration: none;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: white;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #CCC;
	color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
}

/* @group Previous or unused */

ul.boxLinks {
	list-style: none;
	margin: 20px 0 0 0;
}

ul.boxLinks li {
	display: inline;
}

ul.boxLinks li a {
	color: #828282;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 9px "Arial Black", Verdana;	
	background-color: #e1e1e3;
	padding: 4px 6px 4px 6px;
	margin: 0 2px 0 0;
}

ul.boxLinks li a:hover {
	color: #FFFFFF;	
	background-color: #acadaf;
}

#col15-work {
	float: left;
	width: 433px;
	border-right: 1px solid #E4EDE2;
	padding: 0 17px 0 0;
}

#col67-work {
	float: right;
	width: 150px;
	padding: 40px 17px 0 0px;
}

/* @end */