@charset "utf-8";
/* CSS Document */

html,
body {
	margin:0;
	padding:0;
	height:100%;
	background:#fff;
	font: normal 11px verdana, helvetica, sans-serif;
	color: #636363;
}
.topheightmiddle{height:83px;}
.topheight{height:105px;}
* { margin: 0; padding: 0 }

.addthis_toolbox .custom_images a
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
	border:none;
}
input, option, textarea
{
font: normal 11px Verdana, Helvetica, sans-serif;
padding:3px;
}
select
{
font: normal 11px Verdana, Helvetica, sans-serif;}
/* ======================================== PRINT PAGE =========================================== */
.showlink
{
width:80%;
min-width:600px;
border-top:solid 1px #d4d4d4;
padding:15px 0px;
font:normal 11px Verdana, Helvetica, sans-serif;
color:#666666;
}
.contact_details
{
color:#666666;
padding:8px 0px 24px 0px;
font:normal 11px Verdana, Helvetica, sans-serif;
line-height:17px;
}
/* ======================================== CONTAINER =========================================== */
#containerwrap {
	min-height:100%;
	position:relative;
}
/* ======================================== BODY =========================================== */
#body {	
	padding-bottom:245px;	/* Height of the footer */
}
.empty
{
height:0px;
}
.searchspace
{
height:22px;
}

/* ======================================== HEADER =========================================== */
#header {
	background: #433c3c url("../images/bg.gif") repeat-x;
	margin:0;
	height: 28px;
	padding:0;
	width:100%;
	/*min-width:935px;*/
	min-width:1050px;
}
#header .wrap {
	background: #433c3c url("../images/bg.gif") repeat-x;
	margin:0;
	min-width:935px;
	height: 28px;
	padding:0;
}
#header h1 {
	background: url("../images/pts.gif") 10px 0px no-repeat;
	height: 17px;
	margin:0;
	float: left;
	width: 150px;
	position: absolute;
	top:2px;
}
#header h1 a {
	background: url("../images/pts.gif") 10px 0px no-repeat;
	height: 17px;
	margin:0;
	float: left;
	width: 150px;
	position: absolute;
	top:2px;
}
/* ========================================SEARCH =========================================== */
#search {
	float:right;
        text-align:right;
	padding-top:4px;
	/*margin-top:-1px;
	height:18px;*/
	width: 190px;
}
#search .inputtext
{
color: #645d5d;
font-size: 11px;
vertical-align:72%;
background-color:#e9e9e9;
/*height:15px;*/
padding:2px;
/*margin-right:2px;*/
width:150px;
border:1px none #e9e9e9;
}
#searchbutton .inputpic
{
float:right;
padding:0 10px 5px 4px;
}
/* ClearFix */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {display: block;}
.clear {display: inline-table;}
.clear {height: 1%;}

/* ======================================== CONTENT =========================================== */
#container {
	width: 100%;
	background: url(../images/pts_bg.gif) bottom right no-repeat;
	position: relative;
}

/* =======================PANEL 1 =========================== */
#panel {
	float:left;
	width: 75%;
	min-width:935px;
	margin:0;
	padding: 23px 0 50px 0;
}

#panel1 {
	float: right;
	width: 15%;
	max-width:180px;	
	padding-right:50px;
	display:block;
}
#panel1 p{
	margin:0;
	padding:11px 0 11px 0;
}
#panel1 h5 {
	background:url("../images/pts_logo.gif") no-repeat;
	float: right;
	width:64px;
	height:60px;
	padding:0;
	margin:0;
}
#panel1 h5 a{
	background:url("../images/pts_logo.gif") no-repeat;
	float: right;
	width:64px;
	height:60px;
	padding:0;
	margin:0;
}
#panel1 .subnav
{
color:#272727;
padding-bottom:15px;
display:block;
text-align:right;
clear:both;
}
#panel1 .subnav a{
color:#272727;
text-decoration:none;
}
#panel1 .subnav a:hover{
color:#272727;
text-decoration:underline;
}
/* =======================PANEL 2 =========================== */
#panel2 {
	float: right;
	width: 45%;
	max-width: 600px;
	padding-right:50px;
}
#panel2 .bigspace
{height:10px;}
#panel2 #breadcrumb
{
color:#a29595;
height:13px;
vertical-align:bottom;
text-transform:capitalize;
}
#panel2 #breadcrumb a{
color:#a29595;
text-decoration:none;
vertical-align:bottom;
}
#panel2 #breadcrumb a:hover{
color:#a29595;
text-decoration:underline;
vertical-align:bottom;
}
#panel2 h2/*big title*/
{
font: bold 46px Arial, Helvetica, sans-serif;
color:#3e3737;
letter-spacing:-1px;
text-transform:capitalize;
height:59px;
padding:0;
margin:0;
}
#panel2 .title h1/*big orange title*/
{
font: bold 23px Arial, Helvetica, sans-serif;
color:#ff6600;
margin:0;
padding:0;
}
#panel .empty2
{
height:8px;
background-color:#999999;
}
#panel2 .editcontent{
	color: #535353;
	line-height: 17px;
}
#panel2 .editcontent p{
	margin:0;
	padding:13px 0 13px 0;
}
#panel2 .editcontent ul{
	margin:0;
}
#panel2 .editcontent ul li{
	margin-left:35px;
	padding:5px 0 5px 0;
}

#panel2 .editcontent ol{
	margin-left:22px;
}
#panel2 .editcontent ol li{
	margin-left:22px;
	padding:5px 0 5px 0;
}
#panel2 .editcontent a
{
	color: #ff6600;
	text-decoration:none;
}
#panel2 .editcontent a:hover
{
	color: #ff6600;
	text-decoration:underline;
}
#panel2 .editcontent #searchresults{
	color: #3e3737;
	font-weight:bold;
}
#panel2 .editcontent #searchresults a
{
	color: #3e3737;
	text-decoration:underline;
}
#panel2 .editcontent #searchresults a:hover
{
	color: #3e3737;
	text-decoration:underline;
}
/*==============SITEMAP===================*/
#panel2 .editcontent h6{
	padding:0 0 3px 0;
	margin:0 0 20px 0;
	width:90%;
	color: #636363;
	font:bold 11px Verdana, Helvetica, sans-serif;
	border-bottom:1px solid #dadada;
}
#panel2 .editcontent h6 a{
	color: #636363;
	text-decoration:none;
}
#panel2 .editcontent h6 a:hover{
	color: #565656;
	text-decoration:underline;
}
#panel2 .editcontent .sitemap_column1
{
float:left;
padding:0 35px 0 60px;
width:30%;
}
#panel2 .editcontent .sitemap_column2
{
float:left;
padding:0;
width:30%;
}
#panel2 .editcontent .sitemap_column1 li{
	color: #565656;
	font-weight:normal;
}
#panel2 .editcontent .sitemap_column1 li a{
	color: #565656;
	text-decoration:none;
}
#panel2 .editcontent .sitemap_column1 li a:hover{
	color: #565656;
	text-decoration:underline;
}
#panel2 .editcontent .sitemap_column2 li {
	color: #565656;
	font-weight:normal;
}
#panel2 .editcontent .sitemap_column2 li a{
	color: #565656;
	text-decoration:none;
}
#panel2 .editcontent .sitemap_column2 li a:hover{
	color: #565656;
	text-decoration:underline;
}

#panel2 .editcontent .sitemap{
	width:100%;
	color: #565656;
	clear:both;
}
#panel2 .editcontent .sitemap ul{
	padding-bottom:20px;
	list-style-image:url(../images/bullet.gif);
}
/* ======================================== CREATIVE =========================================== */
#panel2 .editcontent .display
{
border-bottom:1px solid #dadada;
padding-bottom:28px;
padding-top:15px;
}
#panel2 .editcontent #thumb
{
padding-top:15px;
width:100%;
}
#panel2 .editcontent #thumb .indiv
{
float:left;
padding-right:2%;
}
#panel2 .editcontent #thumb .indiv img
{border:3px solid #dadada;}
#panel2 .editcontent #thumb .indiv img a
{border:3px solid #dadada;}
#panel2 .editcontent #thumb .indiv img a:hover
{border:3px solid #dadada; cursor:pointer;}

#panel2 .editcontent .view
{
padding:11px 0 29px 0;
}
#panel2 .editcontent .viewbutton
{
float:left;
padding:0;
width:155px;
}
#panel2 .editcontent .viewbutton a, a:visited
{
color:#999999;
text-decoration:none;
}
#panel2 .editcontent .viewbutton a:hover
{
color:#999999;
text-decoration:underline;
}
#panel2 .editcontent .viewbutton_selected
{
color:#535353;
width:155px;
text-decoration:none;
float:left;
}
#panel2 .editcontent .viewbutton_selected a
{
color:#565656;
text-decoration:none;
}
#panel2 .editcontent .viewbutton_selected a:hover
{
color:#565656;
text-decoration:underline;
}
#panel2 .editcontent .view_separate
{
color:#565656;
float:left;
padding: 0 25px 0 0;
}
/* ======================================== CLIENT =========================================== */
#panel2 .editcontent .client
{
border-bottom:1px solid #dadada;
padding-bottom:5px;
}
/* ======================================== TESTIMONIALS =========================================== */
#panel2 .editcontent .testimonial
{
border-bottom:1px solid #dadada;
padding-bottom:35px;
}
/* ======================================== ACHIEVEMENTS =========================================== */

#panel2 .editcontent #head
{
width:100%;
padding:13px 0 0px 0;
margin:0;
}
#panel2 .editcontent #head .year
{
margin:0;
padding-right:3%;
width:15%;
float:left;
}
#panel2 .editcontent #head .achieve
{
margin:0;
padding-right:3%;
width:38%;
float:left;
}
#panel2 .editcontent #head .show
{
margin:0;
padding-right:3%;
width:36%;
float:left;
}
#panel2 .editcontent #achieve
{
width:100%;
padding:16px 0 0 0;
margin:0;
border-bottom:1px solid #dadada;
}
#panel2 .editcontent #achieve .year
{
margin:0;
padding-right:3%;
width:15%;
float:left;
}
#panel2 .editcontent #achieve .achieve
{
margin:0;
padding-right:3%;
width:38%;
float:left;
}
#panel2 .editcontent #achieve .show
{
margin:0;
padding-right:3%;
width:36%;
float:left;
}

/* =======================PANEL 3 =========================== */
#panel3{
	float:right;
	width: 22%;
	max-width:270px;
	color: #565656;
	margin:0 0 10px;
	padding-right:40px;
        line-height:16px;
}

#panel3 a{
       text-decoration:none;
       color:#ff6600;
}
#panel3 a:hover{
       text-decoration:underline;
       color:#ff6600;
}

/* =======================MAIN PAGE =========================== */
#panel3 h1/*big orange title*/
{
font: bold 11px Verdana, Helvetica, sans-serif;
color:#565656;
width:230px;
padding-bottom:15px;
margin:0;
}
#panel3 p{
	margin:0;
	padding:11px 0 11px 0;
}
#panel3 #solutions
{
width:245px;
margin-bottom:15px;

}
#panel3 #solutions .thumbpic{float:left; margin-right:10px; border:2px solid #999999;width:49px; height:49px;}
#panel3 #solutions .thumbinfo
{
color: #636363;
float:left; 
width:180px;
line-height:16px;
}
#panel3 #solutions .thumbinfo a{
font-weight:bold;
color:#ff6600;
text-decoration:none;
}
#panel3 #solutions .thumbinfo a:hover{
color:#ff6600;
text-decoration:underline;
font-weight:bold;
}
#panel3 #solutions .line{border-bottom:1px solid #dadada; clear:both; height:15px;}
#panel3 #more {text-align:right; margin:-30px 0 0 0; padding:0; width:245px; }
#panel3 #more a{ color:#ff6600; text-decoration:none; }
#panel3 #more a:hover{text-decoration:underline; }

/* =======================SUB PAGE =========================== */
/*#panel3 .share .addthis_toolbox .custom_image .addthis_button_compact
{
padding-bottom:3px;
}
----#panel3 .share .addthis_toolbox .custom_image a
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}
#panel3 .share .addthis_toolbox .custom_image a:hover img
{
    opacity: 1;
}
#panel3 .share .addthis_toolbox .custom_image a img
{
    opacity: 0.75;
}----*/

#panel3 .share
{padding-top:25px;}
#panel3 .tell
{padding:0;}
#panel3 .item
{padding-bottom:25px;}
#panel3 .share a
{color:#636363; text-decoration:none;}
#panel3 .share a:hover
{color:#565656; text-decoration:underline;}
#panel3 #businessneed
{
width:245px;
margin-bottom:10px;
}
#panel3 #businessneed .thumbpic{float:left; margin-right:9px; border:2px solid #999999; width:49px; height:49px;}
#panel3 #businessneed .thumbinfo
{
color: #636363;
float:left; 
width:170px;
line-height:16px;
}
#panel3 #businessneed .thumbinfo a{
font-weight:bold;
color:#ff6600;
text-decoration:none;
}
#panel3 #businessneed .thumbinfo a:hover{
color:#ff6600;
text-decoration:underline;
font-weight:bold;
}
#panel3 #businessneed .line{border-bottom:1px solid #dadada; clear:both; height:10px;}

#panel3 #buttons{height:20px; vertical-align:bottom;}
#panel3 .space{float:left; width:18px;}
#panel3 .separate {float: left; padding: 5px 0px 0px 0px;}
#panel3 #buttons .text {float:left; color:#636363;}
#panel3 #buttons .text a{text-decoration:none; color:#636363;}
#panel3 #buttons .text a:hover{text-decoration:underline; color:#636363;}



/* ======================================== Tell A Friend =========================================== */
#panel3 #tell .field .name
{padding-bottom:3px;}
#panel3 #tell .field
{padding-bottom:14px;}
#panel3 #tell .button
{font: normal 11px Verdana, Helvetica, sans-serif;
}

/* ======================================== Send to friend =========================================== */
#panel3 #message
{font-weight:bold;}
#panel3 #message a
{text-decoration:none;
font-weight:normal;}
#panel3 #message a:hover
{text-decoration:underline;}
/* ======================================== FOOTER =========================================== */
#footerwrap {
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
        min-width:935px;
	/*height:275px;	*/		/* Height of the footer */
	background:#433c3c;
}
#footer p {
	margin:0;
	padding:10px;
}
/* ======================================== FOOTER LINKS =========================================== */
#footlinks #gototop
{
	float:left;
	background: url("../images/arrowup.gif") no-repeat left;
	margin: 20px 0 0px 65px;
	text-indent:8px;
	font-size:9px;
}
#footlinks #gototop a
{
color:#989898;
text-decoration:none;
}
#footlinks #gototop a:hover
{
color:#cacaca;
text-decoration:underline;
}
#footlinks {
	background: #433c3c;
	width:100%;
	min-width:935px;
	height:auto;
	margin:0;
	padding:0 0 20px 0px;
	font-size: 10px;
}
#footlinks a {
	color: #8e8c8b;
	font-size: 10px;
	text-decoration:none;
}
#footlinks a:hover {
	color: #8e8c8b;
	font-size: 10px;
	text-decoration:underline;
}

#footlinks ul{
	padding:0;
	margin:5px 0 0 0;
	list-style: none;
	
	}
#footlinks li a{
	color: #8e8c8b;
	font-size: 10px;
	text-decoration:none;
	}
#footlinks li a:hover{
	color: #8e8c8b;
	font-size: 10px;
	text-decoration:underline;
	}	
#footlinks #col1 h4, #footlinks #col2 h4, #footlinks #col3 h4 {
	padding: 0 0 2px 0;
	margin: 20px 0 2px 0;
	font-size: 10px;
	font-weight: bold;
	color: #8e8c8b;
	border-bottom: 1px solid #4c4c4c;
}
#footlinks #col1 {
	width: 24%;
	float: left;
	line-height:16px;
	padding:0;
	margin: 0 0 0 100px;
	display:inline;
	/*background-color: #433c3c;*/
}
#footlinks #col1 .row{
	width: 37%;
	min-width:110px;
	float: left;
	line-height:16px;
	padding:0;
	margin: 0px;
	/*background-color: #433c3c;*/
}
#footlinks #col2 {
	width: 14%;
	float: left;
	padding:0;
	line-height:16px;
	margin: 0 0 0 45px;
	/*background-color: #433c3c;*/
}
#footlinks #col3{
	width: 22%;
	min-width:245px;
	float: left;
	line-height:16px;
	margin: 0 0 0 45px;
	color:#8e8c8b;
	/*background-color: #433c3c;*/
}
/* ======================================== FOOTER BOTTOM =========================================== */
#footer {
	margin:0;
	padding:0;
	clear: both;
	font-size: 10px;
	height:21px;
	min-width:935px;
	background-color:#2f2a2a;
	color: #6e6864;
}
#footer .slogan {
	float:left;
	margin-left:80px;
	background: url("../images/pts_slogan.gif") no-repeat;
	height:20px;
	width:170px;
}
#footer .copy{
	float:right;
	margin: 3px 3% 0 0;
	
}
#footer a { color: #ffffff; }