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

/* Meyer reset */
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, 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 */
body { font:1em Georgia, "Times New Roman", Times, serif; color:#4c4746; }
div#container { position:relative; width:940px; margin:10% auto; overflow:visible; }
div#content_main { display:block; background:url(/images/rjw_welcome_bg.png) center no-repeat; width:351px; height:350px; }
div#content_main h1, div#content_main h2, div#content_main h3, div#content_main p { position:absolute; left:30px; width:275px; }
div#content_main h1 { display:none; text-indent:-9999px; }
div#content_main h2 { top:111px; font-size:1.2em; font-style:italic; line-height:1.3em; }
div#content_main h3 { top:255px; font-size:1.15em; color:#000; }
div#content_main p { top:275px; font-size:.9em; color:#4b4645; }
div#content_main p#contact { top:300px; }
div#content_main p#contact a { display:block; background:#9666a2; width:83px; padding:4px; color:#fff; text-decoration:none; font-style:italic; }
div#content_main p#contact a:hover { background:#13a1d4; }

/* portfolio */
ul#portfolio { position:absolute; top:0px; left:351px; width:410px; }
ul#portfolio li { display:block; position:absolute; width:175px; height:174px; list-style:none; list-style-type:none; background:url(/images/rjw_btn_bg.png) center no-repeat; font-style:italic; }
ul#portfolio li a { position:relative; top:30px; left:30px; color:#bddce7; text-decoration:none; font-size:1.05em; }
ul#portfolio li a:hover { color:#fff; }
ul#portfolio li#web { top:351px; }
ul#portfolio li#print { top:176px; left:176px; }

/* form */
form { position:absolute; top:350px; left:351px; width:175px; display:block; background:url(/images/rjw_btn_bg.png) center repeat; }
form input { position:relative; left:176px; float:left; }
form label span { position:relative; left:0px; }

/* social */
h3#social { position:absolute; top:-9999px; /* pre-loader */ background:url(../images/icons_over_01.gif) top center no-repeat; }
ul#social_links { position:absolute; top:0; left:0; display:block; width:65px; background:url(../images/icons_01.gif) top center no-repeat; cursor:pointer; }
ul#social_links li { display:block; width:65px; }
ul#social_links li a { display:none; width:65px; text-indent:-9999px; }
ul#social_links:hover li a { display:block; }
ul#social_links:hover { background:url(../images/icons_over_01.gif) top center no-repeat; }
/* pre-loader */ li#facebook { background:url(../images/icons_over_02.gif) no-repeat; margin-top:73px; }
li#facebook a { height:35px; background:url(../images/icons_02.gif) no-repeat; }
li#facebook a:hover { background:url(../images/icons_over_02.gif) no-repeat; }
/* pre-loader */li#flickr { background:url(../images/icons_over_04.gif) no-repeat; }
li#flickr a { height:36px; background:url(../images/icons_04.gif) no-repeat; }
li#flickr a:hover { background:url(../images/icons_over_04.gif) no-repeat; }
/* pre-loader */li#delicious { background:url(../images/icons_over_06.gif) no-repeat; }
li#delicious a { height:36px; background:url(../images/icons_06.gif) no-repeat; }
li#delicious a:hover { background:url(../images/icons_over_06.gif) no-repeat; }
/* pre-loader */li#linkedin { background:url(../images/icons_over_07.gif) no-repeat; }
li#linkedin a { height:36px; background:url(../images/icons_07.gif) no-repeat; }
li#linkedin a:hover { background:url(../images/icons_over_07.gif) no-repeat; }
/* pre-loader */li#colourlovers { background:url(../images/icons_over_08.gif) no-repeat; }
li#colourlovers a { height:36px; background:url(../images/icons_08.gif) no-repeat; }
li#colourlovers a:hover { background:url(../images/icons_over_08.gif) no-repeat; }

/* shadowbox */
.hidden { display: none; }

/* footer */
div#site_info { position:absolute; color:#fff; font-size:.8em; font-style:italic; top:180%; color:#cab4b0; }