/* CSS Document  Plan A Public Relations & Marketing Inc */
body {text-align:center; margin:0 auto; padding:0px; font-family:Verdana; background:url(../images/body_bg.jpg) repeat-x top; background-color:#3B3B3B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; line-height:14px;}
a:link{color:#8FC440;}

#main-container{ width:794px; margin:0px auto; background:url(../images/main-container_bg.jpg) repeat-y top; clear: both;}
#top_shadow { background:url(../images/top_shadow.jpg) no-repeat bottom; width:794px; margin:50px auto 0px auto; height:15px; background-color:#99CC00;}

#bottom_shadow { background:url(../images/bottom_shadow.jpg); background-repeat:no-repeat; background-position:top; width:794px; margin:0 auto;  padding:0px auto; height:15px;}

#container
{width:794px; margin:0px auto; display:table; text-align:left; background:url(../images/main-container_bg.jpg) repeat-y top; }

/*header*/
#header { width:794px; height:190px; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-position:bottom center;}
#header img{ margin:30px 50px 0px 30px; width:131px; height:140px; float:left;}

.about-pict{ float:right; width:230px; height:157px; margin:30px 30px 0px 0px; background:url(../images/about_head_img.jpg) no-repeat right bottom;}
.contact-pict{ float:right; width:306px; height:160px; margin:28px 29px 0px 0px; background:url(../images/contact_head_img.jpg) no-repeat right bottom;}
.exp-pict{ float:right; width:265px; height:161px; margin:28px 29px 0px 0px; background:url(../images/exp_head_img.jpg) no-repeat right bottom;}
.client-pict{ float:right; width:440px; height:161px; margin:28px 29px 0px 0px; background:url(../images/client_head_img.jpg) no-repeat right bottom;}
.team-pict{ float:right; width:336px; height:160px; margin:29px 29px 0px 0px; background:url(../images/team_head_img.jpg) no-repeat right bottom;}

#header p{padding:50px 0px 0px 70px; font-size:30px; float:left; font-family:Arial, Helvetica, sans-serif; color:#999999; font-weight:bold; line-height:35px;}
#header p span {color:#C5E2A0;}
#top-head{width:794px; height:223px; float:left;}

/*menu*/
#menu { width:794px; height:33px; background-image:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position:top center; text-align:left; font-size:12px; font-weight:bold; margin:0px; float:left;}
#menu ul { display:inline; list-style:none; float:left; padding:1px 3px 0px 32px; margin:0px; color:#363C30;}
#menu li, #menu li a{ list-style:none; float:left; padding:2px 3px 0px 4px; margin:0px;  text-decoration:none; color:#363C30; text-align:center;}
.home a{background:url(../images/home_but.jpg) no-repeat bottom; height:29px; width:76px; }
.home a:hover{background:url(../images/home_but_a.jpg) no-repeat bottom; height:29px; width:76px; }

.activ a{background:url(../images/home_but_active.jpg) no-repeat bottom; height:29px; width:76px; }
.activ a span { visibility: hidden;}
.active-ab a{background:url(../images/about_but_active.jpg) no-repeat bottom; height:29px; width:83px; }
.active-ab a span { visibility: hidden;}
.active-exp a{background:url(../images/exp_but_active.jpg) no-repeat bottom; height:29px; width:95px; }
.active-exp a span { visibility: hidden;}
.active-client a{background:url(../images/client_but_active.jpg) no-repeat bottom; height:29px; width:95px; }
.active-client a span { visibility: hidden;}
.active-team a{background:url(../images/team_but_active.jpg) no-repeat bottom; height:29px; width:82px; }
.active-team a span { visibility: hidden;}
.active-work a{background:url(../images/work_but_active.jpg) no-repeat bottom; height:29px; width:86px; }
.active-work a span { visibility: hidden;}
.active-contact a{background:url(../images/contact_but_active.jpg) no-repeat bottom; height:29px; width:98px; }
.active-contact a span { visibility: hidden;}


.home a span { visibility: hidden;}
.about a{background:url(../images/about_but.jpg) no-repeat bottom; height:29px; width:83px;}
.about a:hover{background:url(../images/about_but_a.jpg) no-repeat bottom; height:29px; width:83px;}
.about a span { visibility: hidden;}
.experience a{background:url(../images/exp_but.jpg) no-repeat bottom; height:29px; width:95px;}
.experience a:hover{background:url(../images/exp_but_a.jpg) no-repeat bottom; height:29px; width:95px;}
.experience a span { visibility: hidden;}
.client a{background:url(../images/client_but.jpg) no-repeat bottom; height:29px; width:95px;}
.client a:hover{background:url(../images/client_but_a.jpg) no-repeat bottom; height:29px; width:95px;}
.client a span { visibility: hidden;}
.team a{background:url(../images/team_but.jpg) no-repeat bottom; height:29px; width:82px;}
.team a:hover{background:url(../images/team_but_a.jpg) no-repeat bottom; height:29px; width:82px;}
.team a span { visibility: hidden;}
.work a{background:url(../images/work_but.jpg) no-repeat bottom; height:29px; width:86px;}
.work a:hover{background:url(../images/work_but_a.jpg) no-repeat bottom; height:29px; width:86px;}
.work a span { visibility: hidden;}
.contact a{background:url(../images/contact_but.jpg) no-repeat bottom; height:29px; width:98px;}
.contact a:hover{background:url(../images/contact_but_a.jpg) no-repeat bottom; height:29px; width:98px;}
.contact a span { visibility: hidden;}

/*content part*/
#body-content{width:794px; background:url(../images/contentpart_bg.jpg)  no-repeat center top; float:left; text-align:left; min-height:100%; }
#body-content h1{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:35px 0px 0px 45px; margin-bottom:0px; width:335px;  }

#maincontent{width:360px; margin-left:30px; float:left; }

/* text part */

#text-top-long1 {width:721px; height:19px; background:url(../images/longest-text_top1.jpg) top left no-repeat; float:left;}
#text-bottom-long1 {width:721px; height:19px; background:url(../images/longest-text_bottom1.jpg) top left no-repeat; float:left;}
#text-long1 {width:720px;  background:url(../images/text_left.jpg) top right repeat-y; float:left; }
#text-long1 span h5{width:700px; margin-left:10px; text-align:justify; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px;}

#work-top-long1 {width:721px; height:19px; background:url(../images/longest-text_top1.jpg) top left no-repeat; float:left;}
#work-bottom-long1 {width:721px; height:19px; background:url(../images/longest-text_bottom1.jpg) top left no-repeat; float:left;}
#work-long1 {

	width:720px;  
	background:url(../images/text_left.jpg) top right repeat-y; 
	float:left; }
	
.left-col{
	float:left;
	width:160px;
	margin-left:10px;
	display:inline;
	text-align:left;
	
}

.left-col a:link{
	color:#FFF;
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	
}

.left-col a:visited{
	color:#FFF;
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	
}
.left-col a:hover{
	color:#FFF;
	font-size: 11px;
	text-decoration: underline;
	padding-left: 10px;
	
}

.right-col{

	float:left;
	width:520px;
	padding-left:10px;
	display:inline;
	text-align:left;
	
}

.right-col .top{
	height:30px;
	background:url('../images/bg/work-bg-top.png') no-repeat;
	margin-bottom: -12px;
	
}

.right-col .middle{
	background:url('../images/bg/work-bg-mid.png') repeat-y;
	margin-bottom: -10px;

}

.right-col li {
	display:inline;
}

.right-col li a {
	display:block;
	float:left;
	margin:5px 5px 5px !important;
	margin:5px 5px 5px;
}

.right-col li a img {
	border:0px solid #201107;
}

.right-col .middle a:link{
	color:#8FC440;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	
}

.right-col .middle a:visited{
	color:#8FC440;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	
}

.right-col .middle a:hover{
	color:#8FC440;
	font-size: 12px;
	text-decoration: underline;
	padding-left: 10px;
	
}

.right-col .middle p{
	color:#333;
	font-size: 11px;
	line-height: 1;
	padding-left: 30px;
	
}

.right-col a:link{
	color:#a5c281;
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	
}

.right-col a:visited{
	color:#a5c281;
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	
}
.right-col a:hover{
	color:#a5c281;
	font-size: 11px;
	text-decoration: underline;
	padding-left: 10px;
	
}

.right-col .middle-line{
	background:url('../images/bg/work-bg-mid-line.png') repeat-y;
	margin-bottom: -10px;

}

.right-col .middle-line p{
	color:#333;
	font-size: 10px;
	line-height: 1.5;
	padding-left: 30px;
	
}

.right-col .middle-line p.title{
	color:#333;
	font-size: 10px;
	line-height: 1.5;
	padding-left: 30px;
	text-decoration: underline;
	
}

.right-col .middle-line p.click{
	color:#666666;
	font-size: 10px;
	font-style: italic;
	line-height: 1.5;
	padding-left: 30px;
	
}
	
.right-col .bottom{
	height:40px;
	background:url('../images/bg/work-bg-bot.png') no-repeat;
	margin-top: 0px;
}

.right-col .bottom img{
	padding-top: 10px;
	padding-left: 10px;
}

/* Links */

.port2nd a:link{
	color:#8FC440;
	font-size: 9px;
	text-decoration: none;
	padding-left: 25px;
	
}
.port2nd a:hover{
	color:#8FC440;
	font-size: 9px;
	text-decoration: underline;
	padding-left: 25px;
	
}
.port2nd a:visited{
	color:#8FC440;
	font-size: 9px;
	text-decoration: none;
	padding-left: 25px;
	
}

.pr a:link{
	color:#a5c281;
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	
}

/* End Link */
	
#work-long1 span h5{width:700px; margin-left:10px; text-align:justify; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px;}

#text-top-long {width:581px; height:19px; background:url(../images/longest-text_top.jpg) top left no-repeat; float:left;}
#text-bottom-long {width:581px; height:19px; background:url(../images/longest-text_bottom.jpg) top left no-repeat; float:left;}
#text-long {width:580px;  background:url(../images/text_left.jpg) top right repeat-y; float:left; background-color:#5F6062;}
#text-long span h5{width:550px; margin-left:10px; text-align:justify; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px;}

#text-top-common {width:480px; height:19px; background:url(../images/common-text_top.jpg) top left no-repeat; float:left;}
#text-top {width:356px; height:19px; background:url(../images/text_top.jpg) top left no-repeat; float:left;}
#text {width:356px;  background:url(../images/text_left.jpg) top right repeat-y; float:left; background-color:#5F6062;}
#text-contact{width:356px;  background:url(../images/text_left.jpg) top right repeat-y; float:left; background-color:#5F6062; }
#text-common {width:480px;  background:url(../images/text_left.jpg) top right repeat-y; float:left; background-color:#5F6062;}
#text span h5{width:330px; margin-left:10px; text-align:justify; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px;}
#text-common span h5{width:450px; margin-left:10px; text-align:justify; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px;}
#text-contact span h5{width:356px; margin-left:10px; text-align:justify; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px; font-size:14px;}
#text-bottom {width:356px; height:19px; background:url(../images/text_bottom.jpg) top left no-repeat; float:left;}
#text-bottom-common {width:480px; height:19px; background:url(../images/common-text_bottom.jpg) top left no-repeat; float:left;}

#left{ width:360px; float:left; margin-top:0px; padding:0px; font:"Arial Narrow", Arial; font-size:30px;}
#left h1{font-size:30px; line-height:30px; }
#left-common{ width:480px; float:left;}
#left-common h1{ font-size:30px; line-height:30px;}

#right{ width:360px; float:right; margin-right:40px; margin-top:80px;}
#right img{margin:5px 5px 20px 5px; }

#footer { width:794px; height:55px; background-image:url(../images/footer_bg.jpg); background-repeat:no-repeat; background-position:top center; margin:0px auto; text-align:center; padding-top:20px;}


#list-items {width:700px;}
#list-items ul {width: 700px; display:inline; list-style:none;}
#list-items ul li{width:232px; float:left; margin-left:0px;}
#list-items ul li ul li{width:215px; float:left; margin-left:5px; letter-spacing:-1px;}

#team-items {width:705px;}
#team-items ul {width: 690px; list-style:none; margin-left:0px; padding-left:0px;}
#team-items ul li{width:690px; float:left; margin-left:0px; padding-left:0px;}
#team-items img{float:left; margin:12px 6px 14px 0px;}
#team-items h3{color:#8FC440; font-weight:bold; font-size:12px; line-height:11px;}


.green-text {color:#8FC440; font-weight:bold;}


#home-box{list-style:none; width:360px; float:right; margin-right:40px; margin-top:80px;}
.home-box1{background:url(../images/picture-1.jpg) no-repeat top left; display:inline; width:108px; height:84px;}
.home-box1 a:hover{ background:url(../images/picture-1a.jpg) no-repeat top left;}
.home-box1 li, .home-box1 li a{width:108px; height:84px;}

.picture1, a.picture1 {width:108px; margin-top:20px; margin-right:8px; height:84px; background:url(../images/picture-1.jpg) no-repeat top; float:left; display:block;}
a.picture1:hover {width:108px; height:84px; background:url(../images/picture-1a.jpg) no-repeat top; float:left;}

.picture2, a.picture2 {width:108px; margin-top:20px; margin-right:8px; height:84px; background:url(../images/picture-2.jpg) no-repeat top; float:left; display:block;}
a.picture2:hover {width:108px; height:84px; background:url(../images/picture-2a.jpg) no-repeat top; float:left;}

.picture3, a.picture3 {width:108px; margin-top:20px; height:84px; background:url(../images/picture-3.jpg) no-repeat top; float:left; display:block;}
a.picture3:hover {width:108px; height:84px; background:url(../images/picture-3a.jpg) no-repeat top; float:left;}

.picture4, a.picture4 {width:108px; margin-top:20px; margin-right:8px; height:84px; background:url(../images/picture-4.jpg) no-repeat top; float:left; display:block;}
a.picture4:hover {width:108px; margin-top:20px; height:84px; background:url(../images/picture-4a.jpg) no-repeat top; float:left;}

.picture5, a.picture5 {width:108px; margin-top:20px; margin-right:8px; height:84px; background:url(../images/picture-5.jpg) no-repeat top; float:left; display:block;}
a.picture5:hover {width:108px; height:84px; background:url(../images/picture-5a.jpg) no-repeat top; float:left;}

.picture6, a.picture6 {width:108px; margin-top:20px; height:84px; background:url(../images/picture-6.jpg) no-repeat top; float:left; display:block;}
a.picture6:hover {width:108px; height:84px; background:url(../images/picture-6a.jpg) no-repeat top; float:left;}

/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }