@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong {
	font-weight:600;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body{
	background:  url(../images/bg.jpg) repeat;
	color:#5d6056;
	font-family:Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.7em;
}

#wrap {
	width:790px;
	margin: 10px auto;
	height:100%;
	
}

.topCurve{
	background:  transparent url(../images/top-curve.png) no-repeat top left;
	width:790px;
	height:29px;
	padding: 0 0 0 0;
}

.midWrap{
	background:  transparent url(../images/mid-bg.png) repeat-y top left;
	padding: 0 0 0 0;
	height:100%;

}

#header {
	background: url(http://www.robjelinski.com/images/rj-header.jpg) no-repeat;
	height:490px;
	margin:0 0 0 5px;
	padding: 0 0 0 0;
	
}
#header:hover {
	background: url(http://www.robjelinski.com/images/rj-headerHover.jpg) no-repeat;
}

#header-inp {
	background: url(../images/rj-header-inp.jpg) no-repeat;
	height:514px;
	margin:0 0 0 5px;
	padding: 0 0 0 0;
	
}

#rjs-buzz{
	background: url(../images/rjs-merch.jpg) no-repeat;
	width:395px;
	height:289px;
	margin:0 0 0 5px;

}

#shop-now {
	width:236px;
	height:132px;
	margin-left:50px;
}

#ink-pad {
	background: url(../images/ink-pad.jpg) top left no-repeat;
	width: 261px;
	height: 144px;
}

#ink-pad:hover {
	background: url(../images/ink-padHover.jpg) top left no-repeat;
	width: 261px;
	height: 144px;
}

.dblColumn {
	width:650px;
	margin:0 35px;
	padding: 0 0 0 0;
}

.hlfColumn {
	width:325px;
	margin:0 35px;
	padding: 0 0 0 0;
	float:left;
}

.hlfColumn-rgt {
	width:325px;
	margin:-289px 35px 0 0;
	padding: 0 0 0 0;
	float:right;
}


.hlfColumn span{
	color:#477988;
	font-family: Garamond, Georgia,"Times New Roman",serif;
	font-size: 1.25em;	
}

.hlfColumn-rgt span{
	color:#477988;
	font-family:  Garamond, Georgia,"Times New Roman",serif;
	font-size: 1.25em;	
}

.fresh-work{
	background: url(http://www.robjelinski.com/images/freshwork.png) no-repeat;
	width:388px;
	height:287px;
	margin:1px 0 0 -36px;
	z-index: 700;


}

.footer{
	background:  transparent url(http://www.robjelinski.com/images/bot-curve.png) no-repeat top left;
	width:790px;
	height:184px;
	margin: -1px 0 0 0;
	padding: 94px 0 0 0;

}

.footer:hover{
	background:  transparent url(http://www.robjelinski.com/images/bot-curveHover.png) no-repeat top left;

}



.footer-inp{
	background:  transparent url(../images/bot-curve-inp.png) no-repeat top left;
	width:790px;
	height:184px;
	margin: -1px 0 0 0;
	padding: 94px 0 0 0;

}



.clear {
	clear: both;
}

.com-pg {
	margin: 0 0 40px 35px;
}



/*--------- typo ---------*/
h1{
	color:#3b2e21;
	font-size: 1.375em;
	font-family:Helvetica, sans-serif;

}

p{

}


.hl1 {
	color:#477988;
	font-size: 1.2em;
	text-align: center;
	font-family: Garamond, Helvetica, sans-serif;
}

.footer-text {
	margin: 0 0;
	text-align: center;
	font-size: 0.875em;

}


/*--------- links---------*/
a {
	color:#C1047F;
	font-weight:normal;
	text-decoration:none;

}

a:link {
	text-decoration:none;
}

a:hover {
	color:#b6c86c;
	text-decoration:none;
}

.cursor {
	cursor:default;
}


/*--------- fresh work js ---------*/
#container {
	width:388px;
	height:287px;
	border:none;
	position:relative;
	overflow:hidden;
	margin:47px 0 0 0;
}

#items_container {
	height:227px;
	width:580px;
	position:absolute;
	overflow:hidden;
	margin:40px 0 0 65px;
}

#items_container .slide_item {
	width:290px;
	height:229px;
	position:absolute;
	cursor:pointer;
}

#items_container .first_item {
	left:0;
}

/*--------- rj headings ---------*/

h1.client, h1.background, h1.contact, h1.resume, h1.samplebook, h1.references, h1.links {
	background: url(../images/rj-headings.png) top left no-repeat;
}

h1.client {
	background-position: 0 0;
	width:100px;
	height:17px;
}
h1.client:hover {
	background: url(../images/rj-headingsHover.png) top left no-repeat;
	background-position: 0 0;
}


h1.background {
	background-position: -1px -19px;
	width:112px;
	height:18px;
}

h1.background:hover {
	background: url(../images/rj-headingsHover.png) top left no-repeat;
	background-position: -1px -19px;
}

h1.contact {
	background-position: -1px -39px;
	width:84px;
	height:18px;
}

h1.contact:hover {
	background: url(../images/rj-headingsHover.png) top left no-repeat;	
	background-position: -1px -39px;
}

h1.resume {
	background-position: -1px -58px;
	width:75px;
	height:18px;
}
h1.resume:hover {
	background: url(../images/rj-headingsHover.png) top left no-repeat;		
	background-position: -1px -58px;
}


h1.samplebook {
	background-position: -1px -77px;
	width:125px;
	height:18px;
}

h1.references {
	background-position: -1px -96px;
	width:113px;
	height:18px;
}

h1.links {
	background-position: -1px -115px;
	width:79px;
	height:18px;
	margin-top:-20px;
}

h1.links:hover {
	background: url(../images/rj-headingsHover.png) top left no-repeat;
	background-position: -1px -115px;
}


/*--------- popup bubbles ---------*/

a.screen, a.screen:visited {
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:130px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */

left:60px; /* position:the image */
top:-120px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:120px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

/*--------- contact form ---------*/
#contact-area {
	width: 325px;
	margin: 0 0 45px 0;
}

#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 300px;
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0 0 10px;
	border: 1px solid #a17e99;
	color:#000000;
	background-color: #f6ede4;
}

#contact-area textarea {
	height: 90px;
	font-family: Garamond, Helvetica, sans-serif;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #990066;
	background-color: #d4b587;
}

#contact-area input.submit-button {
	background-image: url(../images/rjs_sendit_button.gif);
	width: 68px;
	height: 24px;
	float: left;
}

label {

	display:block;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	color:#477988;
	font-family: Garamond, Georgia,"Times New Roman",serif;
	font-size: 1.25em;
	font-weight:600;	
}

#contact-area span {
	color:#0ED055;
}

#contact-area p {
	color:#477988;
	font-family: Garamond, Georgia,"Times New Roman",serif;
	font-size: 1.25em;
}