@charset "utf-8";
/* CSS Document */
img { border-style: none; }

img, div, input { behavior: url("../iepngfix.htc")}

#wrap-home {
	width: 976px;
	height: 654px;
	background: url('../img/homepapertop.png');
	margin: 0 auto;
}
#wrap-sub {
	width: 976px;
	margin: 0 auto;
	background: url('../img/sub-papertop.png');
}
#wrap-bodycopy {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background: #fefef3 url('../img/the-o.jpg') bottom right no-repeat;
	padding: 35px 0px;
}
#wrap-home-bot {
	width: 976px;
	height: 375px;
	background: url('../img/home-paperbottom.png') no-repeat;
	margin: 0 auto;
}
#homebody2 {
	padding: 10px 50px 0px 46px;
	width: 224px;
	float: left;
	clear: right;
}
#homebody3 {
	padding: 10px 40px 0px 0px;
	width: 600px;
	float: right;
	clear: right;
}

#keywords {
	padding: 30px 0 0 680px;
}
#keywords h2 {
	font:  bold italic 14px Georgia, Times, Serif;
	color: #c7c7b8;
	padding: 10px 0 7px 0;
	margin: 0px;
}

/* nav */

#nav {
	width: 800px;
	margin: 10px 0 0 22px;
	height: 45px;
	background: url('../img/nav-bkgd.gif') no-repeat;
}

#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	display: inline;
}
#nav a {
	display: block;
	float: left;
	text-decoration: none;
	color: #434338;
	font-weight: bold;
	text-align: center;
	height: 22px;
	padding: 6px 22px;
	margin: 6px 3px 4px 3px;
	font-size: 16px;	
}
#nav .active {
	color: #000000;
	background-color: #eeeed3;

}
#nav a:hover {
	color: #000000;
	background-color: #eeeed3;
}

#home a {
	background-image: url('../img/nav-home.jpg');
	background-position: center;
	background-repeat: no-repeat;
	padding: 5px;
	margin: 7px 20px 0 43px;
	border: none;
}

#home .active {
	background-image: url('../img/nav-home-over.jpg');
}
#home a:hover {
	background-image: url('../img/nav-home-over.jpg');
}






/* subnav */

#subnav {
	margin: 9px 0 0 35px;
	height: 63px;
	width: 850px;
}
#subnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#subnav li {
	display: inline;
}
#subnav a {
	text-decoration: none;
	color: black;
	border: 1px dotted;
	border-color: #b5b594;
	font-weight: normal;
	text-align: center;
	height: 24px;
	padding: 4px 11px 7px 11px;
	margin: 10px 2px 0 2px;
	font-size: 12px;
}
#subnav .active {
	color: #000000;
	background-color: #efefd8;
	font-weight: normal;
}
#subnav a:hover {
	color: #000000;
	background-color: #efefd8;
}




#subnav-print2 {
	height: 63px;
	width: 679px;
	background-image: url(../img/bg-subnav.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin: 20px 0px 10px 0px;
}
#subnav-print2 h2{
	color:#D4DFE7;
	display:block;
	float:left;
	font-weight:bold;
	height:22px;
	margin:10px 30px 0 25px;
	text-align:left;
	text-decoration:none;

}
#subnav-print2 ul {
	list-style-type: none;
}
#subnav-print2 li {
	display: inline;
}
#subnav-print2 a {
	display: inline;
	/*float: left;*/
	text-decoration:none;
	color: #d4dfe7;
	font-weight: bold;
	text-align: left;
	height: 22px;
	margin: 0px 30px 0px 0px;
	font-size: 14px;
}
#subnav-print2 ul li .active {
	color: white;
	border-bottom: 1px dotted;
}
#subnav-print2 ul li a:hover {
	color: white;
	border-bottom: 1px dotted;
}
#sub1-clients {
	margin-left: 260px;
}
#sub1-contact {
	margin-left: 275px;
}
#sub1-company {
	margin-left: 510px;
}
#sub1-print2 {
	padding-left: 0px;
}
#sub1-print {
	padding-left: 120px;
}


/* web design */

#portfolio-website {
	height: 270px;
	font-family:"Comic Sans MS", cursive;
	/*background-image: url(../img/bkgd.jpg);*/
	background-image: url(../img/torn-paper-2a.png);
	background-repeat: no-repeat;
}
#website-image {
	float: left;
	clear: right;
	margin: 0 0 10px 15px;
}
#website-description { 
	
	width: 550px;
	height: 246px;
}
#website-description-title {
	color:#444444;
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	font-weight:normal;
	padding:34px 0 0 50px;
}
#website-description-text {
	color:#444444;
	font-family:"Comic Sans MS", cursive;
	font-size:1.2em;
	font-weight:normal;
	height:120px;
	padding:8px 33px 0 60px;

}
#website-description-footer {
	height: 20px;
	padding: 5px 48px 0 55px;
}
#website-description-footerleft {
	width: 150px;
	font-family:"Comic Sans MS", cursive;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #919085;
	float: left;
	clear: right;
	padding-top: 5px;
}

#website-description-footerright {
	font-family:"Comic Sans MS", cursive;
	font-size: 14px;
	font-weight: normal;
	color: black;
	float: right;
	width: 84px;
	text-align: center;
	height: 25px;
	padding-top: 5px;
}
#website-description-footerright a{
	color: #dc590a;
	text-decoration: none; 
}
#website-description-footerright a:hover{
	color: #dc590a;
	text-decoration: none; 
	background-color: #FFFFFF;
}

.adspace2_b{
	color:#444444;-size:0.9em;
	margin:0 10px 20px 30px;
	padding: 0px 0px 0px 8px;
}
.adspace2_b h2{
	color: #2186A3;
	font-size:1.3em;
}

/* print design */

#portfolio-print {
	background-color: white;
	padding: 20px;
	text-align: center;
	clear: both;
}
#print-description-text {
	height: 120px;
	padding: 18px 40px 0 10px;
	font-family: "Trebuchet MS", Arial, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	color: #444444;
}
#print-description-title {
	height: 25px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Sans Serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #e9e9e9;
	color: #black;
	padding-top: 7px;
}
.dash {
	font-size: 8px;
	color: #666666;
}




/* main content */


#bodycopy {
	margin: 0 0 48px 0px;
	width: 680px;
	padding: 0 0 0 22px;
	background-color: #fefef3;
	clear: right;
	float: left;
}
#bodycopy.blog {
	margin: 0 0 48px 0px;
	width: 580px;
	padding: 0 0 0 42px;
	background-color: #fefef3;
	clear: right;
	float: left;
	color: #333;
}
#bodycopy-alltext li{
	font-size: 13px;
	color: black;
	line-height: 23px;
	font-weight: normal;
}
#bodycopy-alltext {
	margin: 0 0 48px 0px;
	width: 580px;
	padding: 0 100px 0 42px;
	background-color: #fefef3;
	clear: right;
	float: left;
}
#bodycopy-alltext p {
	font-size: 13px;
	color: black;
	line-height: 23px;
	font-weight: normal;
}
#bodycopy-alltext a {
	color: #dc590a;
	text-decoration:none;
	border-bottom: 1px dotted;
}
#bodycopy-alltext a:hover {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid;
}
#home-bodycopy {
	margin: 0 0 48px 20px;
	width: 680px;
	padding: 0 0 0 31px;
	background-color: #fefef3;
}
#rightcolumn {
	width: 230px;
	float: right;
	background-color: #fefef3;
	margin: 0 2px 0px;
	padding: 0;
}
#rightcolumn.blog {
	width: 337px;
	float: right;
	background-color: #fefef3;
	margin: 0;
	padding: 0;
	height: 600px;
}
#bodycopy p {
	font-size: 13px;
	color: black;
	line-height: 23px;
	font-weight: normal;
}
#bodycopy a {
}
#bodycopy a:hover {
	color: #666;
	text-decoration:none;
	/*border-bottom: 1px solid;*/
}
#home-bodycopy p {
	font-size: 13px;
	color: black;
	line-height: 23px;
	font-weight: normal;
}

#home-bodycopy a {
	color: #dc590a;
	text-decoration:none;
	border-bottom: 1px dotted;
}

#home-bodycopy a:hover {
	color: #666;
	text-decoration:none;
	border-bottom: 1px solid;
}
#bodycopy h1 {
	font-size: 32px;
	color: #2186a3;
	font-weight: normal;
	margin: 0;
}
#bodycopy h1 a{
	font-size: 32px;
	color: #2186a3;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
	font-variant: small-caps;
}
#bodycopy-alltext h1 {
	font-size: 32px;
	color: #2186a3;
	font-weight: normal;
	margin: 0;
}
#home-bodycopy h1 {
	font-size: 24px;
	color: #2186a3;
	font-weight: normal;
	margin: 0px 0 -5px 0;
}
#homebody2 h3{
	font-size: 24px;
	color: #2186a3;
	font-weight: normal;
	margin: 0px;
}
#homebody2 p {
	font-size: 12px;
	color: black;
	line-height: 18px;
	font-weight: normal;
}
.homebody2-titles a{
	font-size: 16px;
	color: #dc590a;
	line-height: 22px;
	font-weight: bold;
	text-decoration:none;
	border-bottom: 1px dotted;
}
.homebody2-titles a:hover {
	color: #666;
	text-decoration:none;
	border-bottom: 1px solid;
}

#homebody2 ul {
	list-style-type: none;
}
#icon1 {
	font-size: 12px;
	color: black;
	line-height: 18px;
	font-weight: normal;
	list-style-type: none;
	margin: 20px 0 0 0;
	background-image: url('../img/icon-w.jpg');
	background-position: 3px 0px;
	padding: 0px 0px 0px 42px;
	background-repeat: no-repeat;
}

#icon2 {
	font-size: 12px;
	color: black;
	line-height: 18px;
	font-weight: normal;
	list-style-type: none;
	margin: 15px 0 0 0;
	background-image: url('../img/icon-o.jpg');
	background-position: 3px 0px;
	padding: 0px 0px 0px 42px;
	background-repeat: no-repeat;
}
#icon3 {
	font-size: 12px;
	color: black;
	line-height: 18px;
	font-weight: normal;
	list-style-type: none;
	margin: 15px 0 0 0;
	background-image: url('../img/icon-e.jpg');
	background-position: 3px 0px;
	padding: 0px 0px 0px 42px;
	background-repeat: no-repeat;
}
.homebody2 ul {
	list-style-image: url(/img/homeredball.gif)
}
#homebody3 h4{
	font-size: 1.5em;
	color: #2186a3;
	font-weight: normal;
	margin: 0px 0 -5px 0;
}
#homebody3 p {
	font-size: .7em;
	font-weight: normal;
}
.author {
	font-size: 11px;
	color: #758C20;
	line-height: 20px;
}
.author2 {
	font-size: 11px;
	color: #666666;
	line-height: 20px;
}

#recentwork-bkgd {
	margin: 0 0 0 44px;	
	height: 207px;
	width: 720px;
	background-image: url(../img/recent-work.jpg);
	float: left;
}

#recentwork-link1 a{
	margin: 180px 0 0 70px;
	text-align: center;
	font-size: 12px;
	text-decoration:none;
	border-bottom: 1px dotted;
	color: black;
	float: left;
	clear: right;
}

#recentwork-link2 a{
	margin: 180px 0 0 140px;
	text-align: center;
	font-size: 12px;
	text-decoration:none;
	border-bottom: 1px dotted;
	color: black;
	float: left;
	clear: right;
}

#recentwork-link3 a{
	margin: 180px 0 0 136px;
	text-align: center;
	font-size: 12px;
	text-decoration:none;
	border-bottom: 1px dotted;
	color: black;
	float: left;
	clear: right;
}
#recentwork-titles {
	margin: 0px 0 0 44px;
}
#recentwork-title1 {
	padding-top: 0px;
	margin: 0px 0 0 28px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #A1A885;
	float: left;
	clear: right;
}

#recentwork-title2 {
padding-top: 0px;
	margin: 0px 0 0 75px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #A1A885;
	float: left;
	clear: right;
}

#recentwork-title3 {
padding-top: 0px;
	margin: 0px 0 0 90px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #A1A885;
	float: left;
}
.title-italic {
 	font-weight: normal;
	font-style: italic;
	color: #666666;
}

#footer-text {
	padding: 10px 0;
	font-size: 11px;
	color: #989EAB;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

#footer-text a {
	color: #989EAB;
	text-decoration: none;
}



*html #home a {
	margin-left: 25px;
}
*html #recentwork-bkgd {
	margin-left: 20px;	
}
*html #recentwork-title1 {
	margin-left: 18px;
}

*html #recentwork-title2 {
	margin-left: 71px;
}

*html #recentwork-title3 {
	margin-left: 85px;
}




.black-14 {
	font-size: 15px;
	color: black;
	line-height: 22px;
}
#bodycopy h3 {
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin: 25px 0 -10px 0;
}
#bodycopy-alltext h3 {
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin: 25px 0 -10px 0;
}

.link-blue {
	color: #cfe6ec;
}
.link-orange {
	color: #dc590a;
	border-bottom: 1px dotted;
	text-decoration: none;
}
.green {
	color: #A1A885;
}






.screen-reader-text {
     position: absolute;
     left: -1000em;
}

#bodycopy.blog a {
	color: #dc590a;
	border-bottom: 1px dotted;
	text-decoration: none;
}

#bodycopy.blog a img {
	border: none;
}

#bodycopy.blog a:visited {
	color: #dc590a;
	border-bottom: 1px dotted;
	text-decoration: none;
}

#bodycopy.blog a:hover {
	color: #666;
	border-bottom: 1px dotted;
	text-decoration: none;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}


cite {
	font-size: 90%;
	font-style: normal;
}

#bodycopy.blog h2 {
	font-family: "Trebuchet MS", Arial, sans;
	font-size: 12px;
	color: #808080;
	font-weight: normal;
	margin: 0px 0 -5px 0;
}

#bodycopy.blog h6 a{
	font-size: 32px;
	color: #2186a3;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
	margin-top: 0px;
	padding: 0px;
}

#bodycopy.blog h6 a:hover {
	color: #2186a3;
	text-decoration: none;
	border-bottom: none;
}

#bodycopy.blog h6 {
	margin: 0px;
	padding: 0px;
}

ol#comments li p {
	font-size: 100%;
}

#bodycopy.blog p, #bodycopy.blog li, #bodycopy.feedback {
	font: 90%/175% Trebuchet, 'Lucida Sans Unicode', Verdana, sans-serif;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: left;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
}

.meta {
	font-size: .75em;
}



.meta li, ul.post-meta li {
	display: inline;
	color: #999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.meta ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}






#menu {
	border-left: 1px dotted #ccc;
	padding: 5px 0 10px 10px;
	margin: 0 0 0 30px;
	width: 11em;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #999;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #dc590a;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px dotted #809080;
	color: #809080
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

/* image specific */
#proid-bg{
	background-color:#fefefe;
	width: 640px;
	min-height: 460px;
	padding: 8px 8px 0px 8px;
	border: 1px solid #f0f0f0;
	position: relative;
}

#proid-stage{
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #f0f0f0;
	-moz-box-shadow: inset 0 0 2px #818181;
	-webkit-box-shadow: inset 0 0 2px #818181;
    box-shadow: inset 0 0 2px #818181;
	

}

#proid-stage .top-left{
	background:url("../img/tape.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:27px;
	left:50px;
	position:absolute;
	top:-12px;
	width:77px;
}

#proid-stage .top-right{
	background:url("../img/tape.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:27px;
	left:500px;
	position:absolute;
	top:-12px;
	width:77px;
}
.proid{
	text-decoration: none !important;
}
#proid-stage img{
	max-width: 100%;
	margin: 0px auto;
}

#proid-foot{
	background:url("../img/proid-arrow.jpg") no-repeat scroll left top #FEFEFE;
	font-size:1.2em;
	height:80px;
	padding:2px 0 0 220px;
}

#proid-foot ul#menu{
	cursor: pointer;
	z-index: 10002;
	position: absolute;
	margin:0 0 0 -35px;
	border: none;
}

#proid-foot ul li{
	display:none;
	float:left;
	list-style:none outside none;
	border-top: 1px dotted #818181;
	height: 51px;
	width: 400px;
}
#proid-foot ul li.top{
	display:block;
	background: transparent url("../img/click_here.jpg") left top no-repeat;
	border: none;
}

#proid-foot ul li.item a{
	left:-1800px;
	position: absolute;
}

#proid-foot ul#menu:hover li.item{
	display: block;
	box-shadow: -1px 1px 1px #818181;
	-webkit-box-shadow: -1px 1px 1px #818181;
	-moz-box-shadow: -1px 1px 1px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=-5, offY=5, positive=true);
}

#proid-foot ul li#option_1{
	background: transparent url("../img/option_1.jpg") left top no-repeat;
}
#proid-foot ul li#option_2{
	background: transparent url("../img/option_2.jpg") left top no-repeat;
}
#proid-foot ul li#option_3{
	background: transparent url("../img/option_3.jpg") left top no-repeat;
}
#proid-foot ul li#option_4{
	background: transparent url("../img/option_4.jpg") left top no-repeat;
}
#proid-foot ul li#option_5{
	background: transparent url("../img/option_5.jpg") left top no-repeat;
}
.shadow2{
	box-shadow: -5px 5px 9px #818181;
	-webkit-box-shadow: -5px 5px 8px #818181;
	-moz-box-shadow: -5px 5px 9px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=-5, offY=5, positive=true);
}

.narrow{
	width:100%;
	font-size: .7em;
}
.narrow label{
	display:table-cell;
	padding:0 25px 0 0;
	width:185px;	
}

#tab_menu {
	float:left;
	height:100%;
	margin:150px 0 10px 951px;
	position:absolute;
	top:0;
	width:200px;
      }
#tab_menu #tab_holder{
	position: fixed;
	margin: 0px 0px 150px 0px;
	z-index:1;
}
#tab_menu .r-tab{
	background:url("../img/r-tab.png") no-repeat scroll left top transparent;
	height:150px;
	margin:0 0 -20px 9px;
	width:80px;
	
	padding: 6px 0 0 4px;
}
#tab_menu .r-tab a{
	width: auto;
	display:block;
	text-decoration: none;
	z-index: 9999;
}

.narrow input, textarea{
	border: 1px solid #888888;
	font-family: "Comic Sans ms", cursive;
}
.btnBold{
	background-color: #FF9900;
	border: 1px solid #818181;	
	color: #FFFFFF;
	font-weight: 800;
	float: right;
}

.clearelem{
	clear:both;
	font-size: .01em;
	line-height: .01em;
}

/*thumbnails*/
#proid-bg-small{
	background-color:#fefefe;
	width: 160px;
	min-height: 250px;
	padding: 8px 8px 0px 8px;
	margin: 15px 12px 0px 0px;
	border: 1px solid #f0f0f0;
	position: relative;
	float: left;
}

#proid-stage-small{
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #f0f0f0;
	-moz-box-shadow: inset 0 0 2px #818181;
	-webkit-box-shadow: inset 0 0 2px #818181;
    box-shadow: inset 0 0 2px #818181;
	height: 200px;
	overflow: hidden;
}

#proid-stage-small .top-left{
	background:url("../img/tape.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:27px;
	left:50px;
	position:absolute;
	top:-12px;
	width:77px;
}

#proid-stage-small .top-right{
	background:url("../img/tape.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:27px;
	left:500px;
	position:absolute;
	top:-12px;
	width:77px;
}
.proid-small{
	text-decoration: none !important;
}
#proid-stage-small img{
	max-width: 100%;
	margin: 0px auto;
}

#proid-foot-small{
	
	font-size:.8em;
	height:40px;
	padding:2px 0 0 8px;
}
#center-ads{
	text-align: center;
	margin: 2px 0px 5px 0px;
}

.tweet{
	padding: 3px;
	border-bottom: 1px solid #515151;
	clear: both;
}

.tweet .twit-img{
	border: 1px solid #CCC;
	padding: 2px; 
	margin: 0px 4px 4px 0px;
	float: left;
	background-color:#ccc;
}

.tweet .tag-line{
	font-size:.7em;
	text-decoration: none;
	margin: 3px;
	text-align: right;
}