/* CSS Document */

ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }


/* sitewide
 * ------------------------------------------------------------------------- */

body { 
	background:#fff;
	text-align:left; 
	font:13px/18px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-weight:normal !important;
	color:#3F3F3F;
	}
	
blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{ color:#000000; font-size:1.6em; font-style:italic; border-bottom:1px #3F3F3F dotted; padding-bottom:15px;font-weight:normal; }
h2	{ color: #000000; font-size:1.6em; text-transform:capitalize; margin-bottom:5px; font-style:italic; border-bottom:1px #3F3F3F dotted; padding-bottom:15px; font-weight:normal;}
h3	{ padding-top:10px; font-size:1.6em; text-transform:capitalize; font-style:italic; font-weight:normal; color:#3F3F3F;}

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#00AAE1; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#00AAE1; text-decoration:underline; outline:none;}

/* ----- classes ----- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

p.small{ font-size:10px; font-style:italic;}
	
p.middle { text-align:center; font-size:11px; color:#545454; margin-bottom: 10px; }
	
p.mar-left{ margin-left:45px !important;}
	
span.pink{ color:#EC138E;}
span.bluey{ color:#14B1E3;}

p.quote{font-style:italic;}
span.reviews{ font-style:italic; font-size:17px; color:#00AAE1;}
	
img.img-left { 
	float:left; 
	margin:0 3px 5px 0; 
	}
	
img.img-center { 
	margin-left: 120px;
	margin-bottom:10px;
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 8px 8px; 
	}

.fontfix { font-size: 13px; line-height: 18px; }
	

/* framework
 * ------------------------------------------------------------------------- */

#frame {
	background:url(../images/bg-frame.gif) repeat-y;
	width:900px;
	margin:0 auto;
	padding-bottom: 20px;
	text-align:left;
	}
	
#wrap-grey {
	background:url(../images/col-right-wrap.gif) repeat-y;
	padding-bottom: 20px;
	width:310px;
	float:left;
	}
	
#frame-white {
	background: #fff;
	width:900px;
	margin:0 auto;
	text-align:left;
	}
	
	
#sitemast {
	position:relative;
	background:url(../images/site-mast.gif);
	height:82px;
	width: 900px;
	}
	
	#sitemast p{
	padding-right:90px;
	position: absolute;
	top: 22px;
	left: 718px;
	color: #797979;
	font-size: 10px;
	line-height: 12px;
	}
	
	#sitemast-link-home a {
		width:200px; 
		height: 0;
		padding-top: 70px;
		display: block;
		overflow: hidden;
		position:absolute;
		left:47px;
		top:8px;
		}

	#sitemast-link-oos a {
		width:68px;	
		height:0;
		padding-top: 64px;
		display: block;
		overflow: hidden;
		position:absolute;
		left:627px;
		top:10px;
		}
	
	
/* ----- content-left ----- */

#content-left {
	width:580px;
	float:left;
	}
			
	#content-left p{
	padding:0 15px 20px 60px;
	}	
	
	#content-left form{
	margin:0 15px 20px 20px;
	}	
	
	
	#content-left h1, #content-left h2{
	margin:0 15px 20px 60px;
	}	

	
	#content-left ul { margin:0 25px 8px 55px;  }
		#content-left ul li { 
			background:transparent url(../images/img-list.gif) 0px -2px no-repeat;
			padding-left:25px;  /* pushes text to the right to display bg img */
			margin-bottom:12px;
			}			
			
#content-left a:link,#content-left a:visited{ font-style:italic; }
#content-left a:hover,#content-left a:active{ font-style:italic; }
	
		
/* ----- content-right ----- */

#content-right {
	width:310px;	
	margin-left: 10px;
	float:left;
	font-size: 11px;
	line-height: 15px
	}
	
	#content-right p, #content-right h3, #content-right h2{
		padding:0 75px 15px 40px;
		}
		
	#content-right ul{
		padding:0 70px 15px 30px;
		text-align:center;
		}
		
			
	#content-right form { padding-left:43px; }
	
		#content-right ul li { 
		list-style:none;
		margin-bottom:8px;
		}
		
#content-right-top{background:url(../images/col-right-top.gif) no-repeat; height:16px; margin:0;}
		
#content-right a:link,#content-right a:visited{ font-style:italic; }
#content-right a:hover,#content-right a:active{ font-style:italic;}

/* ----- bottom-frame ----- */
 
#bottom-frame {
	height: .01em;	
	clear:both;
	width:100%; /* fix for Safar */
	}
	
 
#bottom-frame-white {
	height: .01em;
	clear:both;
	width:100%; /* fix for Safar */
	}
	

/* ----- banner ----- */

#banner p{font:40px/43px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;font-style:italic; padding: 30px 420px 0 60px;}
body#index #banner {background:url(../images/banner.jpg) no-repeat; height:281px; margin-bottom:-15px;}
body#design #banner {background:url(../images/banner-design.jpg) no-repeat;  height:267px; margin-bottom:-15px;}
body#solutions #banner {background:url(../images/banner-solutions.jpg) no-repeat;  height:267px; margin-bottom:-15px;}
body#internet-communication #banner {background:url(../images/banner-internet.jpg) no-repeat;  height:267px; margin-bottom:-15px;}
body#about #banner {background:url(../images/banner-about.jpg) no-repeat; height:263px; margin-bottom:-15px;}
body#error #banner {background:url(../images/banner-error.jpg) no-repeat; height:263px;margin-bottom:-15px;}
body#contact #banner {background:url(../images/banner-contact.jpg) no-repeat; height:254px; margin-bottom:-15px;}
body#thankyou #banner {background:url(../images/banner-thankyou.jpg) no-repeat; height:263px; margin-bottom:-15px;}
body#case-studies #banner {background:url(../images/banner-case-studies.gif) no-repeat; height:325px; margin-bottom:-170px;}
body#fufillment #banner {background:url(../images/banner-fufillment.jpg) no-repeat; height:270px; margin-bottom:-15px;}
body#thinking #banner {background:url(../images/banner-thinking.jpg); height:267px; margin-bottom:-15px;}
body#marketing #banner {background:url(../images/banner-marketing.jpg) no-repeat;  height:290px; margin-bottom:-15px;}
body#go-green #banner {background:url(../images/banner-go-green.jpg) no-repeat;  height:355px; margin-bottom:-75px;}
body#testimonials #banner {background:url(../images/banner-testimonials.jpg) no-repeat;  height:267px; margin-bottom:-15px;}
body#manage #banner {background:url(../images/banner-manage.jpg) no-repeat;  height:275px; margin-bottom:-5px;}
body#services #banner {background:url(../images/banner-services.jpg) no-repeat;  height:300px; margin-bottom:-15px;}
body#print #banner {background:url(../images/banner-print.jpg) no-repeat; height:260px; margin-bottom: -15px;}
body#oos #banner {background:url(../images/banner-oos.jpg) no-repeat; height:271px; margin-bottom:-5px;}
body#strategize #banner {background:url(../images/banner-strategize.jpg) no-repeat; height:267px; margin-bottom:-15px}


	

/* ----- feature-pictures ----- */

#feature{ width: 530px; margin-left:60px; margin-bottom:25px; margin-top:15px;}
#feature p  { padding: 4px !important }
.fontfix p { padding: 14px 20px 14px 20px !important }
#left-feature{ float:left; width:255px; margin-right: 10px; }
	#left-feature p.title{ color:#000000; font-size:1.4em; text-transform:capitalize; margin-bottom:5px; font-style:italic; border-bottom:1px #3F3F3F dotted; padding-bottom:15px; font-weight:normal;}

#content-left #left-feature p{ margin:5px 0 0 0; }

#content-right p.title{ color:#000000; font-size:1.4em; text-transform:capitalize; margin-bottom:5px; font-style:italic; border-bottom:1px #3F3F3F dotted; padding-bottom:15px; padding-top:19px; font-weight:normal;}

#right-feature{ float:left; padding-left:20px; width:235px;}
	#right-feature p.title{ color:#000000; font-size:1.4em; text-transform:capitalize; margin-bottom:5px; font-style:italic; border-bottom:1px #3F3F3F dotted; padding-bottom:15px; font-weight:normal;}
	#content-left #right-feature p{ margin:5px 0 0 0;}

#img-1 { height:110px;} 
	body#index #img-1 { background:url(../images/index-img-1.jpg) no-repeat; }
	
#img-2 { height:110px;} 
	body#index #img-2 { background:url(../images/index-img-2.jpg) no-repeat; }
	
					
	/* copyright
 * ------------------------------------------------------------------------- */
 
#copyright {
	width:900px;
	margin:0 auto 10px auto;
	background:url(../images/copyright-bg.gif) no-repeat;
	height:52px;
	font-size:9px;
	line-height:13px;
	color:#999;	
	text-align: center;
	}
	
#copyright p {color:#999;}

#copyright a:link, #copyright a:visited { color:#748A8F; text-decoration:none; }

#copyright a:hover, #copyright a:active { color:#62878F; text-decoration:underline; }

#copyright ul { color:#999;}

#copyright li { padding:0 1px 0 3px; display: inline;}

#copyright ul.top {padding-top: 14px; text-transform:uppercase;}
	
	
#copyright-white {
	width:900px;
	margin:0 auto;
	background:url(../images/copyright-bg.gif) no-repeat;
	height:52px;
	font-size:9px;
	line-height:13px;
	color:#999;
	text-align: center;
	}

#copyright-white p {color:#999;}

#copyright-white a:link, #copyright-white a:visited { color:#748A8F; text-decoration:none; }

#copyright-white a:hover, #copyright-white a:active { color:#62878F; text-decoration:underline; }

#copyright-white ul { color:#999; }

#copyright-white li { padding:0 1px 0 3px; display: inline;}

#copyright-white ul.top {padding-top: 14px; text-transform:uppercase;}
	

/* Global Nav
 * ------------------------------------------------------------------------- */


#global-nav { 
	background:url(../images/global-nav.gif) no-repeat; 
	width:900px; 
	height:39px; 
	margin:0;
	padding:0; 
	text-align:center;
	}

#global-nav span { display: none; }

#global-nav li, #global-nav a { height:39px; display:block; } /* change height here also */

#global-nav li { float:left; list-style:none;  vertical-align:middle;}

#global-nav-01 { width: 34px; margin-left: 78px;}
#global-nav-02 { width: 40px;}
#global-nav-03 { width: 30px;}
#global-nav-04 { width: 111px; margin-left:57px;}
#global-nav-05 { width: 124px; }
#global-nav-06 { width: 118px;}
#global-nav-07 { width: 110px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#global-nav-01 a:hover { background:url(../images/global-nav.gif)  -78px -39px no-repeat; }
#global-nav-02 a:hover { background:url(../images/global-nav.gif) -112px -39px no-repeat; }
#global-nav-03 a:hover { background:url(../images/global-nav.gif) -152px -39px no-repeat; }
#global-nav-04 a:hover { background:url(../images/global-nav.gif) -239px -39px no-repeat; }
#global-nav-05 a:hover { background:url(../images/global-nav.gif) -350px -39px no-repeat; }
#global-nav-06 a:hover { background:url(../images/global-nav.gif) -474px -39px no-repeat; }
#global-nav-07 a:hover { background:url(../images/global-nav.gif) -592px -39px no-repeat; }

body#index #global-nav-01 a { background:url(../images/global-nav.gif) -78px -39px no-repeat; }
body#about #global-nav-02 a { background:url(../images/global-nav.gif) -112px -39px no-repeat; }
body#contact #global-nav-03 a { background:url(../images/global-nav.gif) -152px -39px no-repeat; }
body#solutions #global-nav-04 a { background:url(../images/global-nav.gif) -239px -39px no-repeat; }

body#services #global-nav-05 a,
body#go-green #global-nav-05 a,
body#manage #global-nav-05 a,
body#marketing #global-nav-05 a,
body#oos #global-nav-05 a,
body#print #global-nav-05 a,
body#design #global-nav-05 a,
body#strategize #global-nav-05 a,
body#fufillment #global-nav-05 a,
body#internet-communication #global-nav-05 a { background:url(../images/global-nav.gif) -350px -39px no-repeat; }
	
body#thinking #global-nav-06 a{ background:url(../images/global-nav.gif) -474px -39px no-repeat; }
body#case-studies #global-nav-07 { background:url(../images/global-nav.gif) -592px -39px no-repeat; }






/* Image Btn Nav
 * ------------------------------------------------------------------------- */

#sub-nav { 
	background:url(../images/sub-nav.gif) no-repeat; 
	width:900px; 
	margin:0;
	height: 23px;
	line-height: 21px;
	font-size:11px
	}

#sub-nav li, #sub-nav a { float: left }
	
#sub-nav li {
	list-style-type: none;
	padding: 0 18px 0 13px;
	height: 15px; line-height: 15px;
	margin-top: 4px;
}

#sub-nav li.place { margin-left:95px; }

#sub-nav a { padding-left: 10px; margin-left: -10px; }
#sub-nav a span { padding-right: 10px; display: block; }

#sub-nav a:hover span, #sub-nav .selected span { 
	background: url(../images/sub-nav-hover.gif) 100% 0 no-repeat; 
	padding-right: 10px
	}

#sub-nav a:link, #sub-nav a:visited	{ color:#535353; text-decoration:none; outline:none; }

#sub-nav a:hover,#sub-nav a:active, #sub-nav .selected a	{ 
	background: url(../images/sub-nav-hover.gif) 0 0 no-repeat;
	color:#fff; 
	text-decoration:none; 
	outline:none
	}


/* ----- global form elements ----- */ 

/* ----- form  ----- */ 

form {
	width:170px;
	margin:0px;
	color:#3f3f3f;
	}

form label	{ font-size:11px;}

input.radio {width: 12px;}

form br { line-height:0; height:0; }

input, textarea, select { 
	background-color:#fff !important;
	border:none;
	color:#00AAE1;
	width:165px; 
	height:18px;
	line-height:18px;	
	margin-bottom:6px; 
	padding-top:2px; 
	padding-left:4px; 
	font-size:11px;
	font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	}
	
select { width:170px; padding:0; } 

textarea { height:50px; overflow:auto;}

input.submit-image { 
	background:url(../images/btn-submit.gif);
	width:63px;
	height:63px;
	border:none;
	cursor:pointer;
	margin-left:40px;
	}