/* Start of CMSMS style sheet 'PWDmay2010-css' */
/* PROLIFIC WEB DESIGN - MAY 2010 */
/* RESET STYLES */
html, body{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-left:0;
}

*{
text-align:left;
margin:0;
padding:0;
} 

.wrapper{
width:950px;  
margin:0 auto; 
}  

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-align:justify;
vertical-align: baseline;
}

body {
line-height: 1;
color: black;
background: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ol, ul {
padding-left:30px
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}
 /* END RESET STYLES */
 
 /* CUSTOM FONT CODE */

@font-face {
	font-family: 'Trajan';
	src: url('uploads/font/trajan1r-webfont.eot');
	src: local('☺'), url('uploads/font/trajan1r-webfont.woff') format('woff'), url('uploads/font/trajan1r-webfont.ttf') format('truetype'), url('uploads/font/trajan1r-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* END CUSTOM FONT CODE */

/* CLEARING TECHNIQUE */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}

/* mac hide \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* END HIDE */

/* MAIN STYLE */
 
body{
font-size: 11px; 
text-align: justify;
}
 
p,h1,h2,h3,h4,h5,h6,ul,ol {
margin-bottom:8px;
}

h1 {
text-align: left;
font-family: 'Trajan', Verdana, Helvetica, sans-serif;
font-size: 185%;
text-transform: uppercase;
}

h2 {
text-align: center;
font-family: 'Trajan', Verdana, Helvetica, sans-serif;
font-size: 200%;
color: white;
text-transform: uppercase;
}

h3 {
text-align: left;
font-family: 'Trajan', Verdana, Helvetica, sans-serif;
font-size: 110%;
margin-bottom: 2px;
text-transform: uppercase;
}

h4 {
text-align: left;
font-family: 'Trajan', Verdana, Helvetica, sans-serif;
font-size: 130%;
text-transform: uppercase;
}

a {
	color: #330066;
	text-decoration: none;
        font-weight: bold;
}

a:hover {
	color: black;
	text-decoration: underline;
}

/* HEADER STYLE */

.header {
	background: url(uploads/images/may2010/index-design_01.jpg) no-repeat 0;
	width: 950px;
	height: 134px;
}

img.logo {
	padding: 27px 0 0 14px;
}

.menu-container {
	background: url(uploads/images/may2010/index-design_02.jpg) no-repeat 0;
	width: 950px;
	height: 42px;
}

/* menu style */

.nav {
        padding-top: 14px;
}

ul.nav {
        list-style: none;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 150%;
	text-transform: uppercase;
}

ul.clearfix {
	text-align: center;
}

.nav li {
	list-style: none;
        display: inline;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 150%;
	padding-top: 13px;
        padding-right: 20px;
	text-transform: uppercase;
}

.nav li a{
	color: white;
        font-weight: normal;
}

.nav li a:hover {
	color: #999;
	text-decoration: none;
        font-weight: normal;
}

.nav li a.currentpage {
        color: #999;
        list-style: none;
	text-decoration: none;
}

.nav{
	position:relative;
	z-index:2
}

/* end menu style */

.curve {
	background: url(uploads/images/may2010/index-design_03.jpg) no-repeat 0;
	width: 950px;
	height: 27px;
}

/* FEED BOXES */

/* TWITTER */

.twitter-container {
	background: url(uploads/images/may2010/index-design_04.jpg) no-repeat 0;
	width: 275px;
	height: 154px;
	float: left;
}

.twitter_div {
	margin: 45px 25px 0 25px;
	color: white;
}

.twitter_div a {
	color: #666;
	text-decoration: none;
}

.twitter_div a:hover {
	color: #666;
	text-decoration: underline;
}

ul#twitter_update_list {
	list-style: none;
        padding-left: 0;
        font-family: 'Trajan', Verdana, Helvetica, sans-serif;
}

/* END TWITTER */

.servicelist {
background: url(uploads/images/may2010/index-design_05.jpg) no-repeat 0;
width: 285px;
height: 154px;
	float: left;
}

.service-text {
padding: 45px 6px 0 16px;
}

ul.service-list-text {
padding: 0;
color: white;
font-family: 'Trajan', Verdana, Helvetica, sans-serif;
list-style: none;
font-size: 113%;
}

ul.service-list-text li {
text-align: center;
padding-bottom: 4px;
}


.telno {
	float: left;
}

.feed-spacer {
	background: url(uploads/images/may2010/index-design_07.jpg) no-repeat 0;
	width: 146px;
	height: 154px;
	float: left;
}

.main-body {
	width: 950px;
	clear: both;
	background: black;
}

.top-spacer {
	width: 950px;
	height: 5px;
	background: #CCC;
}

.spacer-bar {
	width: 950px;
	height: 2px;
	background: black;
}

/* MAIN CONTENT */

.left-content {
	width: 695px;
	min-height: 355px;
	float: left;
	padding: 5px 5px 5px 0;
	background: #CCC;
}

.top-para {
	width: 420px;
	float: left;
}

.top-para-contact {
	width: 320px;
	float: left;
}

.testimbody {
	padding: 9px 30px 0 30px;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 80%;
	color: white;
	background: #333;
	line-height: 110%;
}

.testimsig {
	padding: 7px 30px 7px 0px;
	text-align: right;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 125%;
	color: white;
	background: #333;
}

.home-latest {
	float: right;
	margin-top: -30px;
	width: 270px;
	height: 233px;
}

.about-latest {
	float: right;
	margin-top: -30px;
	width: 270px;
	height: 211px;
}

.service-latest {
        background: url(uploads/images/may2010/samples-latest.png) no-repeat 0;
	float: right;
	margin-top: -30px;
	width: 270px;
	height: 252px;
}

.service-quote {
	padding: 90px 10px 0 10px;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	color: black;
	line-height: 110%;
}

.service-sig {
	padding: 10px 10px 7px 0px;
	text-align: right;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 130%;
	color: black;
}

.contact-latest {
	float: right;
	margin-top: -30px;
	width: 360px;
	height: 265px;
}

.contact-bottom {
clear: both;
width: 695px;
height: 100px;
}

.bottom-para {
	clear: both;
	padding: 5px 0 0 0;
}

p.statement {
	padding: 10px 90px 10px 90px;
	text-align: center;
	font-size: 115%;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
}

.sample-large {
width: 695px;
height: 400px;
margin-bottom: 5px;
background: #900;
}

/* SAMPLE PAGE MENU */

.sample-menu-cont {
	background: #333;
	width: ;
	min-height: 30px;
	clear: both;
	padding: 5px;
}

/* END SAMPLE PAGE MENU */

.top-left-sample {
	width: 345px;
	height: 80px;
	float: left;
	background: #999;
	margin-bottom: 5px;
}

.top-right-sample {
	width: 345px;
	height: 80px;
	float: right;
	margin-bottom: 5px;
}

.bottom-left-sample {
	width: 345px;
	height: 80px;
	float: left;
	margin-top: 5px;
	background: #999;
}

.bottom-right-sample {
	width: 345px;
	height: 80px;
	float: right;
	margin-top: 5px;
}

ul.indent {
	margin: 3px 0 3px 0;
	padding-left: 15px;
	list-style: none;
}

ul.indent li {
	font-style: italic;
}

p.warning {
	font-size: 75%;
	text-align: left;
}

ul.address {
	list-style: none;
	padding: 5px 0 0 0;
	font-size: 125%;
}

ul.address li.bold {
	font-weight: bold;
}

/* SIDEBAR */

.sidebar {
	background: black;
	width: 250px;
	float: right;
}

.sidebar-spacer {
	background: #CCC;
	width: 250px;
	height: 5px;
}

.form-cont {
	width: 200px;
	padding: 0 25px 0 25px;
}

label {
	color: white;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	font-size: 78%;
}

input {
	margin: 5px 0 5px 0;
	width: 196px;
	background: #333;
        color: white;
	padding: 2px;
	font-size: 81.3%;
}

select {
	margin: 5px 0 5px 0;
	width: 204px;
	background: #333;
        color: white;
	font-size: 81.3%;
}

p.allfields {
	color: white;
	font-size: 75%;
	width: 100px;
}

input#submitbutton {
	text-align: center;
	background: black;
	color: white;
	border: none;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	padding-left: 160px;
	margin: 0 0 8px 0;
	font-size: 120%;
}

/* FOOTER CODE */

.foot-spacer-bar {
	width: 950px;
	height: 2px;
	background: black;
}

.bottom-spacer {
	width: 950px;
	height: 5px;
	background: #CCC;
}

.soc-net-links {
	width: 300px;
	float: left;
}

.copyright {
	text-align: right;
	width: 250px;
	float: right;
}

.copyright a {
        color: #666;
}

.copyright a:hover {
        color: black;
}

/* menu style */

.subnav {
        padding: 0;
}

ul.subnav {
        list-style: none;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 150%;
	text-transform: uppercase;
}

ul.clearfix {
	text-align: center;
}

.subnav li {
	list-style: none;
        display: inline;
	font-family: 'Trajan', Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 125%;
	padding-top: 13px;
        padding-right: 20px;
	text-transform: uppercase;
}

.subnav li a{
	color: white;
        font-weight: normal;
}

.subnav li a:hover {
	color: #999;
	text-decoration: none;
        font-weight: normal;
}

.subnav li a.currentpage {
        color: #999;
        list-style: none;
	text-decoration: none;
}

.subnav{
	position:relative;
	z-index:2
}

/* end menu style */


/* SEARCH */

.search-cont {
padding: 0 18px 0 18px;
margin-bottom: 8px;
}

input#cntnt01searchinput {
width: 181px;
}

input.search-button {
width: 17px;
height: 17px;
background: black;
}

/* END SEARCH */


/* PORTFOLIO PAGES */

.portfolio-descrip {
	float: left;
	width: 230px;
	min-height: 230px;
	background: #666;
	margin: 0 5px 5px 0;
	padding: 10px
}

.portfolio-image {
	float: right;
	width: 436px;
	height: 250px;
	margin-bottom: 5px;
        border: solid 2px black;
}

.client-descrip {
	float: right;
	width: 440px;
	min-height: 50px;
}

p.white {
	color: white;
}

.site-info {
	width: 125px;
	float: left;
}

.site-descrip {
	width: 300px;
	min-height: 20px;
	padding: 0 5px 5px 5px;
	float: right;
}

.sample-menu {
background: #333;
padding: 2px 0 2px 0;
}

.sample-menu ul {
list-style: none;
padding: 0;
margin-top: 5px;
}

.sample-menu li{
display:inline;
padding-right: 4px;
}

.sample-menu li a {
color: white;
font-size: 130%
}

.sample-menu li a:hover {
color: black;
text-decoration: none;
}
/* End of 'PWDmay2010-css' */