* { margin: 0; padding: 0; }

body   { 
	color: #FFF; 
	background: #000;
	text-align: center; 
	font: normal .9em/1em "lucida grande", verdana, sans-serif;	
	/* background: transparent url('/img/headback.gif') repeat-x 60px 0; */
	}

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
#head {
	background: transparent url('/img/head.gif') repeat-x 60px 0;
	width: 100%;
	height:103px;
}
#wrap   { 
	position:relative;
	width: 100%;
	margin: 0 auto;
	text-align:left;
}

 
#left-half { width: 90%; margin: 0 1em;  }
#right-half { display:none; width: 330px; padding: 250px 0 0 20px ; float: right; background: transparent url('/img/dot-v.gif') repeat-y; }
.grey {color: #666;}
#two-thirds { width: 505px; min-height: 500px; }
#one-third { width: 240px; padding-left: 15px; float: right; background: transparent url('/img/dot-v.gif') repeat-y;  }

#one-third  ul, #two-thirds ul, #right-half ul {margin: 0 0 0 18px; font-size: 10px;}

#left-half p { padding: 0 0 8px 5px;  line-height: 140%; } 

.dots-x {border-top: 1px solid #1681CF;}

.dots-y {background: transparent url('/img/dot-v.gif') repeat-y; width: 10px; }

/* .links {width: 80%;} */
.links a {padding: 1px 1px 1px 1em; background:url('/img/arrow.gif') no-repeat 0 3px;}

.links a:hover { background: #FEE200 url('/img/arrow.gif') no-repeat 0 3px; }

#left-half ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 20px;
	}
#left-half li {
	padding: 0 0 4px 20px;
	line-height: 1.4em;
	background: url('/img/arrow.gif') no-repeat 0 3px;
	}

.paginate { clear:left; padding-top: 10px; border-top: 1px solid #CCC; text-align:right;}
#portsamples img { padding: 3px; border: 1px solid #cecece; }
	
.shadebox {
/*	background:#CCD8E0;*/
	padding: 10px;
	border: 1px solid #666;
	font-size:10px;
}
.port-wrap {
	float:right;
	margin: 5px;
	/* width: 170px; */
	/* height: 170px; */
/*	height: 90px; - for port3*/
}
.port-wrap2 {
	float:left;
	margin: 5px;
	width: 99px;
	height: 49px;
}
.port-thumb {
	padding: 4px;
	background:#FFF;
	 
	width: 150px;
}
.port-thumb2 {
	padding: 2px;
	background:#FFF;
	border:1px solid #cecece;
	width: 90px;
}
.port2-img img { border: 1px solid #CCC; padding: 7px; margin: 5px;}

.port-titlewrap {margin:.5em 0 0 0;  }
.port-title {font-weight:bold; color:#1681CF; font-size: .85em; font-family: Arial;}
.port-desc {font-size: .75em; font-family: Arial;}

.port-tiny {font-size: .85em; color: #666; margin:0; padding: 0 0 2px 0;   } 
 #featuretop {
	position: absolute;
	top: 20px;
	left: 410px;
	width:231px;
	height:345px;
	background-position:top left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://pioneerdesign.net/img/top-girl.png',sizingMethod='scale');
}

html>body #featuretop{ /*Child Selector Hack, hides this from ie*/
	background-image: url('/img/top-girl.png');
}

#top-butterfly {
	position: absolute;
	top: 5px;
	left: 370px;
	width:285px;
	height:292px;
	background-position:top left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://pioneerdesign.net/img/butterfly2.png',sizingMethod='scale');
}

html>body #top-butterfly { /*Child Selector Hack, hides this from ie*/
	background-image: url('/img/butterfly2.png');
}
 
#top-booth {
	position: absolute;
	top: 20px;
	left: 460px;
	width:176px;
	height:364px;
	background-position:top left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://pioneerdesign.net/img/telephone.png',sizingMethod='scale');
}

html>body #top-booth { /*Child Selector Hack, hides this from ie*/
	background-image: url('/img/telephone.png');
}

#top-dragonfly {
	position: absolute;
	top: 25px;
	left: 370px;
	width:285px;
	height:227px;
	background-position:top left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://pioneerdesign.net/img/dragonfly.png',sizingMethod='scale');
}

html>body #top-dragonfly { /*Child Selector Hack, hides this from ie*/
	background-image: url('/img/dragonfly.png');
}
#top-bulb {
	position: absolute;
	top: 15px;
	left: 430px;
	width:182px;
	height:300px;
	background-position:top left;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://pioneerdesign.net/img/bulb2.png',sizingMethod='scale');
}

html>body #top-bulb { /*Child Selector Hack, hides this from ie*/
	background-image: url('/img/bulb2.png');
}


#footwrap {
 
	width: 100%;
	 
	 	 }
 

#footer  { 
   	width: 95%;
	margin: 2em 1em 0 1em;
    text-align:left;
	font-size: .85em; 
	color: #D5D5D5;
	border-top: 1px solid #1681CF;
}


#clienticons ul {margin: 0 0 0 18px; font-size: 10px; }
#clienticons li {padding-left: 25px; line-height: 25px; list-style: none;}
#clienticons a {padding: 6px; }
#clienticons a:hover {background: #cecece; }

#i-upload {background: url('/img/icons/arrow.gif') top left no-repeat; }
#i-pay {background: url('/img/icons/checkbox.gif') top left no-repeat; }
#i-blog {background: url('/img/icons/bubble.gif') top left no-repeat; }
#i-domain {background: url('/img/icons/globe.gif') top left no-repeat; }

 
#iconbox {
	float: right;
	border: 1px solid #696969;
	margin: 0 5px;
}

.boxhead {
	background: #696969;
	color: #FFF;
	font-size: 9px;
	padding: 0; margin: 0;
	text-align: center;
	}

#footer p {
	margin: 0;
	padding-top: 10px;
	}
#footer a {color: #666;}	
#footer a:hover { text-decoration: underline;  }

#quote p, #sidequote p { margin: 0; padding:0; font-size: 90%; }
#quote { width: 90% } 

.quote-one, .quote-two {
padding: 10px 10px 5px 25px;
font-size: 1em;
}
.quote-one {background: transparent url('/img/quote-left.gif') 0 10px no-repeat;}

.quote-two {background: #F0F0F0 url('/img/quote-left-alt.gif') 0 10px no-repeat;}

.quoter {text-align:right;}

hr { 
border: none 0;
border-top: 1px solid #D8D8D8;/*the border*/
/*width: 50%;*/
height: 1px;
}

#sidequote {
padding: 0 10px;
font: 10px/15px Verdana, sans-serif; 
}

.portwrap {width: 248px; float:left; height:125px; margin: 5px 0;}
.portbox {float: left; width: 125px;}
.portdesc {float: left; width: 115px; height: 110; overflow:hidden; font-size: 9px; line-height: 12px; padding: 0 6px 0 2px; }
.spacer {clear: left;}
.port_box, 
a.port_box { 
	clear: both; 
	float: left; 
	border: 2px solid #CCC; 
	background-color: #FFF; 
	padding: 2px; 
	/*margin: 0 0 1px;*/
} 
a.port_box:hover {border: 2px solid #FB9600;}

.port_link {
	clear: both;
	padding: 2px 0 3px 23px;
	background: transparent url('/img/glass.gif') no-repeat 4px 4px;
	margin-bottom: 10px; 
	/*border: 1px solid #f1f1f1;*/
}

.arrow_link {
	clear: both;
	padding: 2px 0 3px 13px;
	background: transparent url('/img/smallarrow.gif') no-repeat 2px 5px;
}

#leftcol {
width: 448px;
background: transparent;
padding: 18px;
line-height: 150%;
}

#secondcol { 
/*float:right;   */
z-index: 1;
position: absolute;
top: 130px;
left: 490px;
width: 260px; 
padding: 15px; 
}

h1,h2, h3, h4 { margin: 0 0 6px 0; padding: 0; } 

h1 {font: 22px Georgia, "Times New Roman", serif; line-height: 135%; color: #006494;}
h2 {font: 18px Georgia, "Times New Roman", serif; letter-spacing: 1px; color: #1994EE;}
h3 {font: 14px bold Verdana, Arial, sans-serif; letter-spacing: 2px;
  text-transform: uppercase; color: #1994EE;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
 

p {margin: .8em 0 1em 0; padding: 0; }



/* ---[ links ]------------------------------- */

a:link {
	color: #FB9600;
	}
a:visited {
	color: #FB9600;
	}
a:hover {
	color: #FFB13C;
	text-decoration: underline;
	}
img { border: 0; }

 
.activepage {
	color: #000;
	background-color: #fff;
    font-weight:bold;
    }

 .activepage a:visited {
	 color: #FF0000;
 }
  
.small { font-size: 9px; font-weight: normal; }
.frame { border: 1px solid #006494; }
 
 
#leftcol ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 20px;
	}
#leftcol ul li {
	padding: 0 0 2px 20px;
	line-height: 1.4em;
	background: url('/img/greyarrow.gif') no-repeat 0 2px;
	}

/*Form elements */
.buttondark a:hover, .buttonlight a:hover { background-position: -97px 0; color:white;}

.fl {float: left; }
.fr {float: right; }
.half {width: 45% }
.reset {clear: both;font-size: 1px; margin: 0;padding: 0;line-height: 1px; height: 1px; }
.nxt{
	border: 3px double;
	border-color: #f90 #960 #960 #f90; 
	background: #c60;
	margin: 5px 10px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: small; 
}

 
#cats {
  float:left;
  width:100%;
/*  background:#EFF4FA;*/
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #DD740B;
  }
#cats ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
  }
#cats li {
  display:inline;
  margin:0;
  padding:0;
  }
#cats a {
  float:left;
  background:url("/img/tableftI.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }

#cats a span {
  float:left;
  display:block;
  background:url("/img/tabrightI.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#cats a span, #activecat a span {float:none;}
/* End IE5-Mac hack */
#cats a:hover span {color:#FFF;}

#cats a:hover span, #activetab a span
{ background-position:100% -42px;color: #FFF; }
#activetab a:link, #activetab a:visited, #cats a:hover
{ background-position: 0% -42px; }



#portlist ul {
	font-size: 10px;
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 20px;
	}
#portlist ul li {
	padding: 0 0 4px 20px;
	line-height: 1.4em;
	background: url('/img/arrow-grey.gif') no-repeat 0 3px;
	}
	

#headlinks {
	position: absolute;
	right: 70px;
	top: 5px;
	color: #FFF; 
	width: 200px; 
	text-align: right;
}

#headlinks a { color: #FFF; }
#headlinks a:hover { color: #000; text-decoration: underline;}

.login {
	font-size: 11px;
	background: #FB9600;
	height: 100px;
}

 
.login p { margin: 0; padding: 0; } 

#username, #password { width: 75px; background:#cecece; border: 0; font-size: 12px; padding: 1px;} 

#username:focus, #password:focus {
	border: 1px ;
	border-color: #1681CF; 
	background:#666;
	color:#FFF;
	cursor: pointer;
}

 
.button {
	border: 3px double;
	border-color: #AEB8D1 #424D6A #424D6A #AEB8D1; 
	background:#FFCE00;
	cursor: pointer;
	font-size: 11px;
}

 
.button:focus {
	border: 3px double;
	border-color: #AEB8D1 #424D6A #424D6A #AEB8D1; 
	background:#F7AD00;
	cursor: pointer;
}


form { padding: 0; margin: 0; }

#quotepage p { margin 0 0 10px 0; }


#top {
list-style-type: square;
}

#top ul {
/* margin:0;  */
/* padding: 0;  */
text-align:left; 
list-style-type: square;
}


#top h3 {
text-transform: uppercase;
letter-spacing: 2px;
color: #696969;
font-size: 14px;
}

#right {
margin-left: 180px;
float: left;
}


 tbody.on  {display:table-row-group;}
 tbody.off {display:none;}

td {    
  	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 10px;
}


.note {font-size: 9px; color:#696969; font-style:italic}


/*nav */
#navwrap {
	position: absolute;
	top: 76px;
	left: 20px;
	}

 div#nav-globalwrap	{
 	height: 30px; 
	width: 727px;
	border: 0;
	}

div#nav-globalwrap ul#menu	{
	height: 30px;
	width: 727px;
	background: transparent url('/img/nav.gif') top left no-repeat;
	position: relative;
	}

div#nav-globalwrap ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 30px;
	display: block;
	}
	
div#nav-globalwrap ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#nav-home	{left: 10; width: 87px;}
#nav-services	{left: 87px; width: 86px;}
#nav-portfolio {left: 173px; width: 86px;}
#nav-contact {left: 259px; width: 83px;} 
#nav-client {left: 614px; width: 100px;} 

#nav-home a:hover	{background: transparent url('/img/nav.gif') 0 -30px no-repeat;}
#nav-services a:hover {background: transparent url('/img/nav.gif') -87px -30px no-repeat;}
#nav-portfolio a:hover {background: transparent url('/img/nav.gif') -173px -30px no-repeat;}
#nav-contact a:hover {background: transparent url('/img/nav.gif') -259px -30px no-repeat;} 
#nav-client a:hover {background: transparent url('/img/nav.gif') -614px -30px no-repeat;} 

/* You are here - main nav  */
 
body#Home #nav-home	{background: transparent url('/img/nav.gif') 0 -30px no-repeat;}
body#Services #nav-services {background: transparent url('/img/nav.gif') -87px -30px no-repeat;}
body#Portfolio #nav-portfolio {background: transparent url('/img/nav.gif') -173px -30px no-repeat;}
body#Contact #nav-contact {background: transparent url('/img/nav.gif') -259px -30px no-repeat;} 
body#Client #nav-client {background: transparent url('/img/nav.gif') -614px -30px no-repeat;} 


 

.cb  {
	margin: 0;
	border: #CCCCCC solid 1px;
	padding:  2px;
	background: #FFFFFF;
  }

  
input, select { 
	margin: 0; 
	padding: 2px 2px 2px 2px;
	font-family:Tahoma, sans-serif;
	font-size: 12px;
	color:#555555;
	border: #CCCCCC solid 1px;
	/*background: url('/img/input-back.jpg') repeat-x;*/
	background-color:#FFFFFF;
}

textarea { 
	margin: 0; 
	padding: 2px 2px 2px 2px;
	font-family:Tahoma, sans-serif;
	font-size: 12px;
	color:#555555;
	border: #CCCCCC solid 1px;
	/*background: url'(/img/textarea-back.jpg') repeat-x;*/
	background-color:#FFFFFF; 
	}
	
/*
.cb { border: 0; background:0; padding:0; margin: 0; } 
*/

/*
#submit {
	border: none;
	padding:0px 0px 1px 0px;
	background:transparent;
	vertical-align:middle;
}
*/
#submit input {
	font: 11px Verdana;
	padding: 0 2px 2px 0;  
	border: 3px double;
	border-color: #FFF; 
	background: #FB9600;
	display: block;
	margin: 5px 0;
	cursor: pointer;
	color: #FFF;
	width: 155px;
}	
	
input:focus, textarea:focus{
	padding: 2px 2px 2px 2px;
	border: #FB9600 solid 1px;
}
 
label{
	margin: 0; 
	padding: 0px 0px 2px 0px;
	font-family: Tahoma, sans-serif;
    font-size: 11px;
    line-height:125%;
    color:#666666;
}

#comment-author, #comment-email, #comment-url,#comment-email-notify
{
   width: 200px;
}
 


/*
#submit input:focus {
	border: 3px double;
	border-color: #FFF; 
	background: #D07C00;
	cursor: pointer;
	color: #FFF;
	}
*/
	
/*#stack label.non {display: inline !important; } 
.radio {background: transparent !important; border: none !important; } 
*/
fieldset {width: 420px; border: 1px solid #94A4D2; padding: 10px; margin: 10px 0; position: relative;}

legend { 
	margin: 10px 0 10px;
	padding: 2px 4px;
	border-top: 1px solid #94A4D2;
	border-right: 1px solid #94A4D2;
	border-left: 1px solid #94A4D2;
}
	
 


 

#quotetable { width: 400px; }
#quotetable td {padding: 0 2px; font: 11px/17px "Lucida Grande", arial, verdana, sans-serif;} 
 
.textfield {width: 400px;}

.req {color: #B00000; font-size:  9px; }

.inv {display: none;}

  
#catbox {
	float: right;
	border:  1px solid #cecece;
	font:  10px Verdana;
	padding:  5px;
	margin:  5px;
	}

#search-error { 
	background:  #CECECE;
	border: 1px solid #666;
	padding: 10px;
	margin: 0 0 15px 0;
	
	}



.quotesbox {
	background: #fff url('/img/SideBalloon.gif') no-repeat 0 -100px;
	margin: 12px 7px 0;
	padding: 5px 0 0;
	clear: both;
	line-height: 1.5em;
}

.quotesbox q {
	background: url('/img/SideBalloon.gif') no-repeat 0 100%;
	margin: 0;
	padding: 0 10px 8px;
	display: block;
	quotes: none;
	text-align: center;
	color: #444;
}

.quotesbox q::before, .quotesbox q::after { content: '' }

.quotesbox span {
	background: url('/img/SideBalloon.gif') no-repeat 0 0;
	margin: -2px 2px 8px 10px;
	padding: 1px 0 0 20px;
	display: block;
	float: right;
	color: #7e7e7e;
	font-size: 0.9em;
}