/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; line-height: 18px; }address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0;  line-height: 18px;}table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }




/*Center the Page ______________________________________*/
body {
	background-image: url(/themes/site_themes/rolf2009/images/bkgd_header.png);
	background-repeat: repeat-x;
}

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: visible;
}




/*Text ______________________________________*/
body {
	font-family: georgia, "Times New Roman", Times, serif;
}

a:link, a:visited {
         font-weight: normal;
         color: #6b0005;
         text-decoration: none;
}

.more {
	text-transform: uppercase;
}

p.more a {
	clear: both!important;
	padding-top: 15px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
        font-weight: bold!important;
        text-decoration: none;
}

p, li {
	margin-bottom: 15px;
}


h2 {
	font-size: 2.2em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
}

h3, h4 {
        font-family: helvetica, arial, sans-serif;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: bold;
}

h3 {
        margin: 15px 0;
}

h4 {
        font-size: .85em;
        margin: 45px 5px 5px 0;
        padding-top: 15px;
        color: #761a1a;
        border-bottom: 3px solid #f1edd4;
}

strong {
        font-weight: bold;
}

.date {
        font-size: .85em;
        color: #666;
}






/*Background __________________________________________*/
#header {
	height: 177px;
        width: 960px;
        background-image: url(/themes/site_themes/rolf2009/images/bkgd_header2.png);
	background-repeat: repeat-x;
        background-position: 0 119px;
}



/*Header Area: Logo  _________________________________________________*/
#header h1 {
	position: absolute;
	top: 0px;
	left: -35px;
	font-family: arial, helvetica, sans-serif;
	font-size: 2em;
	text-transform: lowercase;
	color: #6b0005;
	width: 627px;
	height: 191px;
	background-image: url(/themes/site_themes/rolf2009/images/logo.png);
	background-repeat: no-repeat;
}

#header h1 a {
        display: block;
	text-indent: -9999em;
        width: 350px;
        height: 191px;
        border-bottom: none;
}







/*Navigation ______________________________________________________________________*/
ul#nav {
	position: absolute;
        top: 76px;
        right: 0;
	width: 360px;
	height: 57px;
        border-bottom: 3px solid #f1edd4;
}

#nav li {
	float: left;
	list-style: none;
	text-indent: -9999em;
}

ul#nav li a {
        border-bottom: none;
 	display:block;
	background:transparent url(/themes/site_themes/rolf2009/images/globalnav.png) no-repeat;
}

li#services a {
	width: 120px;
	height: 57px;
}

li#portfolio a {
	width: 120px;
	height: 57px;
}

li#contact a {
	width: 120px;
	height: 57px;
}


li#services a:link, li#services a:visited {
	background-position: 0px 0;
}

li#portfolio a:link, li#portfolio a:visited {
	background-position: -120px 0;
}

li#contact a:link, li#contact a:visited {
	background-position: -240px 0;
}

li#services a:hover {
	background-position: 0px -57px;
}

li#portfolio a:hover {
	background-position: -120px -57px;
}

li#contact a:hover {
	background-position: -240px -57px;
}

#pageServices li#services a {
	background-position: 0px -114px;
}

#pagePortfolio li#portfolio a {
	background-position: -120px -114px;
}

#pageContact li#contact a, #pageThankYou li#contact a {
	background-position: -240px -114px;
}



/*Create 2 Columns ______________________________*/
#about, #col1 {
	width: 400px;
	float: left;
}

#workWords, #col2 {
	width: 480px;
	float: right;
}





/*Intro on the Homepage ________________________________*/
#intro {
	width: 100%;
        padding: 35px 0;
	text-align: center;
}

#intro h2 {
	line-height: 46px;
	font-size: 46px;
	font-weight: bold;
	background-image: url(/themes/site_themes/rolf2009/images/tagline_freelance.jpg);
	background-repeat: no-repeat;
	width: 944px;
	height: 84px;
	text-indent: -9999em;
	
}







/*About Me on the Homepage ________________________________*/
#about {
        position: relative;
	padding-top: 65px;
}

#about p {
	line-height: 24px;
        margin: 15px 45px 15px 0;
}


#about h3 {
	position: absolute;
	top: -15px;
	left: -45px;
	background-image: url(/themes/site_themes/rolf2009/images/title_about.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}





/*Recent Projects on the Homepage _______________________________*/
#work {
	position: relative;
	font-family: helvetica, arial, sans-serif;
	font-size: .8em;
        margin-top: 35px;
	padding: 45px;
	min-height: 300px;
}

#work h3 {
	position: absolute;
	top: -15px;
	left: -45px;
	background-image: url(/themes/site_themes/rolf2009/images/title_recent_work.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}

.boxgrid { 
	width: 180px; 
	height: 72px; 
	margin: 0 8px 8px 0;
	background: #f2f0f1;
	overflow: hidden; 
	position: relative; 
	border: 3px solid #f2f0f1;
	float: left;
}
			
.boxgrid:hover {
	border: 3px solid #ddd;
}

.boxgrid img { 
	position: absolute; 
	width: 180px;
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid p { 
	text-align: center;
	padding: 0 1px; 
	line-height: normal!important;
	color: #761a1a; 
	font-weight: bold; 
	font: 11px Arial, sans-serif; 		
}

.boxgrid a {
	color: #761a1a;
	font-weight: bold;
	text-decoration: none;
}
				
.boxcaption { 
	float: left; 
	padding: 5px 0 0 0;
	position: absolute; 
	background: #F0EBD5; 
	height: 72px; 
	width: 100%; 
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.captionfull .boxcaption {
 	top: 80px;
 	left: 0;
        line-height: 12px;
}

a.shadowBox {
        background-image: url(/themes/site_themes/rolfdotcom/images/bg_thumb.png);
        background-repeat: no-repeat;
        padding-bottom: 15px;
}



/*Notes and Twitter on the Homepage _______________________________*/
#notes, #twitter {
        position: relative;
        width: 460px;
        margin: 50px 0 0 0;
        padding: 45px 10px 10px 10px;
        font-family: helvetica, arial, sans-serif;
	font-size: .8em;
}

#twitter {
        min-height: 300px;
        margin-bottom: 45px;
}

#notes h3, #twitter h3 {
        position: absolute;
        top: -15px;
        left: -45px;
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}

#notes h3 {
	background-image: url(/themes/site_themes/rolf2009/images/title_notes.jpg);
}

#twitter h3 {
	background-image: url(/themes/site_themes/rolf2009/images/title_twitter.jpg);
}

#notes ul {
        list-style: none;
        margin: 0 60px 0 35px;
}

#twitter_div {
	width: 260px;
	margin-left: 35px;
}

#icons {
	position: absolute;
	top: 42px;
	right: 40px;
	width: 104px;
}

#icons p {
        width: 80px;
        font-size: .85em;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        line-height: 1em;
}

#icons a {
        border: none;
        font-weight: bold;
}

#icons #linkedIn {
	margin: 25px 0 0 0;
}






/*Content Pages  _______________________________*/
#col1 {
        padding-top: 45px;
}

#col2 {
        padding-top: 15px;
}

#col1 p, #col2 p {
        line-height: 24px;
}


/*Portfolio ____________________________________________*/
#pagePortfolio h2 {
        width: 184px;
        height: 36px;
        text-indent: -9999em;
        background-image: url(/themes/site_themes/rolf2009/images/title_portfolio.gif);
}

#interview {
        position: relative;
        padding-top: 40px;
}

#interview p {
        line-height: 24px;
}

#interview h3 {
	position: absolute;
	top: -25px;
	left: -37px;
	background-image: url(/themes/site_themes/rolf2009/images/title_client_interview.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}

#interview h4 {
        font-size: .8em;
        margin: 35px 0 15px 0;
}

#interview p#projectContact {
         margin: 25px 0 0 0;
         font-family: arial, helvetica, sans-serif;
         font-size: .8em;
         font-style: italic;
}

#interview strong {
         font-weight: bold;
         font-family: arial, helvetica, sans-serif;
         font-size: .9em;
}

#interview a:link, #interview a:visited {
         font-weight: normal;
         border-bottom: 1px dotted #6b0005;
}

#interview a:hover, #interview a:active {
        background-color:  #6b0005;
        color: #fff;
        border-bottom: none;
}


#screenShot {
        margin-top: 80px;
}

#screenShot img {
        padding: 1px;
        border: 1px solid #f1edd4;
        margin-bottom: 35px;
}





/*Portfolio Sub Navigation ____________________*/
#portfolioNav {
         position: relative;
         float: right;
         width: 480px;
}

#portfolioNav ul {
        margin-left: 92px;
}

#portfolioNav li {
        float: left;
        margin-left: 20px;
}

#portfolioNav img {
        width: 100px;
}

#portfolioNav a {
        border-bottom: none;
}

#portfolioNav a img  {
        border: 2px solid #eee!important;
}

#paginateNext, #paginatePrevious, #paginateAll {
        position: absolute;
        top: 145px;
        font-family: arial, helvetica, sans-serif;
        font-size: .75em;
}

#paginateNext a, #paginatePrevious a, #paginateAll a {
        font-weight: bold;
}

#paginatePrevious {
        right: 50px;
}

#paginateNext {
        right: 110px;
}

#paginateAll {
        right: 275px;
}











/*Portfolio complete listing on index page ___________*/
#projects {
	position: relative;
	font-family: helvetica, arial, sans-serif;
	font-size: .8em;
	padding: 45px;
	min-height: 300px;
}

#projects h3 {
	position: absolute;
	top: 0;
	left: -45px;
	background-image: url(/themes/site_themes/rolf2009/images/title_work.png);
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}





/* Callout Boxes _________________________*/
.calloutBox {
	padding: 0 0 25px 0;
        font-family: helvetica, arial, sans-serif;
}

.calloutBox h3 {
	margin: -27px 0 25px 15px;
}

.calloutBox h4 {
        margin-top: 0;
        font-size: 1em;
}

div.calloutBox p {
	margin: 0 0 15px 0;
        line-height: 18px;
}





/*Key Facts ________________________________*/
#keyFacts {
	position: relative;
	font-family: helvetica, arial, sans-serif;
	font-size: .8em;
        margin-top: 100px;
	padding: 40px 0 45px 0;
}

#keyFacts h3 {
	position: absolute;
	top: -15px;
	left: -45px;
	background-image: url(/themes/site_themes/rolf2009/images/title_key_facts.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}

#keyFacts li {
        margin-left: 25px;
}



/*Services Page ______________________*/
#pageServices h2 {
        width: 185px;
        height: 35px;
        text-indent: -9999em;
        background-image: url(/themes/site_themes/rolf2009/images/title_services.gif);
}

#pageServices #col1, #pageServices #col2 {
        width: 420px;
}

#pageServices #col2 {
        padding-top: 80px;
}

div.service {
        margin: 50px 0;
}

div.service h4 {
        margin: 10px 0 10px 0;
}

div.service img {
        border: 1px solid #ccc;
        width: 420px;
        height: 170px;
        margin-bottom: 15px;
}


/*Contact Page ____________________*/
#pageContact #col2 {
        width: 435px;
}

#pageContact h2 {
        width: 255px;
        height: 35px;
        text-indent: -9999em;
        background-image: url(/themes/site_themes/rolf2009/images/title_contact.gif);
}

#phone, #prepare {
	position: relative;
        margin-top: 35px;
	padding: 45px;
}

#phone h3, #prepare h3 {
	position: absolute;
	top: -15px;
	left: -45px;
	background-repeat: no-repeat;
	height: 83px;
	width: 215px;
	text-indent: -9999em;
}

#phone h3 {
	background-image: url(/themes/site_themes/rolf2009/images/title_phone.jpg);
}

#prepare h3 {
	background-image: url(/themes/site_themes/rolf2009/images/title_prepare.jpg);
        top: -80px;
}

#phone p, #prepare p {
        font-size: .85em;
}

#pageContact form {
        margin: 50px 0 0 0;
}

form label {
        font-family: arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: .85em;
}

form input, form textarea {
        width: 400px;
        padding: 2px 5px;
        font-family: arial, helvetica, sans-serif;
        font-size: .85em;
}

form p {
        clear: both;
}

form input.button {
        width: auto;
}

img#questionnaire {
        float: right;
}

p#phoneNo {
        margin: 15px 0 50px 0;
        font-size: 2.2em;
        font-weight: bold;
}

p#close {
        position: absolute;
        right: 80px;
        top: -15px;
}

#pageThankYou h2 {
        width: 248px;
        height: 39px;
        margin-bottom: 45px;
        text-indent: -9999em;
        background-image: url(/themes/site_themes/rolf2009/images/title_thankyou.gif);
}


/*Quotes ______________________________*/
#pagePortfolio #quote {
        text-indent: -9999em;
        width: 348px;
        height: 101px;
        margin: 0 0 35px -15px;
        background-image: url(/themes/site_themes/rolf2009/images/quote_hayman.gif);
}


/* 404 Page __________________________*/
#page404 h2 {
        width: 151px;
        height: 35px;
        margin-bottom: 45px;
        text-indent: -9999em;
        background-image: url(/themes/site_themes/rolf2009/images/title_404.gif);
}


/*Footer _______________________________*/
#footer {
	clear: both;
        border-top: 3px solid #f1edd4;
	padding: 50px 0 25px 0;
	font-family: helvetica, arial, sans-serif;
	font-size: .8em;
}

#footer p {
	line-height: normal;
}

p#footText {
	text-indent: -9999em;
	background-image: url(/themes/site_themes/rolf2009/images/copyright.gif);
	background-repeat: no-repeat;
 	height: 26px;
 	width: 260px;
}

p#clientLogin a:link, p#clientLogin a:visited {
	float: right;
	text-indent: -9999em;
	background-image: url(/themes/site_themes/rolf2009/images/btn_login.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 22px;
	padding: -15px 0 0 0;
	border-bottom: none;
}

p#clientLogin a:hover, p#clientLogin a:active {
	background-image: url(/themes/site_themes/rolf2009/images/btn_login_on.gif);
} 


/*Clear Float __________________________________*/
.clear {
	clear: both!important;
}