/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com

	  http://www.junowebdesign.com/
*/

* { padding: 0; margin: 0; }
img { border:0px; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:#fff;
}

p {
	padding: 10px;
}

#headerwrapper { 
	background:url('images/headerbg.jpg') repeat-x;
	width:100%;
}

#header {
	margin: 0 auto;
	width: 901px;
	height: 78px;
}

#header h1{
	float:left;
	background:url('images/pacificnewmedia.jpg') no-repeat 0px 5px;
	text-indent:-0999px;
	margin-left:0px;
	width: 176px;
	height: 67px;
}
#header h2{
	text-align:right;
	float:right;
	color:#fff;
	font-size:14px;
	margin:6px 0px;
}
#headerbar { 
	display:block;
	margin: 0 auto;
	text-align:center;
	width: 901px;
	height:259px;
}

#slider{
	margin-top:15px;
	margin-left:52px;
	background:url('images/headerbarbg.jpg');
	width:800px;
	height:226px;
}

#scrollleft{
	position:relative;
	top:95px;
	left:-28px;
	float:left;
	width:50px;
	height:50px;
}

#scrollright{
	position:relative;
	top:95px;
	right:78px;
	float:right;
	width:50px;
	height:50px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 240px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:220px;
}

.panel{

}

.panelcontents{
	margin:10px 40px 0 60px;
	text-align:left;
}
.panelcontents img{
	border:5px solid;
	border-color:#D0CFCF;
	float:right;
	margin-top:5px;
}
.panelcontents p img{
	border:none;
	float:none;
}
.panelcontents h2{
	padding-top:10px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:3px;
	text-transform:lowercase;
}
.panelcontents p{
	padding-left:0px;
	width:350px;
	font-family:Verdana,sans-serif;
	font-size:14px;
	letter-spacing:1px;
}
.panelcontents p.skills{
	margin-top:0px;
	padding-top:0px;
	color:#2C86FF;
}
.panelcontents p.skills em{
	color:#5D5D5D;
	text-decoration:none;
	font-style:normal;
}
.panelcontents p.credits{
	color:#666;
	font-size:10px;
	line-height:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	position:absolute;
	bottom:5px;
}
.panelcontents p.credits a{
	color:#333;
	text-decoration:none;
}
.panelcontents p.credits a:hover{
	text-decoration:underline;
}
.panelcontents a,.panelcontents a:visited{
	color:#1e1e1e;
}
.panelcontents a:hover{
	color:#666666;
}
.panelcontents a:hover img{
	border-color:#666666;
}
.panelcontents h2 a{
	text-decoration:none;
}


/*  body styles (below header bar) */

#contentwrapper { 
	width:100%;
	clear:both;
}

#content {
	background:url('images/contentbg.jpg') no-repeat;
	border-top:1px solid white;
	margin: -15px auto 25px;
	width: 901px;
}
#content h2{
	color:#002D71;
	font-size:24px;
	margin-top:30px;
}
#content p{
	font-size:14px;
}

#content li{
	font-size:14px;
	margin:10px 0 10px 50px;
}
#rates
{
	/*background:url('images/rates.png') no-repeat -1px 0px;*/
	/*text-indent:-9999px;*/
	height:40px;
}
#personalsites
{
	background:url('images/personalsites.png') no-repeat -1px 0px;
	text-indent:-9999px;
	height:40px;
}

#lightgraywrapper
{
	clear:both;
	width:100%;
	border-top:3px solid #C6C6C6;
	background: #F5F5F5;
}
#lightgray
{
	background:url('images/bglightgray.jpg') no-repeat #F5F5F5;
	margin: 0px auto;
	width: 901px;
}

#darkgraywrapper
{
	clear:both;
	width:100%;
	border-top:4px solid #DDD;
	background: #222;
	height:250px;
}
#darkgray
{
	background:url('images/paper.jpg') no-repeat #222;
	margin: 0px auto;
	padding:50px 0 50px 0;
	width: 901px;
	height:100%;
}

.testimonial
{
  width:400px;
  padding-top: 12px;
  padding-left:10px;
  margin: 5px;
  background-image: url('images/openquote.png');
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 55px;
 }
.testimonial div
{
	display:block;
	padding-bottom:15px;
    background-image: url('images/closequote.png');
    background-repeat: no-repeat;
    background-position: bottom right;
	width:420px;
}
.testimonial span
{
	font-family: "times new roman", times, serif;
	font-size: 20px;
	font-style: italic;
	color:#EEE;
}
.testimonial p.credit{
	background:none;
	font-family:Verdana,sans-serif;
	font-size:14px;
	font-style:normal;
	color:#888;
}

.smallblocks{
	float:left;
	width:200px;
	margin:25px 33px 0px 0px;
}
.lastblock{margin-right:0px;}
.smallblocks h3{
	font-size:16px;
	color:#2C86FF;
}

#footerwrapper { 
	background:#70ADFF;
	border-top:4px solid #DDD;
	width:100%;
	clear:both;
}

#footer {
	background:url('images/footerbg.jpg')  no-repeat;
	margin: 0 auto;
	width: 901px;
	padding-top:30px;
}
#footer h2{
	font-size:24px;
	margin-bottom:30px;
}

#footer .section{
	clear:both;
	width:900px;
	height:212px;
	background:url('images/footersection.jpg') no-repeat;
	padding-top:14px;
	padding-left:25px;
	padding-bottom:20px;
}
#footer .section h3{
	margin-left:10px;
}
#footer .section img{
	float:left;
}
#footer .section .content{
	float:left;
	width:340px;
	margin:0px 0 0 30px;
	color:#fff;
}
#footer .section .content a{
	color:#fff;
}

#bottom {
	border-top:4px solid #002D71;
	height:105px;
	background:url('images/graypattern.jpg');
}