/* Typography */
body {font-family: Arial, Helvetica, sans-serif; color:#454545; width:100%; height:100%;}
h1, h2, h3, h4 {letter-spacing:-1px; font-weight:normal; margin-bottom:20px;}
h1 {font-size:40px; letter-spacing:-2px;}
h2 {font-size:30px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
a, a:visited {color:#303030; text-decoration:none;}
a:hover {color:#000;}

body {text-align:center;}

#wrapper-outer {
	width:950px;
	margin:0 auto;	
}

#wrapper-inner {
	float:left;
	padding:0 40px;
	text-align:left;
	background:url("../images/body-bg.gif") -10px -70px no-repeat;
}

#header {height:120px; padding:20px 0 40px 0; width:950px; }
#header .logo {float:left;}
#header .logo a {
	float:left;
	display:block;
	width:115px;
	height:115px;
	line-height:1000px;
	text-indent:1000px;
	overflow:hidden;
	background:url("../images/ptm-logo.gif") 0 0 no-repeat;
}


#menu {float:right; margin-top:40px;}

#menu li {float:left; height:60px;}
#menu li a,
#menu li a:visited,
#menu li a:active {
	text-transform: lowercase; 
	color:#919191;
	font-size:22px;
	letter-spacing:-1px;
	padding:20px 25px 20px 0;
	border-bottom:4px solid #eaeaea;
	display:block;
	float:left;
	position:relative;
}

#menu li.backLava {
	height:4px!important;
	width:60px;
	overflow:hidden;
	background:#747474;
	position:absolute;
	z-index:50;
	display:block;
	left:0;
	top:62px!important;
}

#menu li a:hover {text-transform: lowercase; color:#747474;}
	
#menu li.current_page_item a { text-transform: lowercase; z-index:100; }

.home #menu li.current_page_item a {text-transform: lowercase; color:#00a1f2; border-color:#00a1f2;}
.what-we-do #menu li.current_page_item a {color:#fe0075; border-color:#fe0075;}
.our-mentality #menu li.current_page_item a {color:#6cc226; border-color:#6cc226;}
.say-hi #menu li.current_page_item a {color:#3f3f3f; border-color:#3f3f3f;}

#content {float:left; width:950px;}

#content .blue {color:#00a1f2;}
#content .green {color:#6cc226;}
#content .pink {color:#fe0075;}
#content .grey {color:#c9c9c9;}

#content h1 {color:#9e9e9e; font-family:"Nobel", Arial, Helvetica, sans-serif;}
#content h1 span {color:#363636;}

#content h2 {font-family:"Helvetica Neue Light", Arial, Helvetica, sans-serif;}

#content p {margin-bottom:20px; line-height:20px;}
.home #content p {width:600px;}

#content .top {
	float:left;
	width:950px;
	border-bottom:1px solid #eaeaea;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

#content .main {
	width:600px;
	float:left;
}

#content .sidebar {
	width:310px;
	margin:15px 0 0 40px;
	float:left;
}

#content .sidebar h3 {font-size:18px; margin-top:20px;}
#content .sidebar p {font-size:14px;}
#content .sidebar dl dd,
#content .sidebar dl dt,
#content .sidebar ul li {color:#6b6b6b; margin-bottom:8px; letter-spacing:-1px;}

#content .sidebar dl {float:left; margin-bottom:20px;}
#content .sidebar dl dd,
#content .sidebar dl dt {display:block; float:left; width:155px; padding-bottom:5px;}

#content .sidebar dl dt {background:url("../images/arrow.gif") 90% 50% no-repeat;}
#content .sidebar dl dd {color:#454545;}

#content .partner p {font-size:14px;}
#content .partner img {float:right; margin-left:20px;}

#content .col-1,
#content .col-2 {float:left;}

#content .col-1 {width:450px; margin-right:50px;}
#content .col-2 {width:450px;}

#content .who h4 {margin:0;}
#content .who p {font-size:14px;}

#content hr {
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	float:left;
	margin: 20px 0;
	height: 0;
	width:950px;
}

#footer {
	float:left;
	width:950px;
	color:#bababa;
	border-top:1px solid #eaeaea;
	padding:20px 0 20px 0;
	margin:20px 0 20px 0;
	letter-spacing:-1px;
}
#footer .clients {float:left;}
#footer .clients ul li {display:inline; padding-right:15px;}

#footer .blog-link {float:right;}

form label {
	width:100px;
	display:block;
	float:left;
	padding:5px 0 0 0;
}

form .field {float:left; padding:0 0 10px 0;}

form .field input,
form .field textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b1b1b1;
	width:330px;
	font-size:18px;
	padding:5px;
}

form .field textarea {
	height:130px;
	overflow:auto;
}

form .submit {
	cursor:pointer;
	float:right;
	font-size:16px;
	padding:10px 20px;
	color:#fff;
	background-color:#3f3f3f;
	border:none;
}

form .submit:hover {
	background-color:#5c5c5c;
}

form .submit:active {
	padding:12px 20px 8px;
	background-color:#2c2c2c;
}

/* Reset */

html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;	
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p.error {
	clear: both;
	padding-left: 103px;
	color: #FF0000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
}