@import url("resources/normalization.css");
@import url("resources/form.css");

html {
    height: 100%;
}
body {
    height: 100%;
    position: relative;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    background: #ADB1A2 url(images/background_repeat.jpg) repeat-x scroll 0 0;
}
.mainbodytext {
	line-height: 16px;
	margin-bottom: 8px;
	color:#676960
}

a:link, a:visited {
	color: #148E75;
	text-decoration: none;
}
a:hover {
    color: #CA5600;
    text-decoration: underline;
}

.slideshowon {
	font-weight: bold;
	}

div#container {
    position: relative;
    min-height: 100%;
}

div#content {
    width: 995px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

h1 a {
    background-image: url(images/ptcLogo.jpg);
    width: 392px;
    height: 111px;
    text-indent: -9000px;
    float: left;
    margin-left: -10px;
}
p#ptc-phone {
	font-weight: bold;
	font-size: 1.2em;
	/*float: right;
	display: block;
	margin: 85px 10px 0 0;*/
	color: #ffffff;
	letter-spacing: 1px;
	position:relative;
	top: 85px;
	left:418px;
}

div#ptc-phone {
	position:relative;
	top: 85px;
	left:418px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
	 }
div#sharethis {
	position:relative;
	top: 68px;
	left:250px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
	 }

/*h2, h3, h5 {
	font-size: 8pt;
	font-weight: bold;
	line-height: 9pt;
	text-transform: uppercase;
	color: #134479;
	margin-bottom: 3px;
	margin-top: 5px;
	}*/
h5 {
	font-size: 8pt;
	font-weight: bold;
	line-height: 9pt;
	text-transform: none;
	color: #676960;
	margin-bottom: 5px;
	margin-top: 5px;
	}
.h5 {
	font-size: 8pt;
	font-weight: normal;
	line-height: 9pt;
	text-transform: none;
	color: #676960;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left:10px;
	display: block;
	}
h4 {
	font-size: 8pt;
	font-weight: bold;
	line-height: 10pt;
	text-transform: uppercase;
	color: #134479;
	margin-bottom: 1px;
	margin-top: 8px;
	}
	
h3 {
	font-size: 9pt;
	color: #CA5600;
}
h6 {
	font-size: 10pt;
	font-weight: bold;
	color: #148E75;
	margin-bottom: 3px;
	margin-top: 5px;
	}
.psmallitalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
}

div#faqtitles {
	color:#148E75;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; 
}

/* first level and overal styles */
div#navigation-top {
    clear: both;
    padding: 1px 0 17px 5px;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    display: block;
    width: 100%;
    line-height: 12px;
    float: left;
}
div#navigation-top ul {
    float: left;
    margin: 0 15px;
    height: auto;
}
div#navigation-top ul li {
    float: left;
}
div#navigation-top a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 15px;
    display: block;
}
div#navigation-top ul li:hover {
    background-color: #1ccba7;
    position: static;
}
div#navigation-top ul li.down {
    background: transparent url(images/down.gif) no-repeat 4px 11px;
}
div#navigation-top ul li.down:hover,
div#navigation-top ul li.down.sfhover {
    background: #1ccba7 url(images/down-hover.gif) no-repeat 4px 11px;
}

/* second level */
div#navigation-top ul li ul {
    z-index: 100;
    margin: 0;
    background-color: #148E75;
    position: absolute;
    left: -999em;
    width: 200px;
}
div#navigation-top ul li ul li a {
    width: 170px;
}
div#navigation-top ul li ul li.right {
    background: transparent url(images/right.gif) no-repeat 5px 9px;
}
div#navigation-top ul li ul li.right:hover,
div#navigation-top ul li ul li.right.sfhover {
    background: #1ccba7 url(images/right-hover.gif) no-repeat 5px 9px;
}

div#navigation-top ul li:hover ul, div#navigation-top ul li.sfhover ul {
    left: auto;
}

/* third level */
div#navigation-top ul li:hover ul li ul, div#navigation-top ul li.sfhover ul li ul {
    left: -999em;
}
div#navigation-top ul li ul li:hover ul, div#navigation-top ul li ul li.sfhover ul {
    left: auto;
}
div#navigation-top ul li ul li ul {
    margin: -26px 0 0 200px;
}

div#content-main {
	margin: 0 7px 0 20px;
	background-color: #ffffff;
	float: left;
	display: block;
}

ul#navigation-sub {
	width: 953px;
	background-color: #ca5600;
	float: left;
	padding: 0 0 0 15px;
	height: 30px;
	line-height: 28px;
	font-size: 11px;
}
ul#navigation-sub a:link, ul#navigation-sub a:visited {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}
ul#navigation-sub a:hover {
    text-decoration: underline;
    color: #FFFF99;
}
ul#navigation-sub li {
    display: inline;
    padding: 1px 7px;
    border-left: 1px solid #ffffff;
}
ul#navigation-sub li.first-child {
    border-left-width: 0;
}

div#column-thin {
	float: left;
	width: 307px;
	background-color: #ffffff;
	height: 510px;
	padding: 20px !important;
}
div#column-thin h3 {
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
}
/* added by Lynne */
div#column-thinRight {
	float: left;
	width: 317px;
	height: 510px;
	padding: 20px !important;
	color: #148e75;
	background: #ffffff repeat-x;
}
div#column-thin h4 {
	color: #CA5600;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
div.scroller {
    overflow: auto !important;
}

div.column-spacer {
	border-left: 0px solid #ADB1A2;
}

div#column-wide {
	background-color: #ffffff;
	float: left;
	width: 571px;
	padding: 20px;
	height: 510px;
	min-height: 510px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
div#column-wide div.info-group {
	float: left;
	width: 98%;
}
div#column-wide h4 {
    color: #134479;
    text-transform: uppercase;
    font-weight: bold;
    clear: both;
}
/* home page elements */
#movie {
	left: 472px;
	top: 185px;
	height: 300px;
	width: 621px;
	float: left;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#producticon1, div#producticon2, div#producticon3, div#producticon4 {
	top: 455px;
	height: 210px;
	width: 145px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;
}
div#image-container {
	background-color:#adb1a2;
	height:580px;
}
div#column-thinHome {
	float: left;
	width: 307px;
	background-color: #ffffff;
	height: 510px;
	padding: 20px 20px 0px 20px !important;
}

/* end of home page elements */
div#column-wide h3 {
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
}
.breadcrumb1 {
	color: #148e75;
}
.breadcrumb2 {
	color: #CA5600;
}
div#column-wide ul, div#column-wide dl {
    margin-bottom: 10px;
}
div#column-wide dl {
    float: left;
    width: 100%;
}
div#column-wide dl dt {
    float: left;
    clear: both;
    width: 65%;
}
div#column-wide dl dd {
    float: right;
    width: 34%;
}
.slides {
	color: #148e75
	line-height: 15px;
}
div#column-middle {
	position:fixed;
	clear: none;
	float: right;
	visibility: visible;
	top: 223px;
	right: 700px;
	}

/** jScroll Styles **/
a.jScrollArrowUp {
    background: url(images/up.jpg) no-repeat top right;
    height: 20px;
}
a.jScrollArrowDown {
    background: url(images/down.jpg) no-repeat bottom left;
    height: 20px;
}
.jScrollPaneTrack {
    background-color: #dfe0da;
}
.jScrollPaneDrag {
    background: #999999 url(images/drag.jpg) repeat scroll 0 0;
}
/** end jScroll **/

img#company {
    margin-left: 10px;
    float: left;
    width: 580px;
}

div#footer {
    background-color: #CFCFBA;
    position: absolute;
    bottom: 0;
    height: 25px;
    width: 100%;
    line-height: 25px;
}
div#footer p {
    color: #999999;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    width: 983px;
    margin: 0 auto;
    text-align: right;
}
.ulBodytext {
	font-size: 11px;
	color: #676960;
	list-style: url(images/bullet.gif) none inside;
	line-height: 14px;
	display: compact;
	/*margin: -3px 0px -5px;*/
}
.ulMargintext {
	font-size: 9pt;
	color: #148E75;
	list-style: url(images/bullet.gif) none outside;
	line-height: 12pt;
	display: compact;
	text-indent: 20pt;
}

.mainbodytextindent {
	line-height: 16px;
	margin-bottom: 8px;
	margin-left: 8px;
	color:#676960
}


/** For Index n Galleries **/


#index a:link {
	color:#148E75;
	letter-spacing: 5pt;
	text-decoration: none;
}

#index {
	color:#148E75;
	letter-spacing: 5pt;
}

/** For video pop up window **/
#popup {
	position: absolute;
	top: 20%;
	background: #FFFFFF;
	height: 300px;
	width: 400px;
	left: 17%;
	padding: 10px;
}