@charset "utf-8";
*{margin:0; padding:0}
body{font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; margin:0; padding:0; color:#575757; background:#fcfcfc url(images/bg.jpg) top center no-repeat}
p{margin:0 0 10px 0; font-size:11px; line-height:1.6em}

input.teleR{width:96px; color:#F00}
input.nameR{width:156px; color:#F00}
input.firstR{color:#F00}
#red{
	border:1px solid red;
}
input[type='hidden']{
	display:none;	
}
/* =Typography
---------------------------------------*/
p.a2{margin:0 0 7px 0}
#pop h1{padding:6px 0 6px 0; font-size:16px; color:#000}
#pop h2{padding:6px 0 10px 0; font-size:12px; color: #999}
#mainContent h1{padding:21px 0 8px 50px; font-size:16px; color:#000}
h1.as{padding:21px 0 8px 50px; font-size:16px; color:#000}
#mainContent p{padding-left:76px}
#trayContent p{margin:0; padding:0 0 4px 0; color: #999999; cursor:default; font-size:10px}
p.low{margin:0; padding:0; color: #999999; cursor:default; font-size:10px; display:block; width:640px; height:20px; float:left}
#scrollFull #mainContent h1{padding:13px 0 8px 50px; font-size:16px; color:#000}
#scrollFull #mainContent p{padding-left:76px; padding-right:8px}
#scrollHalf #mainContent h1{padding:13px 0 8px 50px; font-size:16px; color:#000}
#scrollHalf #mainContent p{padding-left:76px; padding-right:5px}
#extend p{padding:0; margin:0}
#subContent h1{padding:0 0 10px 0; font-size:14px; color:#000; margin-top:-3px; position:relative; z-index:1000; color:#181818}
#subContent2 h1{padding:0 0 10px 0; font-size:14px; color:#000; margin-top:-3px; position:relative; z-index:0; color:#181818}
#date {color:#b5b5b5}
#subContent p{margin:0 58px 7px 0}
.shortPadding{padding-bottom:0; margin-bottom:0}
#steps h5{padding:6px 10px 4px 10px; font-size:13px; font-weight:bold; background:url(images/roundTop.jpg) top left no-repeat}
p.lead{padding-top:0; position:relative; z-index:2000}
#block h1{font-size:15px; text-transform:uppercase}
#block h2{display:inline; font-size:12px; color:#000}
#block h3{display:inline; font-size:12px}
#content h6{padding:21px 0 8px 50px; font-size:12px; color:#000}

/* =Hyperlinks
---------------------------------------*/
#mainContent p a:link, #mainContent p a:visited,#subContent p a:link, #subContent p a:visited{color:#357ec4; text-decoration:none; border-bottom:1px dotted}
#mainContent p a:hover, #mainContent p a:active, #subContent p a:hover, #subContent p a:active{color:#f8d104; border-bottom:1px solid}

a.date3{color:#357ec4 !important;text-decoration:none !important; border-bottom:1px dotted !important}
a.date3:hover{color:#f8d104 !important; border-bottom:1px solid !important}

a.readMore{width:69px; height:9px; background: url(images/readMore.jpg) top left no-repeat; display:block; margin-top:16px}
a.readMore2{width:69px; height:9px; background: url(images/readMore.jpg) top left no-repeat; display:block; margin-top:14px}

#pop a:link, #pop a:visited{color:#357ec4; text-decoration:none; font-size:12px}
#pop a:hover, #pop a:active{color:#f8d104}

a.t:link, a.t:visited{color:#357ec4; text-decoration:none; font-size:11px}
a.t:hover, a.t:active{}

a.eDrawings:link, a.eDrawings:visited{background:url(images/eDrawings.jpg) bottom right no-repeat; display:block; height:16px; width:110px}
a.eDrawings:hover, a.eDrawings:active{background:url(images/eDrawings.jpg) bottom left no-repeat}
a.template:link, a.template:visited{background:url(images/template.jpg) bottom left no-repeat; display:block; height:19px; width:91px; margin-top:-2px}
a.template:hover, a.template:active{background:url(images/template.jpg) bottom right no-repeat}
a.request:link, a.request:visited{color: #999999; font-size:11px; margin-left:40px; text-decoration:none}
a.request:hover, a.request:active{color:#357ec4}
a.attach:link, a.attach:visited{background:url(images/attach.jpg) bottom left no-repeat; display:block; height:20px; width:96px; margin:8px 20px 7px 0; float:left}
a.attach:hover, a.attach:active{background:url(images/attach.jpg) bottom right no-repeat}
a.bb:link, a.bb:visited{background:url(images/back.jpg) bottom left no-repeat; display:block; height:21px; width:60px; float:right; margin:16px 0 16px 20px}
a.bb:hover, a.bb:active{background:url(images/back.jpg) bottom right no-repeat}
a.attachMore:link, a.attachMore:visited{background:url(images/attachMore.jpg) bottom left no-repeat; display:block; height:20px; width:98px; margin:8px 20px 3px 0; float:left}
a.attachMore:hover, a.attachMore:active{background:url(images/attachMore.jpg) bottom right no-repeat}
a.quoteNext:link, a.quoteNext:visited{background:url(images/next.jpg) top left no-repeat; display:block; height:21px; width:55px; position:absolute; top:-3px; right:68px}
a.quoteNext:hover, a.quoteNext:active{background:url(images/next.jpg) top right no-repeat}
#block a:link,  #block a:visited{color: #357ec4; text-decoration:none; border-bottom:1px dotted #357ec4}
#block a:hover,  #block a:active{color:#f8d104; border-bottom:1px solid}

a.extLink:link, a.extLink:visited{color:#357ec4; text-decoration:none; border-bottom:1px dotted}
a.extLink:hover, a.extLink:active{color:#f8d104; border-bottom:1px solid}

a.contact:link, a.contact:visited{color:#357ec4; text-decoration:none; border-bottom:1px dotted; padding:0; margin:0}
a.contact:hover, a.contact:active{color:#f8d104; border-bottom:1px solid}
#subContent p{margin-bottom:7px}

.pdf{
	background:url(images/pdf.jpg) 0 center no-repeat;
	padding:7px 0 7px 35px;
	margin-left:76px;
}

/* =Lists
---------------------------------------*/
#nav ul {height:73px; padding: 0; margin: 0; list-style: none; margin:0 0 0 47px}
#nav ul li {padding: 0; margin: 0; display:block; float:left}
#nav li a{height:73px; display:block; float:left}
#nav li a:link#home, #nav li a:visited#home{background:url(images/home.jpg) top left no-repeat; height:73px; width:88px; padding:0; margin:0}
#nav li a:hover#home, #nav li a:active#home{background:url(images/home.jpg) top right no-repeat}
#nav li a:link#about, #nav li a:visited#about{background:url(images/about.jpg) top left no-repeat; height:73px; width:84px; padding:0; margin:0}
#nav li a:hover#about, #nav li a:active#about{background:url(images/about.jpg) top right no-repeat}
#nav li a:link#portfolio, #nav li a:visited#portfolio{background:url(images/portfolio.jpg) top left no-repeat; height:73px; width:110px; padding:0; margin:0}
#nav li a:hover#portfolio, #nav li a:active#portfolio{background:url(images/portfolio.jpg) top right no-repeat}
#nav li a:link#resources, #nav li a:visited#resources{background:url(images/resources.jpg) top left no-repeat; height:73px; width:110px; padding:0; margin:0}
#nav li a:hover#resources, #nav li a:active#resources{background:url(images/resources.jpg) top right no-repeat}
#nav li a:link#contact, #nav li a:visited#contact{background:url(images/contact.jpg) top left no-repeat; height:73px; width:100px; padding:0; margin:0}
#nav li a:hover#contact, #nav li a:active#contact{background:url(images/contact.jpg) top right no-repeat}
#nav li a:link#ftp, #nav li a:visited#ftp{background:url(images/ftp.jpg) top left no-repeat; height:73px; width:76px; padding:0; margin:0}
#nav li a:hover#ftp, #nav li a:active#ftp{background:url(images/ftp.jpg) top right no-repeat}


#wireframes ul{list-style-type:none; margin:0; padding:7px 0 0 0; width:918px}
#wireframes li{list-style:none; float:left; margin:0; padding:0}

#wireframes a:link#left, #wireframes a:visited#left{background:url(images/leftArrow.jpg) top left no-repeat; height:20px; width:20px; margin:0; padding:0; display:block; float:left}
#wireframes a:hover#left, #wireframes a:active#left{background:url(images/leftArrow.jpg) top right no-repeat}
#wireframes a:link#right, #wireframes a:visited#right{background:url(images/rightArrow.jpg) top right no-repeat; height:20px; width:20px; margin:0; padding:0; display:block; float:right}
#wireframes a:hover#right, #wireframes a:active#right{background:url(images/rightArrow.jpg) top left no-repeat}

#wireframes li a:link#wire1, #wireframes li a:visited#wire1{background:url(images/wire1.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 70px; display:block; border:1px solid #fff}
#wireframes li a:hover#wire1, #wireframes li a:active#wire1{border:1px dotted #b5b5b5}
#wireframes li a:link#wire2, #wireframes li a:visited#wire2{background:url(images/wire2.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:hover#wire2, #wireframes li a:active#wire2{border:1px dotted #b5b5b5}
#wireframes li a:link#wire3, #wireframes li a:visited#wire3{background:url(images/wire3.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:hover#wire3, #wireframes li a:active#wire3{border:1px dotted #b5b5b5}
#wireframes li a:link#wire4, #wireframes li a:visited#wire4{background:url(images/wire4.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:hover#wire4, #wireframes li a:active#wire4{border:1px dotted #b5b5b5}
#wireframes li a:link#wire5, #wireframes li a:visited#wire5{background:url(images/wire5.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:hover#wire5, #wireframes li a:active#wire5{border:1px dotted #b5b5b5}
#wireframes li a:link#wire6, #wireframes li a:visited#wire6{background:url(images/wire6.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:hover#wire6, #wireframes li a:active#wire6{border:1px dotted #b5b5b5}

#wireframes li a:link#wire2On, #wireframes li a:visited#wire2On{background:url(images/wire2On.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:link#wire3On, #wireframes li a:visited#wire3On{background:url(images/wire3On.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:link#wire1On, #wireframes li a:visited#wire1On{background:url(images/wire1On.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 70px; display:block; border:1px solid #fff}
#wireframes li a:link#wire4On, #wireframes li a:visited#wire4On{background:url(images/wire4On.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block;  border:1px solid #fff}
#wireframes li a:link#wire5On, #wireframes li a:visited#wire5On{background:url(images/wire5On.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}
#wireframes li a:link#wire6On, #wireframes li a:visited#wire6On{background:url(images/wire6On.jpg) top left no-repeat; height:51px; width:77px; padding:0; margin:0 0 0 60px; display:block; border:1px solid #fff}

body#home #nav li a#home{background:url(images/homeOn.jpg) top left no-repeat; height:73px; width:88px; padding:0; margin:0}
body#about #nav li a#about{background:url(images/aboutOn.jpg) top left no-repeat; height:73px; width:84px; padding:0; margin:0}
body#portfolio #nav li a#portfolio{background:url(images/portfolioOn.jpg) top left no-repeat; height:73px; width:110px; padding:0; margin:0}
body#resources #nav li a#resources{background:url(images/resourcesOn.jpg) top left no-repeat; height:73px; width:110px; padding:0; margin:0}
body#contact #nav li a#contact{background:url(images/contactOn.jpg) top left no-repeat; height:73px; width:100px; padding:0; margin:0}
body#ftp #nav li a#ftp{background:url(images/ftpOn.jpg) top left no-repeat; height:73px; width:76px; padding:0; margin:0}

#mainContent ul{list-style:circle; font-size:11px; line-height:1.6em; padding-left:80px; padding-bottom:10px}
#mainContent li{margin-left:30px}

#steps ol{font-size:11px; line-height:1.6em; padding:0 10px; margin:0}
#steps li{margin-left:25px; padding:0}

/* =Images
---------------------------------------*/
#steps img{margin:8px 0 0 4px}
#mainContent img{padding:0 0 6px 10px; float:right}

/* =Forms
---------------------------------------*/
label{margin:0; padding:0}
input{width:126px; padding:4px 5px; border:1px solid #959595; margin:0 20px 10px 0; display:block; color:#575757; font-size:11px; float:left; font-family:Arial, Helvetica, sans-serif}
input.city{width:172px}
input.company{width:172px}
input.street{width:238px}
input.state{width:175px}
input.zip{width:30px}
input.tele{width:96px}
input.name{width:156px}
input.username{width:150px}
input.password{width:150px}
input.f{width:191px; padding:0; margin-top:3px; float:left; margin-bottom:0; padding-bottom:0; padding:4px 5px}
.button{width:90px; height:24px; font-family:Arial, Helvetica, sans-serif}
.form{float:left; margin:-13px 0 0 -76px; padding:0; position:relative; z-index:9000}
form{padding:0; margin:0}
textarea{width:250px; height:82px; padding:4px 5px; border:1px solid #959595; margin:0px; display:block; color:#575757; font-size:11px; font-family:Arial, Helvetica, sans-serif}

div#form1{width:500px; float:left; padding: 6px 0 0 76px}
div#form2{width:260px; float:right}

/* =Structure
---------------------------------------*/
#clear{clear:both}
div#container{width:918px; margin:0 auto; text-align:left}
div#flash{width:918px; height:449px; background:url(images/flash.jpg) top left no-repeat}
div#content{width:918px; height:293px; background:url(images/contentBG.jpg) top left no-repeat; position:relative}
.iPod{
	height:147px;
	width:67px;
	background:url(images/ipod.jpg) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:46px;
	right:7px;
}
div#logo{width:193px; height:143px; background:url(images/logo.jpg) top left no-repeat; position:absolute; left:0; top:150px; z-index:2;}
div#nav{width:725px; height:95px; background: #url(images/navBG.jpg) top right no-repeat; position:absolute; right:0; bottom:0}
div#mainContent{width:570px; float:left}
#contact div#mainContent{width:840px; float:left}
#abc div#mainContent{width:655px; float:left}
#scrollFull div#mainContent{width:830px; float:left}
#scrollHalf div#mainContent{width:610px; float:left}
#resources div#mainContent{width:610px; float:left}
div#subContent{width:310px; float:right}
div#subContent2{width:264px; float:right}
div#wireframes{width:918px; height:113px; background:url(images/portfolioContainer.jpg) top left no-repeat}
div#trayContent{width:400px; height:48px; position:absolute; left:193px; bottom:76px; z-index:1000; margin-left:25px}
div#trayContent2{width:600px; height:52px; position:absolute; left:193px; bottom:80px; z-index:1000; margin-left:25px}
div#extension{width:600px; height:68px; position:absolute; left:180px; bottom:76px; z-index:1000; margin-left:25px}
div#extension2{width:620px; height:79px; position:absolute; left:180px; bottom:76px; z-index:1000; margin-left:25px}
div#extend{width:640px; height:56px; position:absolute; left:193px; bottom:84px; z-index:1000; margin-left:25px}
div#scroll{height:95px}
div#scrollFull{width:850px; float:left; height:144px; margin-top:8px}
div#scrollHalf{width:626px; float:left; height:144px; margin-top:8px}
div#tray1{float:left}
div#tray2{float:left; padding-left:40px}
div#steps{width:255px; float:right; background:#e8e8e8 url(images/roundBottom.jpg) bottom left no-repeat; margin:4px 10px 10px 22px; padding-bottom:5px}
div#file1, div#file2, div#file3{display:none; float:left; height:35px}
div#attach2, div#attach3{float:left}
div#block{margin:21px 0 9px 73px}
div#pop{margin:10px; text-align:left}
div#tim{background:url(images/tim.jpg) top left no-repeat; display:block; height:187px; width:206px; position:absolute; top:-50px; right:39px}
div#larry{background:url(images/larry.jpg) top left no-repeat; display:block; height:187px; width:206px; position:absolute; top:-50px; right:39px}
.portfolio6{width:81px; height:29px; background:url(images/send.jpg) top left no-repeat; border:0; padding:0; margin:0; position:absolute; top:-55px; right:207px}
.send{width:81px; height:29px; background:url(images/send.jpg) top left no-repeat; border:0; padding:0; position:absolute; top:-3px; right:45px}
.send:hover{cursor:pointer; background:url(images/send.jpg) top right no-repeat}
.login{width:93px; height:29px; background:url(images/login.jpg) top left no-repeat; border:0; padding:0; margin:4px 0 0 250px}
.login:hover{cursor:pointer; background:url(images/login.jpg) top right no-repeat}


td{padding:0 12px 1px 0}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: url(images/basebarcaps_verticalbarbody.gif) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: url(images/basebarcaps_verticalbarbody.gif) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: url(images/horizontalbarbody_cornerjog.jpg) 0px -15px no-repeat;
}
.hscrollerbar {
height: 15px;
background: url(images/horizontalbarbody_cornerjog.jpg) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.gif) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.gif) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: url(images/horizontalbarbody_cornerjog.jpg) 0px 0px;
}
.vscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.gif) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(images/basebarcaps_verticalbarbody.gif) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(images/basebarcaps_verticalbarbody.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: url(images/basebarcaps_verticalbarbody.gif) -45px -15px;
}

#subContent2 a{color:#575757}
#steps a{color:#000}

span.tool {
  position: relative;
  cursor: help;
}
 
span.tool span.tip {
  display: none;
  text-decoration:none;
}
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  bottom: 1.6em;
  right: -50px;
  width: 160px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}
span.tool2 {
  position: relative;}
 
span.tool2 span.tip {
  display: none;
  text-decoration:none;
}
 
span.tool2:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  bottom: 1.6em;
  right: -50px;
  width: 160px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}



span.tool2 span.tip2 {
  display: none;
  text-decoration:none;
}
span.tool2:hover span.tip2 {
  display: block;
  z-index: 9999999999;
  position: absolute;
  bottom: -7px;
  right: -130px;
  width: 160px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}


.MultiFile-label{
	float:left;
	border-left:1px dotted #999;
	padding:1px 2px 2px 2px;
	margin-left:4px;
	margin-bottom:3px;
	font-size:10px;
}
/*
.MultiFile-label{
	border-left:1px dotted #999;
	padding:1px 2px 2px 2px;
	margin-left:4px;
	margin-bottom:3px;
	font-size:10px;
}
*/
div.fileinputs {
	position: relative;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:96px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	padding:0;
	margin:0 0 0 -120px;
	width:225px !important;
	height:22px;
}
input.file:hover{
	cursor:hand;
	cursor:pointer;
}
span.attach{
	background:url(images/attach.jpg) bottom left no-repeat;
	height:20px;
	width:96px;
	margin:8px 20px 7px 0;
	float:left;
	z-index: 1;
}



#rotating_items{
	position: relative;
	height:30px;
	width:340px;
	z-index:99999;
}
	#rotating_items h3{
		margin: 0px;
	}
	#rotating_items div.rotating_item{
		position: absolute;
	}






.infiniteCarousel {
  width: 918px;
  height:113px;
  position: relative;
  background:url(images/portfolioContainer.jpg) top left no-repeat;
}

.infiniteCarousel .wrapper {
  width: 718px;
  height:113px;
  overflow: auto;
  margin: 0 100px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
	border:0;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

#wireframes li {
  display:block;
  float:left;
  padding: 6px 18px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li a img {
  display:block;
  border:1px solid #fff
}
.infiniteCarousel ul li a:hover img {
	border:1px dotted #b5b5b5
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 16px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
  margin-right:50px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
  margin-left:50px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}