/* (c) 2010 Spike Likes, LLC */


body {margin:0; padding:0; font: 11px/24px Verdana, Arial, Helvetica, sans-serif; color:#1f2325; background-color:#b6e1ec;}

.patch {background-image: url(../gifs/bg_top.gif); background-repeat:repeat-x; background-position:top; visibility:visible; height:44px; z-index:0;}
#wrapper a {color:#5d5f95;} #wrapper a:hover {color:#02afd4; text-decoration:none;}

#wrapper {background-color:#ffffff; width:auto; margin-top:0; }
#interior {background-image: url(../jpgs/bg_home.jpg); width:970px;  height:612px; margin-left:auto; margin-right:auto;}
#interior-basic {background-image: url(../gifs/bg_basic_top.gif); background-repeat:no-repeat; width:970px; height:auto;  margin-left:auto; margin-right:auto;}

#utilities {width:183px; height:84px; margin:-44px 24px 0 0; float:right;  z-index:2;}

.logo-spikelikes {margin-top:34px; margin-left:37px;  border:0;  float:left;  margin-bottom:0px;}
.box-full {padding:0 55px 0 55px;  width:860px; position:relative;}
.box-full-sub {padding:0 55px 0 55px;   width:860px; position:relative;}
.box-full-basic {padding:0px 55px 1px 55px;  margin:38px 0 0 0; width:860px;  background: url(../gifs/bg_basic_middle.gif) repeat-y; position:relative;}

.box-full-port {padding:0px 50px 1px 50px; width:870px;  background: url(../gifs/bg_basic_middle.gif) repeat-y; position:relative;}

.box-bottom-basic {background-image: url(../gifs/bg_basic_btm.gif); height:25px; width:970px; margin-left:auto;  margin-right:auto;}
.box-bottom-details {width:930px; margin-left:auto;  margin-right:auto; padding:25px 0 20px 0; line-height:16px;}
.box-bottom {width:910px; height:35px; margin-left:auto; margin-right:auto; padding:10px 0 25px 0;}
.box-stamp-basic {width:910px;  margin-left:auto; margin-right:auto; padding:30px 0 30px 0;}

.box-home {margin:45px 0 0 0;  width:320px; float:left;}
.box-home-featured {float:right; margin:10px 0 0 0; width:475px;}
.box-home-featured td {padding:3px;}
.box-home-featured td img {border:1px solid #ececec;}
.box-home-featured  td:hover {background:#b6e1ec;}

.box-port-featured {float:right; margin:10px 0 0 30px; width:350px;}
.box-port-featured  img {border:1px solid #ececec; padding:4px; margin:3px;}
.box-port-featured img:hover {background:#b6e1ec; filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}

.box-bio {font-size:11px; line-height:13px; border-bottom:#ececec 1px solid; border-top:#ececec 1px solid; padding:10px; background:#f2f8fa; font-style:italic; margin-bottom:5px;}

#box-port-clients  {background: url(../gifs/bg_port_clients.gif) no-repeat; height:510px; width: 190px; float:left;  padding:12px 0 0 12px;  font-size:10px; margin-left:-15px; font-family:arial; margin-top:20px;}
#box-port-clients ul {margin:0 0 10px 0; padding:0;}
#box-port-clients  li {padding-left:12px; list-style-type:none; margin:0px; line-height:17px;}
#box-port-clients a {color:#87746a; text-decoration:none;}
#box-port-clients li:hover {background: url(../gifs/icon_disc_pluson.gif) no-repeat 0px 5px;}
.navon {color:#02afd4; background: url(../gifs/icon_disc_pluson.gif) no-repeat 0px 5px;}
.on {color:#02afd4;}
li.nav2line {line-height:12px; margin-bottom:3px;}

.port-details {font-size:10px; line-height:15px; width:190px; padding:2px 0 0 20px; min-height:450px;}

.port-icon {margin-top:0; float:right;}
.port-pic {padding-left:12px; width:460px;}
.port-mini img {padding:2px;}
.port-mini {margin-bottom:10px;}
.navigation2 {padding-left:32px;}
.box-sublevel-left {margin:30px 0 0 0;  width:400px; float:left;}
.box-home-right {float:right; margin:30px 0 0 0; width:395px;}



.box-paper-sm {background: url(../gifs/bg_papersm.gif) no-repeat 0 0; padding:0; height:200px; width:195px; margin-right:40px;}
.box-paper-md {background: url(../gifs/bg_papermd.gif) no-repeat 0 0; padding:0; height:230px; width:195px; margin-right:40px;}

.line1 {background-image: url(../gifs/pht_divline1.gif); width:1px; height:429px; margin:0 30px 0 30px; float:left;}
.box-pic280 {width:280px; line-height:14px; padding:20px;}

.box-pic250 {width:250px; line-height:14px; padding:20px;}
.box-pic250 img {margin-bottom:10px;}

.box-picfull {width:auto; line-height:20px; padding:20px;}

.box-quote {width:173px; height:385px; padding:44px 58px 0 38px; line-height:14px; background: url(../jpgs/bg_quote.jpg) no-repeat 0 0; float:right; margin:-10px -20px 0 35px;}
.box-quote-byline {text-align:right; line-height:13px; font-size:10px;}

.box-quote-sm {width:200px; height:327px; padding:44px 58px 0 38px; line-height:14px; background: url(../jpgs/bg_quote_sm.jpg) no-repeat 0 0; float:right; margin:-10px -20px 0 35px;}

/* ^^ SPECIAL ^^ */

.stamp {float:right; margin:-5px 0 0 830px;  z-index:2; position:absolute;}
.stamp-sub {float:right; margin:-48px 0 0 830px;  z-index:2; position:absolute;}
.stamp-sub-lft {float:left; margin:-55px 0 0 -35px;  z-index:2; position:absolute;}
.bug-left {float:left; margin:-15px 0 0 -70px; z-index:2;}
.bug-left2 {float:left; margin:0px 0 0 -70px; z-index:2;}
.bug-left3 {float:left; margin:10px 0 0 -70px; z-index:2;}
.bug-right {float:right; margin:-15px -70px 0px 20px; z-index:3;}
img.top {margin:-10px -20px 0 0; float:right; border:0;}
img.top-lft {margin:-10px 0 0 -20px; float:left; border:0;}
table.services td {padding:10px;}
table.services img {border:0;}
table.services img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; border:0;
}

/* CONTROLLERS	*/


p.pmar10 {margin:10px 0 10px 0;}
p.pmar20 {margin:20px 0 20px 0;}
p.pmar30 {margin:35px 0 35px 0;}
p {margin:0 0 20px 0;}
table {border: 0px; padding: 0; border-collapse: collapse; border-spacing: 0px;}

.pad20 {padding:20px;}
.pad50 {padding:50px;}
.pad30 {padding:30px;}
.pad15 {padding:15px;}
.pad10 {padding:10px;}
.pad5 {padding:5px;}

.mar0 {margin:0px;}
.mar5 {margin:5px;}
.mar10 {margin:10px;}
.mar15 {margin:15px;}
.indent {margin-left:60px;}
.indent20 {margin-left:20px;}
.indent10 {margin-left:10px;}
.w500 {width:500px;}
.w490 {width:485px;}
.w400 {width:400px;}
.w300 {width:300px;}
.w250 {width:250px;}
.w200 {width:200px;}

.lft {float:left;}
.rt {float:right;}
.top {float:right; margin: 0px 0px 0px 15px;}
.act-bttn {margin-right:auto; margin-left:auto;}
.lftpic {float:left; margin: 0px 30px 15px 0px; border:0;}
.rtpic {float:right; margin: 0px 0px 15px 30px; border:0;}
.brdrpic {padding:10px; border:#ececec 1px solid; margin-bottom:10px;}

.brdrgry {border: solid 1px #ececec;}
.brdrdashbtm {border-bottom: dashed 1px #ececec; margin:10px 5px 10px 5px;}
.brdrdashbtm2 {border-bottom: dashed 1px #ececec; margin:5px 0px 10px 0px;}
.brdrmblbtm {border-bottom: solid 1px #b6e1ec;}
.brdrdash {border: dashed 1px #ececec;}

.brwn {color:#684f40;}
.mdbl {color:#3f636e;}
.ltbl {color:#65a2b6;}
.wht {color:#ffffff;}
.red {color:#b5111b;}
.violet {color:#967298;}
.blck {color:#000000;}

.bgltbl {background-color:#f2f8fa;}
.bgwht {background-color:#ffffff;}

.nobld {font-weight:normal;}
.bld {font-weight:bold;}
.cntr {text-align:center;}

.txt9 {font-size:9px;}
.txt10 {font-size:10px;}
.txt11 {font-size:11px;}
.txt12 {font-size:12px;}
.txt13 {font-size:13px;}
.txt14 {font-size:14px;}
.txt15 {font-size:15px;}
.txt16 {font-size:16px;}
.clear {clear:both;}


/* TEXT AND HEADERS	*/

.title {margin-bottom:20px;}
.title-project {margin-left:15px; margin-top:20px;}
.hm-scripty {padding:0 0 10px 0;}
.featured {margin-bottom:10px;}


h1 {font-size:18px; margin:0 0 10px 0; word-spacing:1px; font-weight: bold; font-family: helvetica, sans-serif;}
h2 {font-size:16px; margin:0 0 10px 0; font-weight: bold; font-family: helvetica, sans-serif; line-height:17px;}
h3 {font-size:14px; margin:0 0 10px 0; font-weight: bold; font-family: helvetica, sans-serif; line-height:16px;}

/* LISTS */

ul.bullets-org {list-style-type:none; padding:0; margin:0;}
.bullets-org li { list-style-image: url(../gifs/icon_disc_burntorange.gif); margin:20px 0px 20px 25px; line-height:20px; font-size:15px;}

ul.bullets-arrow {list-style-type:none; padding:0; margin:0;}
.bullets-arrow li { list-style-image: url(../gifs/icon_carrot_single.gif); margin:15px 0px 15px 20px; line-height:15px;}

ul.bullets {padding:0; margin:0;}
.bullets li {margin:20px 0px 20px 25px; line-height:20px;}

ul.bullets2 {padding:0; margin:0;}
.bullets2 li {margin:15px 0px 15px 25px; line-height:16px;}

ul.bullets3 {padding:0px; margin:0px; list-style:none;}
.bullets3 li {margin:12px 0px 12px 0px; line-height:14px; padding:0;}

.bullets-details {margin:4px 0px 0px 18px; padding:0;}
.bullets-news li {margin:4px 0px 10px 0px; padding:0; line-height:14px;}


.bullets-purp {margin:15px 0 0 8px; padding:0; list-style-type:none;}
.bullets-purp li {margin:4px 0px 12px 4px; padding:1px 0px 0px 16px; line-height:14px; background:url(../gifs/icon_arrow_purp.gif) no-repeat; background-position:0px 4px; color:#967298;}


.none {list-style-type:none;}

/* FORMS	*/

#portfolio-drop {float: right; padding-top: 5px; width: 130px;}
input, textarea, select, option  {
	color: #3F4A21;
	border: inset 1px #5d5f95;}
	
input {width:196px;}
label {padding:2px 7px 2px 0px; text-align:right;}
.no-brdr {border: 0px;}