/* layout.css */

/* COLORS 
peach (home & words) - #ffcda4
blue (images) - #9dfff7
yellow (work) - #ffff99
green (about) - #caff9a


*/

/* @import url(extra.css); */


/* LAYOUT */
body {  
	font-family: tahoma, verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	text-align: center; 
	min-width: 800px;
	/* background-image: url(images/backlogo.gif); 
	*/
	margin: 10px 0 0 0; padding: 0;
	color: #666;
}

body.noback { background-image: none; }

#wrapper { 
	width: 800px; 
	margin: 0 auto; padding: 0; 
	text-align: left; 
	position: relative; 
	min-height: 600px;
	overflow: hidden;
}

#logo { position: absolute; top: 0; left: 0; height: 108px; }
#top { height: 108px; }

#logo span { display: none; }

#nav { position: absolute; top: 108px; left: 0; width: 156px; }
/* #nav { position: absolute; top: 197px; left: 0; width: 156px; } */

#nav ul { 
	list-style-type: none; 
	margin: 0; padding: 89px 0 0 0;
}
#nav ul li { height: 68px; }

#content { 
	padding: 55px 32px 20px 217px; 
	margin: 0; 
	min-height: 395px; 
}
#content p { padding-right: 223px; }
#content p.fullwidth { padding-right: 40px; }

#footer { padding: 1px 203px 0 217px; margin: 0; height: 60px; }

#footer_contact { 
	padding: 1em 203px .25em 217px; 
	margin: 0; 
}

#recentwork_swf {
	float: right;
	padding-left: 20px;
}

/* NAVIGATION */
/* IMAGE REPLACEMENT */

/* PIXY IR for anchors */

/* NOTE: logo styles below not currently in use */
#logo { 
	margin: 0px;
	padding: 0;
	}
#logo a {
	display: block;
	width: 800px; 
	height: 228px;
	margin: 0; 
	padding: 0;
	background: url(../images/swr/logo.jpg) top left no-repeat;
	text-decoration: none;
}
#logo a h1 {
	display: none;
}
img.nodisplay { /* hides printable logo */
	display: none;
}

/* PAGE IMAGES */
/* home */
#pagewrapper.pg_home #nav ul { background: url(../images/logo_sweep-words.gif) no-repeat #ffcda4; }
#pagewrapper.pg_home #top { background: url(../images/topimage-home.gif) top right no-repeat; }
#pagewrapper.pg_home #content { background: url(../images/contentback-words.gif) #fff; }
#pagewrapper.pg_home #footer { background: url(../images/footer-words.gif) bottom left no-repeat transparent; }

/* words */
#pagewrapper.pg_words #nav ul { background: url(../images/logo_sweep-words.gif) no-repeat #ffcda4; }
#pagewrapper.pg_words #top { background: url(../images/topimage-words.gif) top right no-repeat; }
#pagewrapper.pg_words #content { background: url(../images/contentback-words.gif) #fff; }
#pagewrapper.pg_words #footer { background: url(../images/footer-words.gif) bottom left no-repeat transparent; }

/* images */
#pagewrapper.pg_images #nav ul { background: url(../images/logo_sweep-images.gif) no-repeat #9dfff7; }
#pagewrapper.pg_images #top { background: url(../images/topimage-images.gif) top right no-repeat; }
#pagewrapper.pg_images #content { background: url(../images/contentback-images.gif) #fff; }
#pagewrapper.pg_images #footer { background: url(../images/footer-images.gif) bottom left no-repeat transparent; }

/* work */
#pagewrapper.pg_work #nav ul { background: url(../images/logo_sweep-work.gif) no-repeat #ffff99; }
#pagewrapper.pg_work #top { background: url(../images/topimage-work.gif) top right no-repeat; }
#pagewrapper.pg_work #content { background: url(../images/contentback-work.gif) #fff; }
#pagewrapper.pg_work #footer { background: url(../images/footer-work.gif) bottom left no-repeat transparent; }

/* about */
#pagewrapper.pg_about #nav ul { background: url(../images/logo_sweep-about.gif) no-repeat #caff9a; }
#pagewrapper.pg_about #top { background: url(../images/topimage-about.gif) top right no-repeat; }
#pagewrapper.pg_about #content { background: url(../images/contentback-about.gif) #fff; }
#pagewrapper.pg_about #footer { background: url(../images/footer-about.gif) bottom left no-repeat transparent; }


/* MENU */

#nav h2 { display: none; }
#nav-words, #nav-images, #nav-work, #nav-about { 
	margin: 0;	padding: 0; 
}
#nav-words a, #nav-images a, #nav-work a, #nav-about a {
	display: block;
	width: 156px; height: 68px;
	margin: 0; padding: 0;
	text-decoration: none;
}
#nav-words a span, #nav-images a span, #nav-work a span, #nav-about a span {
	display: none;
}

/* setup image files -- these are grids */
#nav-words a { background: url(../images/nav-words.gif) top left no-repeat; }
#nav-images a { background: url(../images/nav-images.gif) top left no-repeat; }
#nav-work a { background: url(../images/nav-work.gif) top left no-repeat; }
#nav-about a { background: url(../images/nav-about.gif) top left no-repeat; }

/* home page */
#pagewrapper.pg_home #nav-words a { background-position: 0 -272px; }
#pagewrapper.pg_home #nav-words a:hover { background-position: 0 -68px; }
#pagewrapper.pg_home #nav-words a:active { background-position: 0 -136px; }

#pagewrapper.pg_home #nav-images a { background-position: 0 0px; }
#pagewrapper.pg_home #nav-images a:hover { background-position: 0 -68px; }
#pagewrapper.pg_home #nav-images a:active { background-position: 0 -136px; }

#pagewrapper.pg_home #nav-work a { background-position: 0 0px; }
#pagewrapper.pg_home #nav-work a:hover { background-position: 0 -68px; }
#pagewrapper.pg_home #nav-work a:active { background-position: 0 -136px; }

#pagewrapper.pg_home #nav-about a { background-position: 0 0px; }
#pagewrapper.pg_home #nav-about a:hover { background-position: 0 -68px; }
#pagewrapper.pg_home #nav-about a:active { background-position: 0 -136px; }

/* words page */
#pagewrapper.pg_words #nav-words a { background-position: 0 0px; }
/* #pagewrapper.pg_words #nav-words a:hover { background-position: 0 -68px; }
#pagewrapper.pg_words #nav-words a:active { background-position: 0 -136px; } */

#pagewrapper.pg_words #nav-images a { background-position: 0 0px; }
#pagewrapper.pg_words #nav-images a:hover { background-position: 0 -68px; }
#pagewrapper.pg_words #nav-images a:active { background-position: 0 -136px; }

#pagewrapper.pg_words #nav-work a { background-position: 0 0px; }
#pagewrapper.pg_words #nav-work a:hover { background-position: 0 -68px; }
#pagewrapper.pg_words #nav-work a:active { background-position: 0 -136px; }

#pagewrapper.pg_words #nav-about a { background-position: 0 0px; }
#pagewrapper.pg_words #nav-about a:hover { background-position: 0 -68px; }
#pagewrapper.pg_words #nav-about a:active { background-position: 0 -136px; }

/* images page */
#pagewrapper.pg_images #nav-words a { background-position: -156px 0px; }
#pagewrapper.pg_images #nav-words a:hover { background-position: -156px -68px; }
#pagewrapper.pg_images #nav-words a:active { background-position: -156px -136px; }

#pagewrapper.pg_images #nav-images a { background-position: -156px 0px; }
/* #pagewrapper.pg_images #nav-images a:hover { background-position: -156px -68px; }
#pagewrapper.pg_images #nav-images a:active { background-position: -156px -136px; } */

#pagewrapper.pg_images #nav-work a { background-position: -156px 0px; }
#pagewrapper.pg_images #nav-work a:hover { background-position: -156px -68px; }
#pagewrapper.pg_images #nav-work a:active { background-position: -156px -136px; }

#pagewrapper.pg_images #nav-about a { background-position: -156px 0px; }
#pagewrapper.pg_images #nav-about a:hover { background-position: -156px -68px; }
#pagewrapper.pg_images #nav-about a:active { background-position: -156px -136px; }

/* work page */
#pagewrapper.pg_work #nav-words a { background-position: -312px 0px; }
#pagewrapper.pg_work #nav-words a:hover { background-position: -312px -68px; }
#pagewrapper.pg_work #nav-words a:active { background-position: -312px -136px; }

#pagewrapper.pg_work #nav-images a { background-position: -312px 0px; }
#pagewrapper.pg_work #nav-images a:hover { background-position: -312px -68px; }
#pagewrapper.pg_work #nav-images a:active { background-position: -312px -136px; }

#pagewrapper.pg_work #nav-work a { background-position: -312px 0px; }
/* #pagewrapper.pg_work #nav-work a:hover { background-position: -312px -68px; }
#pagewrapper.pg_work #nav-work a:active { background-position: -312px -136px; } */

#pagewrapper.pg_work #nav-about a { background-position: -312px 0px; }
#pagewrapper.pg_work #nav-about a:hover { background-position: -312px -68px; }
#pagewrapper.pg_work #nav-about a:active { background-position: -312px -136px; }

/* about page */
#pagewrapper.pg_about #nav-words a { background-position: -468px 0px; }
#pagewrapper.pg_about #nav-words a:hover { background-position: -468px -68px; }
#pagewrapper.pg_about #nav-words a:active { background-position: -468px -136px; }

#pagewrapper.pg_about #nav-images a { background-position: -468px 0px; }
#pagewrapper.pg_about #nav-images a:hover { background-position: -468px -68px; }
#pagewrapper.pg_about #nav-images a:active { background-position: -468px -136px; }

#pagewrapper.pg_about #nav-work a { background-position: -468px 0px; }
#pagewrapper.pg_about #nav-work a:hover { background-position: -468px -68px; }
#pagewrapper.pg_about #nav-work a:active { background-position: -468px -136px; }

#pagewrapper.pg_about #nav-about a { background-position: -468px 0px; }
/* #pagewrapper.pg_about #nav-about a:hover { background-position: -468px -68px; }
#pagewrapper.pg_about #nav-about a:active { background-position: -468px -136px; } */









ul { list-style: circle outside none; }

li { padding-bottom: 5px; }

.photowithcaption { 
			float: right; clear: right; 
			width: 150px; 
			font-size: 10px; 
			text-align: left; 
			padding: 20px 0 10px 10px; 
}
.photowithcaption img { padding: 5px 10px 10px 0; }
.photowithcaption p { padding: 0; width: 150px; }

#spacer { margin: 0; height: 20px; }


/* A:visited {	color: black; } // not used? */

/*
img {	font-family: tahoma, verdana, Arial, Geneva, sans-serif;
		font-size: 12px;
}

.photowithcaption { float: right; clear: right; width: 175px; font-size: 10px; text-align: left; padding: 0 0 10px 10px; }
.photowithcaptionport { float: right; clear: right; width: 105px; font-size: 10px; text-align: left; padding: 0 0 10px 10px; }
.photowithcaption img { padding: 5px 10px 10px 0; }
.photowithcaptionport img { padding: 5px 10px 10px 0; }
.inlinephoto { float: right; padding: 0 0 10px 10px; }
.photo_fullcolumn { float: left; clear: left; width: 350px; margin: 1em 0 1em; }

.photocredit { font-size: 8px; font-style: italic; !important; }

.photoright { padding: 0 0 10px 10px; }

.pullquote_right { float: right; clear: right; width: 175px; 
	font-weight: bold; font-style: italic; font-family: trebuchet, times, serif; font-size: 16px; 
	padding: 0 0 0 15px; line-height: 2em; 
	margin: 5px 0 5px 10px; 
	border-top: 1px solid #666; border-bottom: 1px solid #666; }
*/





/* TYPOGRAPHY */
#content p { line-height: 1.5em; }

.footer_address { font-size: 75%; color: #666; text-transform: lowercase; letter-spacing: .2em; }
.footer_copyright { font-size: 9px; color: #666; background: #fff; padding: 0; margin: 0; }
td .footer_address { font-size: 65%; color: #666; text-transform: lowercase; letter-spacing: .2em; }
td .footer_copyright { font-size: 9px; color: #666; background: #fff; }
#indexfooter { font-size: 9px; color: #666; text-transform: lowercase; letter-spacing: .2em; }

a, a:visited {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #333;
    text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;			
	color: #333;
}

a:hover {
	cursor: hand;
}


.backtotop { font-size: .8em; border-top: 1px dotted #ccc; margin: 1em 60% 0 0; padding-bottom: 1.5em; text-transform: uppercase; }
.backtotop a {
    TEXT-DECORATION: none;
/*    COLOR: #996633; set in imported file */
}

.backtotop a:active	{	TEXT-DECORATION: underline;		
/*						color: #699; set in imported file */
					}
.backtotop a:visited	{	TEXT-DECORATION: none;			
/*						color: #963; set in imported file */
					}
.backtotop a:hover	{	CURSOR: hand;
						TEXT-DECORATION: underline;
/*						COLOR: #669999; set in imported file */
}

.linklistemphasis {
    font-size: 12px;
    font-weight: bold;
/*    COLOR: #333333; set in imported file */
}

.emphasis { font-weight: bolder; }
.emphasis2 { font-weight: bolder; color: #066; }
.deemphasis { font-weight: normal; color: #333; }
.notoplead { margin-top: -1em; }

.indentnotoplead { margin-top: -1em; padding-left: 3em; }
.indent { padding-left: 3em; }

/* GENERAL */
.buginlineleft { padding: 0 .5em 0 0; }
.buginlinemid { padding: 0 .5em 0; }
.buginlineright { padding: 0 0 0 .5em; }
.newinlist { font-weight: bold; font-size: 85%; text-transform: uppercase; } /* color defined in seasonal file */
.hotinlist { font-weight: bold; font-size: 85%; text-transform: uppercase; padding: 4px; } /* color defined in seasonal file */
.emphasis_upper { font-weight: bold; text-transform: uppercase; color: #066; }

.listnoindent { margin-left: -2em; list-style: none; }
.spaceabove { padding-top: 1em; }

/* OTHER */
body { background: url(../images/background_rosette3.gif); }

#recentwork {
	position: absolute;
	top: 300px;
	right: 20px;
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
}
.recentwork_item {
	width: 200px;
}
.recentwork_item h1 {
	font-size: 12px;
}

#work_cattable { /* styles categories of work on main work page - div class */
	border: 1px solid #ccc;
	margin: 0 200em 0 2em;
	padding: 0.5em 2em 0;
	font-size: 11px;
	width: 450px;
}
#work_cattable td {
	margin: 0;
	padding: 0 1em;
}
#work_cattable h4 {
	font-size: 14px;
}
#work_cattable p {
	margin: -1.25em 0 1em;
	padding: 0;
}




/* IMAGE REPLACEMENT - (GENERAL) */

h2.hd-scherm { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-schermerhorn.gif");  
	text-indent: -9999px;  
}

h2.hd-macworld { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-macworld.gif");  
	text-indent: -9999px;  
}

h2.hd-pcworld { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-pcworld.gif");  
	text-indent: -9999px;  
}

h2.hd-ipen { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-ipen.gif");  
	text-indent: -9999px;  
}

h2.hd-cvcsolution { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-cvcsolution.gif");  
	text-indent: -9999px;  
}

h2.hd-trmg { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-trmg.gif");  
	text-indent: -9999px;  
}

h2.hd-versamktg { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-versamktg.gif");  
	text-indent: -9999px;  
}

h2.hd-tkeffury { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-tkeffury.gif");  
	text-indent: -9999px;  
}

h2.hd-optisoft { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-optisoft.gif");  
	text-indent: -9999px;  
}

h2.hd-mot { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-mot.gif");  
	text-indent: -9999px;  
}

h2.hd-jhcla { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-jhcla.gif");  
	text-indent: -9999px;  
}

h2.hd-venus { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-venus.gif");  
	text-indent: -9999px;  
}

h2.hd-versa { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-verasmktg.gif");  
	text-indent: -9999px;  
}

h2.hd-vhuber { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-vhuber.gif");  
	text-indent: -9999px;  
}

h2.hd-wab { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-wab.gif");  
	text-indent: -9999px;  
}

h2.hd-gigantic { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-gigantic.gif");  
	text-indent: -9999px;  
}


h2.hd-sierraathome { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-sierraathome.gif");  
	text-indent: -9999px;  
}

h2.hd-logitech { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-logitech.gif");  
	text-indent: -9999px;  
}

h2.hd-tlcbroderbund { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-tlcbroderbund.gif");  
	text-indent: -9999px;  
}

h2.hd-vacaville { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-vacaville.gif");  
	text-indent: -9999px;  
}

h2.hd-rapscards { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-rapscards.gif");  
	text-indent: -9999px;  
}

h2.hd-stc { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-stc.gif");  
	text-indent: -9999px;  
}

h2.hd-timwarnersculpture { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-timwarnersculpture.gif");  
	text-indent: -9999px;  
}

h2.hd-techwriting { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-techwriting.gif");  
	text-indent: -9999px;  
}

h2.hd-online { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-online.gif");  
	text-indent: -9999px;  
}

h2.hd-featuresreviews { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-featuresreviews.gif");  
	text-indent: -9999px;  
}

h1.hd-featuredclients { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-featuredclients.gif");  
	text-indent: -9999px;  
}

h1.hd-writing { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-writing.gif");  
	text-indent: -9999px;  
}

h1.hd-editing { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-editing.gif");  
	text-indent: -9999px;  
}

h1.hd-background { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-background.gif");  
	text-indent: -9999px;  
}

h1.hd-contact { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-contact.gif");  
	text-indent: -9999px;  
}

h1.hd-webdesign { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-webdesign.gif");  
	text-indent: -9999px;  
}

h1.hd-flashdirector { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-flashdirector.gif");  
	text-indent: -9999px;  
}

h1.hd-illustration { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-illustration.gif");  
	text-indent: -9999px;  
}

h1.hd-welcome { /* Phark */
	width: 401px; height: 46px;  
	background: url("../images/lbl-welcome.gif");  
	text-indent: -9999px;  
}

/* PIXY */
/* div.sample_buttons { height: 40px; width: 350px; clear: both; border: 1px solid red; }
div.sample_buttons .viewsamples { float: left; }
div.sample_buttons .clientsite { float: right; } */
.viewsamples { 
	margin: 0; padding: 0;
}
.viewsamples a {
	display: block;
	width: 115px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	background: url(../images/lbl-viewsamples-css.gif) top left no-repeat;
	text-decoration: none;
}
.viewsamples a:hover {
	background-position: -115px 0;
}
.viewsamples a span {
	display: none;
}

.clientsite { 
	margin: 0; padding: 0;
	}
.clientsite a {
	display: block;
	width: 93px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	background: url(../images/lbl-clientsite-css.gif) top left no-repeat;
	text-decoration: none;
}
.clientsite a:hover {
	background-position: -93px 0;
}
.clientsite a span {
	display: none;
}

div.twtr-tweet-text p {
	line-height: 1.5em !important;
}