/*
Theme Name: MarkZDesign.com

Description: MarkZDesign.com site theme by <a href="http://www.ndesign-studio.com">MarkZDesign.com</a>.
Version: 1.0
Author: MarkZDesign.com
Author URI: http://markzdesign.com
*/
/************************************************
*	Reset v1.0 | 20080212						*
************************************************/
html, body, 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, 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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* {
	margin:0;
	outline: none;
	padding:0;
	list-style:none;
}
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;
}
#content p.verbiage {
float:left;
font-size : 12px;
letter-spacing : 0.1em;
word-spacing : 0.05em;
line-height:20px;
text-align:justify;
width:340px;
padding: 10px 0 0 0;
}
/************************************************
*	Base										*
************************************************/
html, body{
	/*background:#0C3845;*/
	background-color:#07313D;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
}
h1,h2,h3{
	font-weight:normal;
}
.floatleft {
	float:left;
	}
.red{
	color:#540505;
	font-weight:bold;

}
#wrapper{
	background-image: url(img/bgart_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 1202px;
	width: 1224px;
}
#box-wrapper{
	width:770px;
	margin:0 0 0 158px;
	background-image: url(img/LeftSideContentBox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 0 78px;
}
#main{
	width:771px;
	margin:0 326px;
}
.none{
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	float:left;
	overflow:hidden;
}
.clearboth{
	clear:both;
}
.spacer{
	width:100px;
	height:25px;
}
.marginbot {
	margin: 0 0 50px 0;
}

/************************************************
*	Header										*
************************************************/
#header{
	background:url(img/logo_1.jpg) no-repeat 0 0;
	height:267px;
	overflow:hidden;
}
#header .absolute_left{
	position:absolute;
	top:87px;
	left:94px;
	width:485px;
	height:80px;
	background-image: url(img/markzdesign.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 1;
}
#header .logo{
	height:80px;
	position:absolute;
	top:87px;
	left:94px;
	z-index: 2;
	visibility:hidden;
}
#header .logo a{
	color:#07313D;
	float:right;
	height:80px;
	width:485px;
	text-decoration:none;
	padding-left:10px;
	visibility:hidden;
}
#header .nav{
	float:right;
	width:300px;
	height: 25px;
}
#header ul li{
	display:inline;
	text-decoration:none;
}
#header ul li a{
	text-decoration:none;
	float:left;
	height:30px;
	font:11px "Verdana";
	color: #07313D;
	text-transform:capitalize;
	padding:7px 3px 0 25px;
}
.customerlogin {
	float:right;
	width: 160px;

}
.customerlogin a{
	text-decoration:none;
	float:left;
	height:30px;
	font:11px "Verdana";
	color: #07313D;
	text-transform:capitalize;
	padding:7px 0 0 0;
}
/************************************************
*	Main Nav									*
************************************************/
#header .navmain{
	margin: 150px 0 0 0;
	float:right;
	width:771px;
}
#header .imgs{
	float:left;
}
#header .imgs ul li{
	display:inline;
	text-decoration:none;
}
#header .imgs ul li a{
	text-decoration:none;
	float:left;
	height:55px;
	font:18px "Verdana";
	font-weight:bold;
	text-transform:capitalize;
	padding:25px 0px 0 0px;
}
/******* Not IE6 ***********/
#header .imgs ul li.blog a{
	color:#fff;
	background-image: url(img/navBG_blog109x62.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:89px;/*109*/
	padding-left: 25px;
}
#header .imgs ul li.about a{
	color:#fff;
	background-image: url(img/navBG_about139x75.png);
	background-repeat: no-repeat;
	background-position: -5px 0;
	width:115px;
	padding-left: 20px;
}
#header .imgs ul li.portfolio a{
	color:#fff;
	background-image: url(img/navBG_portfolio164x66.png);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	width:130px;
	padding-left: 35px;
}
#header .imgs ul li.resources a{
	color:#fff;
	background-image: url(img/navBG_resource174x57.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width:145px; /*174*/
	padding-left: 35px;
}
/************ If IE6 *************/
#header .imgsIE6{
	float:left;
}
#header .imgsIE6 ul li{
	display:inline;
	text-decoration:none;
}
#header .imgsIE6 ul li a{
	text-decoration:none;
	float:left;
	height:55px;
	font:18px "Verdana";
	font-weight:bold;
	text-transform:capitalize;
	padding:25px 0px 0 0px;
}
#header .imgsIE6 ul li.blog a{
	color:#fff;
	background-image: url(img/nav-blog.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:89px;/*109*/
	padding-left: 25px;
}
#header .imgsIE6 ul li.about a{
	color:#fff;
	background-image: url(img/nav-about.gif);
	background-repeat: no-repeat;
	background-position: -5px 0;
	width:115px;
	padding-left: 20px;
}
#header .imgsIE6 ul li.portfolio a{
	color:#fff;
	background-image: url(img/nav-portfolio.gif);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	width:130px;
	padding-left: 35px;
}
#header .imgsIE6 ul li.resources a{
	color:#fff;
	background-image: url(img/nav-resources.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width:145px; /*174*/
	padding-left: 35px;
}

/************************************************
*	Search										*
************************************************/
#header div.search{
	width:170px;
	height:40px;
	float:right;
}
#s{
	width:130px;
	height:18px;
	border:none;
	padding:2px 0 0 3px;
	margin:0 0 0 0;
}
#searchsubmit{
	border:none;
	width:15px;
	height:21px;
	cursor:pointer;
	margin-top:3px;
	background-image: url(img/icon_search15x21x01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.navigation a {
text-decoration : none;
font : 11px "Verdana";
color : #7e230d;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}
.previous-entries {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat left center;
	padding-left: 18px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	width:390px;
}
#respond h3{
	color:#4A0C46;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 0px;
}
.commentlist p{
	font : 11px verdana;
	letter-spacing : 0.1em;
	word-spacing : 0.1em;
	line-height:20px;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	top: 5px;
	right: 5px;
	border: solid 1px #ededed;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #f1fedb;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	font-family: "Trebuchet MS", Tahoma, Arial;
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 385px;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform  #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	width: 144px;
	height: 29px;
	cursor: pointer;	
}
#commentform,
.cform,
#footer-box .foot-right {
position:relative;
z-index:100;
width : 341px;
float : left;
}
h3.comment {
padding : 20px 0;
}
.commentlist, #commentform {
font : 14px "Verdana";
}
.commentlist a {
text-decoration : none;
font : 11px "Verdana";
color : #7e230d;
}
#commentform a {
text-decoration : none;
font : 11px "Verdana";
color : #7e230d;
}
.sitamap p {
display : none;
}
.sitamap a {
text-decoration : none;
font : 11px "Verdana";
color : #7e230d;
}
#content p{
/*font-size : 12px;
letter-spacing : 0.1em;
word-spacing : 0.05em;
line-height:20px;*/
/*text-align:justify;*/
}
#right-sidebar {
width : 330px; /*337*/
background-color : #fff;
float : left;
}
#right-sidebar ul li{
float : left;
}
#right-sidebar a {
text-decoration : none;
color : #000;
font : 11px "Verdana" !important ;
}
#right-sidebar h3 {
font : 16px "Verdana";
color : #4A0C46;
padding-bottom:3px;
border-bottom:1px solid #4A0C46;
}
#right-sidebar li.categories, #right-sidebar li.archive {
width : 168px;
float : left;
padding-bottom : 3px;
}
#right-sidebar li.categories {
margin-right : 15px;
width : 145px;/*154*/
}
#right-sidebar li.cat-item {
	font-size: 12px;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #4A0C46;
}
#right-sidebar ul.arch-item li {
	padding: 2px 0 5px 0;
	border-bottom: 1px dotted #4A0C46;
}
#right-sidebar .our_ser li {
padding : 0 0 0 15px;
}
#right-sidebar .our_ser h3 {
background : url(img/dash-2.gif) repeat-x 0 bottom;
padding-bottom : 3px;
}
#right-sidebar ul.featured_item li{
padding-top: 10px;
}
#right-sidebar .featured_work h3 {
	color:#4A0C46;
	padding: 10px 0 3px 0;
	border-bottom: 1px solid #4A0C46;
	width:330px;
	clear:both;
}
/************************************************
*	Feature Work							    *
************************************************/
img.img_border, a img.img_border  {
border : 1px solid #e3e3e3;
padding : 3px;
background : #ffffff;
}
a:hover img.img_border {
border-color : #ff6600;
} 
/************************************************
*	Footer Box									*
************************************************/
#footer-wrapper{
	height:24%;
	width: 1056px;
	background-image: url(img/FooterBG.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 79px 0 0 0;
}
#footer-box {
	width:771px;
	height:70%;
	margin:0 0 0 235px;
	font : 11px "verdana";
	background-color: #000;
	background-image: url(img/footer-left-side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.footer-top {
	width:100%;
	height:20px;
	background-image: url(img/footer-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.footer-top span {
	display:block;
	position:relative;
	height:20px;
	background-image: url(img/footer-top-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.footer-cnter-box {
	position:relative;
	/*padding:1px 20px 1px 25px;*/
	margin:-1px 0 -50px 0;
	z-index:200;
	background-image: url(img/footer-right-side.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height:100%;
}
.footer-btm {
	width:100%;
	height:60px;
	background-image: url(img/footer-btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.footer-btm span {
	display:block;
	position:relative;
	height:60px;
	background-image: url(img/footer-btm-rt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.footer-cnter-box p {
	margin:0 0 1em 0;
	color: #fff;
}
/********************************
Footer Inside
*********************************/
#footer  {
background-color : #2d1914;
float : left;
width : 771px;
font : 11px "verdana";
padding : 11px 0 55px 0;
}
#footer-box  .foot-left {
width : 430px;
float : left;
}
#footer-box .foot-left ul {
/*padding-top : 7px;*/
}
#footer-box .foot-left .r-post {
width : 195px;
float : left;
padding : 0 10px;
}
/*#footer-box .foot-left .r-post div {
color : #999;
line-height : 18px;
}
#footer-box .foot-left .r-post li a {
color : #fff;
line-height : 18px;
text-decoration : none;
}*/
#footer-box .foot-left .r-com {
width : 210px;
float : left;
}
/*#footer-box .foot-left .r-com div {
color : #999;
line-height : 18px;
}
#footer-box .foot-left .r-com li a {
color : #fff;
line-height : 18px;
text-decoration : none;
}*/
#footer-box .foot-right .about p {
color : #fff;
line-height : 18px;
}
#footer-box .foot-right .about p .a_green {
color : #779d03;
}
#footer-box .foot-right .about p .a_blue {
color : #4B9EF5;
}
#footer-box .foot-right .about p .a_white {
color : #fff;
}
#footer-box .shrt {
padding : 35px 0 0 0;
width:340px;
height : 20px;
float : right;
}
#footer-box .shrt ul li {
display : inline;
}
#footer-box .shrt ul li a {
height : 14px;
margin-left : 20px;
font-size: 14px;
}
#footer-box .shrt ul li.sitemap a {
color:#169EC7;
text-decoration:none;
position:relative;
}
#footer-box .shrt ul li.css a {
color:#F7B14C;
text-decoration:none;
}
#footer-box .shrt ul li.xhtml a {
color:#54C716;
text-decoration:none;
}
#footer-box .shrt ul li.xhtml a:hover {
color:#54C716;
text-decoration:underline;
cursor:pointer;
}
#footer-box .shrt ul li.rss a {
color:#E34B24;
text-decoration:none;
}
#footer-box .cprt {
width : 330px;
height : 24px;
border-top : 2px solid #4D4D4D;
float : left;
padding-top : 2px;
color : #8C8C8C;
}
#footer-box .cprt a {
color : #fff;
text-decoration : none;
}
#footer-box .cprt .c_rigth {
width : 160px;
float : right;
}
#footer-box .cprt .c_left {
width : 120px;
float : left;
}
#footer-box h3 {
font : 15px "Verdana";
color : #9DA861;
} 
/**************/
  .footer_submenu  {
list-style : none;
padding : 0;
margin : 0;
background-color : #000;
border-top : 2px dotted #272727;
font-size: 92%;
line-height: 110%;
}
.footer_submenu li a strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
	color:#B9CAC0;
}
.footer_submenu small{
	color:#4e9f9f;
}
.footer_submenu li {
border-bottom : 2px dotted #272727;
line-height : 130%;
list-style : none;
padding : 0;
margin : 0;
}
.footer_submenu li a {
color : #759398;
text-decoration : none;
padding : 4px 0 4px 2px;
display : block;
}
.footer_submenu li a:visited {
color : #759398;
text-decoration : none;
}
.footer_submenu li a:hover {
text-decoration : none;
background-color : #132022;
color : #ffffff;
} 
.footer_submenu li a:hover strong{
text-decoration : none;
background-color : #132022;
color : #ffffff;
} 
/************************************
*   About Page                      *
*************************************/
#about-box {
	width:770px;
	/*margin:0 0 0 235px;*/
	background-color: #fff;
	background-image: url(img/about-left-side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.about-top {
	width:100%;
	height:20px;
	background-image: url(img/about-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.about-top span {
	display:block;
	position:relative;
	height:20px;
	background-image: url(img/about-top-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.about-cntr-box {
	position:relative;
	padding:1px 20px 1px 20px;;
	margin:-1px 0 -50px 0;
	background-image: url(img/about-right-side.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height:100%;
}
.about-btm {
	width:100%;
	height:60px;
	background-image: url(img/about-btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.about-btm span {
	display:block;
	position:relative;
	height:60px;
	background-image: url(img/about-btm-rt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/************************************
*   Content                         *
*************************************/
#content ul.about-table {
background-color : #fff;
float : left;
width : 560px;
}
#content .about-table h2 {
color:#706802;
font : 18px verdana;
padding-bottom : 3px;
width : 550px;
border-bottom: 1px solid #706802;
}
#content p.verbiage02 {
float:left;
font-size : 12px;
letter-spacing : 0.1em;
word-spacing : 0.05em;
line-height:20px;
text-align:justify;
width:550px;
padding: 10px 0 0 0;
}
#content .about-table p {
	font-size : 12px;
	letter-spacing : 0.1em;
	word-spacing : 0.05em;
	line-height:15px;
	text-align:justify;
	}
.portriat {
	float:left;
	margin: 10px 10px 0 0
}
.linkedIn{
	float:left;
	clear:left;
	padding: 0 0 20px 0;
}
ul.strengths {
	padding: 20px 0 0 0;
	margin: 0 0 25px 0;
	clear:left;
}
ul.strengths li{
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 7px 0 7px 5px;
	border-bottom: 3px #B9CAC0 solid;
	border-top: 3px #B9CAC0 solid;
	border-right: 10px #B9CAC0 solid;
	border-left: 10px #B9CAC0 solid;
	letter-spacing : 0.1em;
	word-spacing : 0.05em;
	line-height:20px;
	font-size: 14px;
	width:526px;		
}

.lt-blue{
color:#375D81;
text-align:left;
}
.test{
margin:15px 0 0 0;
}
/************************************
*   about Right Side                *
*************************************/
#about-rightside {
width : 160px; /*337*/
background-color : #fff;
float : left;
}
#about-rightside a {
text-decoration : none;
width : 160px;
color : #000;
font : 14px "Myriad Pro" !important ;
padding: 3px 0 0 0;
}
#about-rightside h3 {
font : 16px "Verdana";
color : #706802;
border-bottom: 1px solid #706802;
padding-bottom : 3px;
width : 160px;
}
#about-rightside li.about {
width : 160px;
float : left;
padding: 6px 0;
border-bottom: 1px dashed #706802;
}
/************************************
*   BLog Page                       *
*************************************/
#blog-box {
	width:770px;
	/*margin:0 0 0 235px;*/
	background-image: url(img/blog-left-side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height:100%;
	background-color:#fff;
}
.blog-top {
	width:100%;
	height:20px;
	background-image: url(img/blog-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.blog-top span {
	display:block;
	position:relative;
	height:20px;
	background-image: url(img/blog-top-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.blog-cntr-box {
	position:relative;
	padding:1px 20px 1px 20px;;
	margin:-1px 0 -50px 0;
	background-image: url(img/blog-right-side.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	z-index:100;
	height:100%;
}
.blog-btm {
	width:100%;
	height:60px;
	background-image: url(img/blog-btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.blog-btm span {
	display:block;
	position:relative;
	height:60px;
	background-image: url(img/blog-btm-rt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
p {
	margin:0 0 1em 0
	}
/************************************************
*	Content										*
************************************************/
#content {
background-color:transparent;
float : left;
padding : 0;
width : 730px;/*750*/
}
#content ul.post {
float : left;
width : 400px;
}
#content ul.post .entry p{
font : 11px verdana;
clear : both;
width : 385px;
letter-spacing : 0.1em;
word-spacing : 0.1em;
line-height:20px;
text-align:justify;
}
#content .post h2 {
color:#4A0C46;
font : 18px verdana;
padding-bottom : 3px;
width : 385px;
border-bottom: 1px solid #4A0C46;
}
#content .post h2.search_res {
background : none;
padding-bottom : 10px;
}
#content .post h2 a {
text-decoration : none;
font : 18px verdana;
color : #000;
}
#content .post .date {
font : 11px verdana;
color: #4A0C46;
height : 25px;
padding : 5px 0 0 0;
float : left;
}
#content .post .comments {
background : transparent url(img/comment-img.gif) no-repeat scroll 0 5px;
float : right;
height : 25px;
padding : 5px 15px 0 0;
}
#comments {
	color:#4A0C46;
}
* html #content .post .comments {
background : transparent url(img/comment-img.gif) no-repeat scroll 0 0;
padding : 1px 15px 0 27px;
}
#content .post .comments a {
text-decoration : none;
font : 11px "Trebuchet MS";
color : #7e230d;
}
#content .post p a.read_more {
text-decoration : none;
background : transparent url(img/marker-read-more.gif) no-repeat scroll right 0;
padding-right : 11px;
color : #779d03;
}
#content .links a {
text-decoration : none;
font : 11px "Trebuchet MS";
color : #7e230d;
}
/************************************
*   Links	  Page                  *
*************************************/
.links-list {
list-style : none;
margin : 3px 0 20px;
padding : 0;
line-height : 100%;
font-size : 90%;
}
.links-list li {
width : 170px;
height : 19px;
background : url(img/links_default.gif) no-repeat left center;
margin-bottom : 2px;
}
.links-list li a, .links-list li a:visited {
height : 19px;
display : block;
color : #ff6600;
text-decoration : none;
padding : 4px 10px 4px 14px;
}
.links-list li a:hover {
color : #339900;
text-decoration : none;
background : url(img/links_hover.gif) no-repeat;
}
/************************************
*   Portfolio Page                  *
*************************************/
#portfolio-box-wrapper{
	width:848px;
	margin:0px auto;
	background-image: url(img/LeftSideContentBox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 0 78px;
}
#portfolio-box {
	width:770px;
	/*margin:0 0 0 235px;*/
	background-color: #fff;
	background-image: url(img/portfolio-left-side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.portfolio-top {
	width:100%;
	height:20px;
	background-image: url(img/portfolio-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.portfolio-top span {
	display:block;
	position:relative;
	height:20px;
	background-image: url(img/portfolio-top-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.portfolio-cntr-box {
	position:relative;
	padding:1px 20px 1px 20px;;
	margin:-1px 0 -50px 0;
	background-image: url(img/portfolio-right-side.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height:100%;
}
.portfolio-btm {
	width:100%;
	height:60px;
	background-image: url(img/portfolio-btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.portfolio-btm span {
	display:block;
	position:relative;
	height:60px;
	background-image: url(img/portfolio-btm-rt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/************************************
*   Content Area                      *
*************************************/
.portfolio_verbiage {
float:left;
font-size : 12px;
letter-spacing : 0.1em;
word-spacing : 0.05em;
line-height:20px;
text-align:justify;
width:550px;
padding: 10px 0 0 0;
}
.portfolio-table {
background-color : #fff;
float : left;
width : 560px;
}
.portfolio-table p{
background-color : #fff;
width : 550px;
}
.portfolio-table h2 {
color:#540505;
font : 18px verdana;
padding-bottom : 3px;
margin-bottom: 15px;
width : 550px;
border-bottom: 1px solid #540505;
}
.portfolio-website a{
	background-image:url(images/port_websites.jpg);
	text-decoration: none;
	display: block;
	height: 86px;
	width:100px;
	text-indent: 0;
	background-repeat: no-repeat;
	
}
/************************************
*   Right Side                      *
*************************************/
#portfolio-rightside {
width : 160px; /*337*/
background-color : #fff;
float : left;
}
#portfolio-rightside a {
text-decoration : none;
color : #540505;
font : 11px "Verdana" !important ;
padding: 3px 0 0 0;
}
#portfolio-rightside h3 {
font : 16px "Verdana";
color : #540505;
border-bottom: 1px solid #540505;
padding-bottom : 3px;
width : 160px;
}
#portfolio-rightside li.portfolio {
width : 160px;
float : left;
padding: 6px 0;
border-bottom: 1px dashed #540505;
}
/************************************************
*	Roll Over Button Portfolio					*
************************************************/
#portfolio_websites {
	margin: 0;
	padding: 0px;
	width:71px;
	height: 70px;
	list-style: none;
	display:inline;	
}
#portfolio_websites li {
	float: left;
	margin: 0 0 0 20px;
}

#portfolio_websites a {
	text-decoration: none;
	display: block;
	height: 70px;
	text-indent: 0;
	background-image: url(portfolio/port_websites.jpg);
	background-repeat: no-repeat;
}
#portfolio_websites #portfolio_ws_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_websites #portfolio_ws01_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_websites #portfolio_ws02_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_websites #portfolio_ws03_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_websites #portfolio_ws04_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_websites #portfolio_ws_default:hover {
	background-position: -71px 0;
}
/******************/
#portfolio_emailblasts {
	margin: 0px;
	padding: 0px;
	width:71px;
	height: 70px;
	list-style: none;
	display:inline;
}
#portfolio_emailblasts li {
	float: left;
}
#portfolio_emailblasts a {
	text-decoration: none;
	display: block;
	width:71px;
	height: 70px;
	text-indent: 0;
	background-image: url(portfolio/port_emailblasts.jpg);
	background-repeat: no-repeat;
}
#portfolio_emailblasts #portfolio_eb_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_emailblasts #portfolio_eb_default:hover {
	background-position: -71px 0;
}
/******************/
#portfolio_graphicdesigns {
	margin: 0;
	padding: 0px;
	width:71px;
	height: 70px;
	list-style: none;
	display:inline;
}
#portfolio_graphicdesigns li {
	float: left;
	margin: 0 0 0 20px;
}
#portfolio_graphicdesigns a {
	text-decoration: none;
	display: block;
	height: 70px;
	text-indent: 0;
	background-image: url(portfolio/port_graphics.jpg);
	background-repeat: no-repeat;
}
#portfolio_graphicdesigns #portfolio_gd_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_graphicdesigns #portfolio_gd_default:hover {
	background-position: -71px 0;
}
/******************/
#portfolio_redesigns {
	margin: 0px;
	padding: 0px;
	width:71px;
	height: 70px;
	list-style: none;
	display:inline;
}
#portfolio_redesigns li {
	float: left;
}

#portfolio_redesigns a {
	text-decoration: none;
	display: block;
	height: 70px;
	text-indent: 0;
	background-image: url(portfolio/port_redesign.jpg);
	background-repeat: no-repeat;
}
#portfolio_redesigns #portfolio_rd_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_redesigns #portfolio_rd_default:hover {
	background-position: -71px 0;
}
/******************/
#portfolio_psd2html {
	margin: 0px;
	padding: 0px;
	width:71px;
	height: 70px;
	list-style: none;
	display:inline;
}
#portfolio_psd2html li {
	float: left;
	margin: 0 0 0 20px;
}

#portfolio_psd2html a {
	text-decoration: none;
	display: block;
	height: 70px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_psd2html.jpg);
	background-repeat: no-repeat;
}
#portfolio_psd2html #portfolio_rd_default {
	background-position: 0px 0px;
	width: 71px;
}
#portfolio_psd2html #portfolio_rd_default:hover {
	background-position: -71px 0;
}
/******************/
#content p.portfolio_text01{
	padding:15px 0 0 10px;
	width: 160px;
	float:left;
	font-weight:bold;
}
#content p.portfolio_text01 a{
	font-weight:bold;
	color:#540505;
}
/************************************************
*	Roll Over Button Portfolio PSD To HTML		*
************************************************/
#portfolio_p2h_01 {
	margin: 0;
	padding: 0px;
	width:343px;
	height: 594px;
	list-style: none;
	display:inline;
}
#portfolio_p2h_01 li {
	float: left;
	margin: 0 5px 0 0;
}

#portfolio_p2h_01 a {
	text-decoration: none;
	display: block;
	height: 594px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_psd2html_01.jpg);
	background-repeat: no-repeat;
}
.portfolio_p2h_default {
	background-position: 0px 0px;
	width: 343px;
}
.portfolio_p2h_default:hover {
	background-position: -343px 0;
}
/************************************************
*	Roll Over Button Portfolio Websites Page	*
************************************************/
#portfolio_ws_01 {
	margin: 0;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_ws_01 li {
	float: left;
	margin: 0 5px 0 0;
}

#portfolio_ws_01 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_website_mbs.jpg);
	background-repeat: no-repeat;
}
.portfolio_ws_default {
	background-position: 0px 0px;
	width: 343px;
}
.portfolio_ws_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_ws_02 {
	margin: 0;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_ws_02 li {
	float: left;
	margin: 0 5px 0 0;
}

#portfolio_ws_02 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_website_ff.jpg);
	background-repeat: no-repeat;
}
/******************/
#portfolio_ws_03 {
	margin: 0;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_ws_03 li {
	float: left;
	margin: 0 5px 0 0;
}

#portfolio_ws_03 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_website_kpri.jpg);
	background-repeat: no-repeat;
}
/******************/
#portfolio_ws_04 {
	margin: 0;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_ws_04 li {
	float: left;
	margin: 0 5px 0 0;
}

#portfolio_ws_04 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_website_smbs.jpg);
	background-repeat: no-repeat;
}
#portfolio_ws_04 #portfolio_ws_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_ws_04 #portfolio_ws_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_ppws_04 {
	margin: 0;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_ppws_04 li {
	float: left;
	margin: 0 5px 0 0;
}

#portfolio_ppws_04 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/portfolio_website_ppws.jpg);
	background-repeat: no-repeat;
}
#portfolio_ppws_04 .portfolio_ws_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_ppws_04 .portfolio_ws_default:hover {
	background-position: -343px 0;
}
/******************/
#content h4.portfolio_h4 {
	font-weight:bold;
	color:#540505;
	font-size:12px;
	padding:0;
	margin:0;
}
#content p.portfolio_text02 {
	color:#000;
	font-size : 9px;
	letter-spacing : 0.1em;
	word-spacing : 0.05em;
	line-height:20px;
	width:200px;
	height:90px;
	float:left;
}
/****************************************************
*	Roll Over Button Portfolio Graphic Design Page	*
****************************************************/
#portfolio_ocmusicfestival {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_ocmusicfestival li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_ocmusicfestival a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_ocmusic.jpg);
	background-repeat: no-repeat;
}
#portfolio_ocmusicfestival .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_ocmusicfestival .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_bestbuy01 {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_bestbuy01 li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_bestbuy01 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_bestbuy.jpg);
	background-repeat: no-repeat;
}
#portfolio_bestbuy01 .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_bestbuy01 .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_bestbuy02 {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_bestbuy02 li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_bestbuy02 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_bestbuy02.jpg);
	background-repeat: no-repeat;
}
#portfolio_bestbuy02 .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_bestbuy02 .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_kpri {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_kpri li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_kpri a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_kpri.jpg);
	background-repeat: no-repeat;
}
#portfolio_kpri .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_kpri .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_lapazspa {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_lapazspa li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_lapazspa a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_lapazspa.jpg);
	background-repeat: no-repeat;
}
#portfolio_lapazspa .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_lapazspa .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_vzmusicplate {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_vzmusicplate li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_vzmusicplate a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_vzmusicplate.jpg);
	background-repeat: no-repeat;
}
#portfolio_vzmusicplate .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_vzmusicplate .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/******************/
#portfolio_vzmusicsmall {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_vzmusicsmall li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_vzmusicsmall a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_vzmusicsmall.jpg);
	background-repeat: no-repeat;
}
#portfolio_vzmusicsmall .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_vzmusicsmall .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/**********************************/
#portfolio_redesign01 {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_redesign01 li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_redesign01 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/eat24hour686x90.jpg);
	background-repeat: no-repeat;
}
#portfolio_redesign01 .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_redesign01 .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/**********************************/
#portfolio_redesign02 {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_redesign02 li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_redesign02 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/eat24hour_after.jpg);
	background-repeat: no-repeat;
}
#portfolio_redesign02 .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_redesign02 .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/**********************************/
#portfolio_emailblast01 {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_emailblast01 li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_emailblast01 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/graphicdesign_bestbuy.jpg);
	background-repeat: no-repeat;
}
#portfolio_emailblast01 .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_emailblast01 .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/**********************************/
#portfolio_emailblast02 {
	margin: 0px;
	padding: 0px;
	width:343px;
	height: 90px;
	list-style: none;
	display:inline;
}
#portfolio_emailblast02 li {
	float: left;
	margin: 0 5px 0 0;
}
#portfolio_emailblast02 a {
	text-decoration: none;
	display: block;
	height: 90px;
	text-indent: 0;
	background-image: url(portfolio/collectors_corners_eb.jpg);
	background-repeat: no-repeat;
}
#portfolio_emailblast02 .portfolio_gd_default {
	background-position: 0px 0px;
	width: 343px;
}
#portfolio_emailblast02 .portfolio_gd_default:hover {
	background-position: -343px 0;
}
/************************************
*   Resourcese                      *
*************************************/
#resources-box {
	width:770px;
	/*margin:0 0 0 235px;*/
	background-color: #fff;
	background-image: url(img/resources-left-side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.resources-top {
	width:100%;
	height:20px;
	background-image: url(img/resources-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.resources-top span {
	display:block;
	position:relative;
	height:20px;
	background-image: url(img/resources-top-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.resources-cntr-box {
	position:relative;
	padding:1px 20px 1px 20px;;
	margin:-1px 0 -50px 0;
	background-image: url(img/resources-right-side.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height:100%;
}
.resources-btm {
	width:100%;
	height:60px;
	background-image: url(img/resources-btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.resources-btm span {
	display:block;
	position:relative;
	height:60px;
	background-image: url(img/resources-btm-rt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/*********************************
*	end of Box					 *
**********************************/
.resources_verbiage {
float:left;
font-size : 12px;
letter-spacing : 0.1em;
word-spacing : 0.05em;
line-height:20px;
text-align:justify;
width:550px;
padding: 10px 0 0 0;
}
.resources-table {
background-color : #fff;
float : left;
width : 560px;
}
.resources-table p{
background-color : #fff;
width : 550px;
}
.resources-table h2 {
color:#8A4705;
font : 18px verdana;
padding-bottom : 3px;
width : 550px;
border-bottom: 1px solid #8A4705;
}
.resources-website a{
	background-image:url(images/port_websites.jpg);
	text-decoration: none;
	display: block;
	height: 86px;
	width:100px;
	text-indent: 0;
	background-repeat: no-repeat;
	
}
/************************************
*   Right Side                      *
*************************************/
#resources-rightside {
width : 160px; /*337*/
background-color : #fff;
float : left;
}
#resources-rightside a {
text-decoration : none;
color : #8A4705;
font : 11px "Verdana" !important ;
padding: 3px 0 0 0;
}
#resources-rightside h3 {
font : 16px "Verdana";
color : #8A4705;
border-bottom: 1px solid #8A4705;
padding-bottom : 3px;
width : 160px;
}
#resources-rightside li.resources {
width : 160px;
float : left;
padding: 6px 0;
border-bottom: 1px dashed #8A4705;
}