/* CSS Document */

* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height: 1.5em;}
body{background:#000;}
img {border:0; vertical-align:top}

.column {float:left;}
.clear 	{clear:both; margin-bottom: 20px;}

#main {
	margin:0 auto;
	font:normal 12px Arial, Helvetica, sans-serif;	
	line-height:14px;
	color:#999;
}
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;}

.boxlinks {
float: right;
}
.boxlinks span {
    cursor: pointer;
	color: #00BAD7;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	font-size:11px;
	width: auto;
	background-color:transparent;
} 
.boxlinks span:hover {
	color: #a7c41f;
}

.mandatory {
color: #99C743;
font:bold 11px Verdana;
}	

.notes {
font-size: 9px;
}

.signs {
font:normal 9px Verdana;
}

p {
margin: 5px 0px 10px 0px;
}


.float-left { 
float:left; 
}
.float-right { 
float:right; 
}
.float-none {
float: none;
}
.left { 
text-align: left;
}
.right { 
text-align: right;
}
.center { 
text-align: center;
}
.no-display {
display: none;
}
ul.itemlist {
margin-left:0px;
padding-left:0px; 
width: 100%;
margin-bottom: 10px;
}
ul.itemlist li {
padding-left: 0px;
margin-left: 15px;
text-indent: 0px;
list-style-image: url(images/bullet1.gif);
margin-bottom: 8px;
}

.boxes { 
position:absolute; 
left:0px; 
top:0px; 
width:100%; 
visibility: hidden;
}


ul.folio {
margin:10px auto 10px auto;
padding:0px; 
width: auto;
height: 630px;
list-style:none;
list-style-image:none;
float: right;
}
ul.folio li {
padding: 0px;
margin: 0px 6px 15px 6px;
text-indent: 0px;
float: left;
width: 75px;
height: 110px;
text-align: center;
font-size: 9px;
color:#95B500;
}

ul.clients {
list-style:none;
list-style-image:none;
width: 100%;
margin-bottom: 10px;
}
ul.clients li {
	line-height:150%;
	margin-top:1px;
	cursor:default;
	text-indent:20px;
	font-weight:bold;
background: url(media/listexpander/linklist1.gif) no-repeat 0px 5px;
float: left;
width: 235px;
margin-bottom: 15px;
overflow: hidden;
}
ul.clients li a {
text-decoration: none;
}

/*††††††††††††††††††††††††††--^^^^--††††††††††††††††††††††††††††††*/
#first_layer {background: #000000 url(images/header_bgbgbg.jpg) top center repeat-y; padding:0px 0px 0px 0px;}
#sec_layer {background: url(images/header_bgbg.jpg) top center repeat-x;}
#third_layer {background: url(images/header_bg.jpg) top center no-repeat;}

#header {height:208px}
.logo	{margin:57px 0px 0px 84px;}
.ht1 	{margin:36px 0px 0px 110px;}

#form1 {height:75px; color:#333}
#form1 .space {padding:23px 0px 0px 42px; line-height:19px}

.col_1 {width:100px;}
.col_2 {width:165px;}
.col_2 textarea {width:142px; height:31px; border:1px solid #798494; overflow:auto}
.col_3 {width:62px; float:left}
.col_4 {width:48px;}
.col_5 {width:70px;}
.col_6 {width:325px;}
.c1 {width:187px}
.c1 .space {padding:0px 28px 0px 0px !important;}
.c2 {width:230px;}
.c3 {width:360px}
.c3 .col_1 {width:94px}
.c3 .col_2 {width:266px}
.c4 {width:307px}
.c4 .col_1 {width:94px}
.c4 .col_2 {width:266px}
.c5 {width:237px; padding:8px 0px 5px 0px;}
.c6 {width:120px; padding:8px 0px 5px 0px;}

.c10 {width:65px; padding:3px 0px 6px 0px; font:bold 11px Arial;}
.c11 {width:325px}
.c12 {width:78px}
.c13 {width:345px}
.c14 {width:61px}
.c15 {width:262px}
.c16 {width:202px}
.c17 {width:196px}
.c19 {width:212px}
.c18 {width:94px; padding:2px 0px 0px 0px;}
.c20 {width:100px; padding:2px 0px 0px 0px;}
.c21 {width:206px}
.c22 {width:707px}
.c23 {width:450px; position: relative; padding-bottom: 20px;}

#content {padding:45px 29px 27px 29px;}
#content .col_1 {width:96px}
#content .col_2 {width:360px}

.gl {background:url(images/l.jpg) bottom repeat-x}
.vl {background:url(images/l.jpg) top right repeat-y}

.block {
	width:67px;
	height:21px;
	margin:0px 2px 2px 0px;
	background:#E0F5FF;
	line-height:16px;
	color:#858585;
}
.block_2 {
	margin:5px 0px 15px 0px;
	background:none;
	color:#858585;
}
.block_3 {
	background:#A0E1FF;
	padding:3px 0px 4px 6px;
	margin:0px 4px 2px 0px;
	font:bold 12px Arial;
	color:#858585;
}

.b {width:136px}
.b2 {width:130px}
.b .sp {padding:2px 0px 0px 7px; font:normal 11px Arial}
.b2 .sp {padding:2px 0px 0px 49px; font:normal 11px Arial}
.block_2 .space {padding:12px 0px 9px 7px;}
.input1 {width:177px; height:17px; margin:0px 3px 0px 5px;}

/*----------------------------------*/
a {color:#00BAD7; font:normal 12px Arial}
a:hover {text-decoration:none; color:#a7c41f;} 
b {color:#00BAD7; font: bold 12px Arial;}
h1 {font:bold 16px Arial; color:#68A675; margin-bottom: 5px;}
h2 {font:bold 14px Arial; color:#006C3E; margin-bottom: 15px; margin-top:15px;}
h3 {font:bold 12px Arial; color:#346F6D; margin-bottom: 10px; margin-top:15px;}

.t {color:#858585}
.t2 {color:#858585; font:normal 11px Arial; line-height:13px}

/*
li {
	list-style:none;
	line-height:12px;
	margin:0px 0px 3px 0px;
}
li a {
	color:#00BAD7;
	font:normal 12px Arial;
}
*/

.list_1 li a {
	color:#95B500;
}
.link_1 {background:url(images/bullet1.gif) 0 0 no-repeat; color:#00BAD7; font: bold 12px Arial; padding:0px 0px 0px 7px;}
.m {background:url(images/bullet2.gif) 0 0 no-repeat; padding:0px 0px 0px 11px;}
.m2 {background:url(images/bullet3.gif) 0 0 no-repeat; padding:0px 0px 0px 10px;}
.input input {
	width:274px;
	color:#383838;
}
.in_1 input {
	width:196px;
	height:16px;
	margin:0px 4px 4px 0px;
}
.in_1 select {
	width:65px;
	height:16px;
	border:1px solid #858585;
	font:normal 11px Tahoma;
	margin:-1px 0px 0px 0px;
	color:#858585;
}
.in_2 {padding:14px 0px 0px 6px;}
.in_2 input, select{
	width:212px;
	height:16px;
	font:normal 11px Tahoma;
	margin:0px 0px 5px 0px;
}
.in_2 .m3 {width:67px}

.in_3 input{
	width:146px;
	height:16px;
	font:normal 11px Tahoma;
	margin:0px 4px 0px 0px;
}
.in_3 {margin:5px 0px 0px 0px;}
.in_4 {width:115px}
.in_5 input{
	width:155px;
	height:16px;
	font:normal 11px Tahoma;
	margin:0px 4px 0px 0px;
}
.in_5 select {width:68px}
.in_5 textarea {height:77px; width:155px; border:1px solid #858585;}
.in_6 {padding:4px 0px 0px 0px;}
.in_6 input {width:193px; height:17px;}
.in_6 textarea {width:194px; height:126px; border:1px solid #C2C2C2; margin:0px 0px 6px 0px; overflow:auto}
.eq2 {height:41px}
.sel_1 {width:67px; margin:2px 0px 0px 0px;}
.sp1 {padding:0px 0px 0px 7px; }
.sp2 {padding:17px 0px 0px 0px; }
select {color:#858585}
.ta {
	width:320px;
	height:133px;
	color:#383838;
	margin:0px 0px 8px 0px;
	font:normal 10px Tahoma;
}
.eq {height:25px}

#footer {
text-align: center;
	width:100%;
	height: 150px;
	margin:0 auto;
	font:normal 9px Arial;
	padding:0px 0px 0px 0px; 
	color:#666; 
	text-transform:uppercase;
	background: url(images/footer_bg.jpg) top center no-repeat;
}
#footer .links{margin: 0px 0px 20px 0px;}
#footer .links a{color:#666; font:normal 9px Arial; text-transform: uppercase; margin: 0px 10px;}
#footer a{color:#666; font:normal 9px Arial; text-transform: uppercase; text-decoration: underline;}
#footer .space {padding:60px 0px 30px 0px;}

/*®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®*/
.st {width:1px; height:410px}
.page0 .title {margin:0px 0px 8px 0px;}
.page0 .title2 {margin:0px 0px 11px 0px;}
.page0 .st1 {margin:0px 0px 30px 0px;}
.page0 .st2 {margin:25px 0px 25px 0px; line-height:9px}

.page1 .title {margin:0px 0px 9px 0px;}
.page1 .title2 {margin:0px 0px 8px 0px;}
.page1 .st1 {margin:0px 0px 30px 0px;}
.page1 .st2 {margin:0px 0px 13px 0px; line-height:9px}

.page2 .title {margin:0px 0px 9px 0px;}
.page2 .st1 {margin:0px 0px 0px 21px;}

.page3 .title {margin:0px 0px 8px 0px;}
.page3 .title2 {margin:0px 0px 11px 0px;}
.page3 .st1 {margin:0px 0px 30px 0px;}
.page3 .st2 {margin:8px 0px 30px 0px; line-height:9px}

.page3 .column_2 .c1 {width:126px; font:normal 11px Tahoma}
.page3 .column_2 .c1 .sp {padding:3px 0px 0px 8px;}
.page3 .column_2 .c2 {width:67px; font:normal 11px Tahoma}
.page3 .column_2 .c2 .sp {padding:3px 0px 0px 23px;}

.page4 .title {margin:0px 0px 8px 0px;}
.page4 .title2 {margin:0px 0px 6px 0px;}
.page4 .title3 {margin:0px 0px 11px 0px;}
.page4 .st1 {margin:0px 0px 30px 0px;}
.page4 .st2 {margin:0px 0px 30px 0px; line-height:3px}

.page5 .title {margin:0px 0px 8px 0px;}
.page5 .title2 {margin:0px 0px 6px 0px;}
.page5 .title3 {margin:0px 0px 11px 0px;}
.page5 .st1 {margin:0px 0px 30px 0px;}
.page5 .st2 {margin:0px 0px 30px 0px; line-height:3px}

.page6 .title {margin:0px 0px 8px 0px;}
.page6 .title2 {margin:0px 0px 11px 0px;}
.page6 .st2 {margin:3px 0px 30px 0px; line-height:14px}
.page6 .st1 {margin:3px 0px 25px 0px; line-height:14px}

.page7 .title {margin:0px 0px 8px 0px;}
.page7 .title2 {margin:0px 0px 14px 0px;}
.page7 .st2 {margin:26px 0px 30px 0px; line-height:14px}

.page8 .title {margin:0px 0px 8px 0px;}


.off {
background: none;
}

.on {
background: #111;
}

ul.folioset {
margin-left:0;
padding-left:0; 
list-style: none;
list-style-image: none; 
}

ul.folioset li {
margin:5px; 
padding:5px;
width: 207px;
height: 72px;
float: left;
display: inline;
border: 1px solid #222;
}

ul.folioset li div {
margin:0px; 
padding:0px;
width: 197px;
height: 72px;
}

ul.folioset li div a {
font-weight: bold;
text-decoration: none;
margin:0px; 
padding:0px;
display: block;
width: 137px;
height: 72px;
margin-left: 55px;
background: fc0;
}

ul.folioset li div#commercialwriting {
background: url(portfolio/technicalwriting/commercial/BodyPower/2004-7-c-s.jpg) 0px 0px no-repeat;
}

ul.folioset li div#tradewriting {
background: url(portfolio/technicalwriting/trade/foodingredientshealthandnutrition/2007-5-c-s.jpg) 0px 0px no-repeat;
}

ul.folioset li div#medicalwriting {
background: url(portfolio/technicalwriting/medical/2005-1-s.jpg) 0px 0px no-repeat;
}

ul.folioset li div a span {
display: block;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
}

.news {
text-align: justify;
}

.hp_news {
display: block;
text-align: right;
}

.allnews {
display: block;
padding-left: 50px;
background: url(images/news.gif) no-repeat 0 0;
vertical-align: text-bottom;
height: 56px;
}

.allnews span {
position: relative;
top: 18px;
}

a.allnews:hover {
text-decoration: none;
}

blockquote {
padding: 2px;
font-style: oblique;
quotes: "\201C" "\201D";
word-spacing: 1px;
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

em.date {
display: block; 
text-align: right;
margin-bottom: 20px;
}

.disclaimer {
background: #111; 
padding: 5px; 
text-align: justify; 
position:relative; 
top: -50px; 
z-index:100; 
width: 100%; 
line-height: normal;
}

.othernotes {
background: #111; 
padding: 5px; 
text-align: justify; 
}