/** ------------------------------------------------------------------------
	BODY AND CONTAINER
------------------------------------------------------------------------**/

	body {
		background-color: #EEE;
		color: #666666;
		margin: 0;
		padding: 0;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.6em;
	}

	body.popup {
		width: 510px;
		height: 800px;
	}

	#container {
		width: 784px;
		/**background: url(/web/20060831125842im_/http://www.seodesign.se/resources/images/bg_container.png) repeat-y;**/
		background: #FFF;
		margin: 0 auto;
		padding: 0;
		margin-top: -8px;
	}

/** ------------------------------------------------------------------------
	GENERAL STYLES
------------------------------------------------------------------------**/

		h1 {
			font-family: Century Gothic, Trebuchet MS, Arial Narrow, Arial, sans-serif;
			font-weight: normal;
			font-size: 30px;
		}
		
		h2 {
			color: #333;
			font-size: 16px;
			font-family: Century Gothic, Trebuchet MS, Arial Narrow, Arial, sans-serif;
			font-weight: normal;
			border-bottom:1px solid #EEE;
		}
		
		h3 {
			color: #333;
			font-size: 14px;
			font-family: Century Gothic, Trebuchet MS, Arial Narrow, Arial, sans-serif;
			font-weight: normal;
			border-bottom:1px solid #EEE;
		}

		
		p {
			color: #333;
		}
		
		a {
			color: #555;
			text-decoration: underline;
			font-weight: 700;
		}
		
		a:hover {
			color: #333;
			background-color: #EEC074;
			text-decoration: underline;
		}
		
		img {
			border-style: none;
		}

/** ------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------**/

	#header {
		width: 780px;
		margin: 0 auto;
	}
	
	#flashcontent {
		width: 780px;
		margin: 0 auto;
		background-color: #999;
	}
	
	#flashcontent2 {
		width: 780px;
		margin: 0 auto;
		background-color: #FFF;
	}


/** ------------------------------------------------------------------------
	TOPNAV
------------------------------------------------------------------------**/

	ul#topnav {
		margin: 0px;
		margin-top: 20px;
		margin-bottom: 5px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
		*font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}

	ul#topnav li {
		display: inline;
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		letter-spacing: 1px;
	}

	ul#topnav li a {
		text-decoration: none;
		font-weight: 700;
		color: #FFF;
	}
	
	ul#topnav li a:hover {
		text-decoration: none;
		font-weight: 700;
		background-color: #FFF;
		color: #999;
	}

/** ------------------------------------------------------------------------
	CONTENT WRAP
------------------------------------------------------------------------**/

	#wrap {
		width: 580px;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 20px;
		float: right;
		padding: 0;
	}

/** ------------------------------------------------------------------------
	NAVIGATION
------------------------------------------------------------------------**/
	
	#subnav {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 1px;
		margin: 0px;
		padding: 10px;
		width: 155px;
		margin-left: 15px;
		margin-bottom: 50px;
	}
	
	h3.first {
		margin-top: 30px;
	}
	
	ul#subnavlist {
		text-align: left;
		list-style: none;
		padding: 0px;;
		margin: 0 auto;
		}
	
	ul#subnavlist li {
		display: block;
		/**margin-left: 15px;**/
		/**margin-right: 15px;**/
	}

	ul#subnavlist li a {
		margin-bottom: 5px;
		*margin-bottom: -15px;		
		background-image: url(/web/20060831125842im_/http://www.seodesign.se/resources/images/submenua.png);
		background-position: center right;
		background-repeat: no-repeat;
		display: block;
		color: #333;
		text-decoration: none;
		font-style: normal;
		font-weight: normal;
	}
	
	ul#subnavlist li a:hover {
		color: #FFF;
		background-color: #EEC074;
	}

/** ------------------------------------------------------------------------
	SIDEBARS
------------------------------------------------------------------------**/

	#leftside, #rightside {
		width: 200px;
		margin: 0;
		padding: 0;
	}

	#leftside h3, #rightside h3, #leftside p, #rightside p {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#leftside h3, #rightside h3 {
		margin-bottom: 5px;
		text-transform: uppercase;
	}


	#leftside {
		/**background-color: #a7adf5;**/
		background-color: transparent;
		float: left;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#rightside {
		margin-top: 20px;
		/**background-color: #a7adf5;**/
		background-color: transparent;
		float: right;
	}

	#customers {
		width: 160px;
		margin: 0px auto;
		padding: 10px;
	}
	
	#customers p {
		font-size: 11px;
		text-align: center;
	}

	#rightside form {
		margin-left: 15px;
		margin-right: 15px;
	}

	#rightside img {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 50px;
	}

	ul#rightside {
		text-align: left;
		padding: 0px;;
		margin: 0 auto;
	}
	
	ul#rightside li {
		display: block;
	}
	
/** ------------------------------------------------------------------------
	CONTENT
------------------------------------------------------------------------**/

	#content {
		width: 380px;
		float: left;
		padding: 0;
	}
	
	#content h1, #content h2, #content p {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	*#content h1 {
	*	margin-top: 30px;
	*}

	#content h1 {
		color: #ff9900;
		margin-bottom: 30px;
	}

	#content h2 {
		margin-top: 30px;
		margin-bottom: -5px;
	}

	img.content {
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	img.right {
		clear: both;
		float: right;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#content p.image, #content h2.image {
	margin-right: 150px;
	}

	.bold {
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: -10px;
	}
	
	.code {
		font-family: Courier New, Tahoma, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		margin-bottom: -10px;
	}
	
	#content p.contact {
		line-height: 4px;
	}
	
	#content p.contactlast {
		line-height: 10px;
		margin-bottom: 0px;
	}	

	p.tight {
		margin-bottom: 20px;
	}
	
	ul#contentlist {
		text-align: left;
		padding: 0px;
		margin-left: 25px;
		margin-right: 25px;
		}
	
	ul#contentlist li {
		margin-bottom: 10px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.6em;
		color: #333;
	}

	
/** ------------------------------------------------------------------------
	FORMS
------------------------------------------------------------------------**/

	#rightside form {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 11px;
		width: 150px;
		margin: 0px;
		margin-left: 15px;
		margin-right: 15px;
		padding: 0px;
		padding-top: 10px;
	}

	#rightside input, #rightside textarea {
		border:1px solid #888;
		background-color: #F7F7F7;
		margin: 0px;
		margin-bottom: 5px;
		*margin-left: -15px;
		padding: 2px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 11px;
	}

	#rightside label {
		color: #333;
		font-weight: normal;
	}

	#rightside input:focus, #rightside textarea:focus {
		border: 1px solid #8A9CBA;
		background-color: #FFF;
	}

	#rightside .button {
		font-weight: normal;
		color: #333;
		*margin-right: 15px;
	}
	
	#rightside p#formtext {
		font-size: 11px;
		text-align: left;
		margin-left: 0px;
	}
	
	#rightside .boxes {
		background-color: #FFF;
		width: 15px;
		*margin-left: 0px;
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 0px;
		border:0px solid #8A9CBA;
	}
	
	
/** ------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------**/

	#footer {
		margin: 0 auto;
		clear: both;
		height: 40px;
		width: 780px;
		background: url(/web/20060831125842im_/http://www.seodesign.se/resources/images/bg_footer.png) repeat-x;
	}
	
	#footer p {
		padding-top: 13px;
		font-size: 9px;
		letter-spacing: 1.5px;
		text-align: center;
	}
	
	#footer img {
		padding-top: 13px;
	}
	
	.imgleft {
		float: left;
	}
	
	.imgright {
		float: right;
	}

/** ------------------------------------------------------------------------
	LINKBORDER
------------------------------------------------------------------------**/

	#linkborder {
		margin: 0 auto;
		margin-top: 0px;
		*margin-top: 0px;		
		clear: both;
		width: 780px;
		height: 25px;
		background: #FFF;
		border-bottom:1px solid #555;
		border-top:1px solid #555;
	}
	
	#linkwrap {
		clear: both;
		float: left;
		width: 580px;
	}

	#linkimg_l {
		clear: right;
		float: left;
		width: 100px;
	}

	#linkimg_r {
		float: right;
		width: 200px;
	}


	#linkimg_r1 {
		float: left;
		width: 100px;
	}

	#linkimg_r2 {
		float: right;
		width: 100px;
	}

	#linktext {
		float: left;
		width: 380px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
	}

	#linktext p.frontlinktext {
		margin-left: 171px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		*font-size: 9px;
		font-weight: normal;
		text-align: center;
	}		

	ul#linkfooter {
		margin: 0px;
		margin-top: 4px;
		margin-left: -20px;
		*margin-left: 0px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		*font-size: 9px;
		font-weight: normal;
		text-align: center;
	}

	ul#linkfooter li {
		margin: 0px;
		display: inline;
		padding-left: 1px;
		padding-right: 1px;
		letter-spacing: 1px;
	}

	ul#linkfooter li a {
		text-decoration: none;
		font-weight: normal;
	}
	#linktext p {
		margin-top: 4px;
		font-size: 11px;
		letter-spacing: 1px;
		text-align: center;
	}

	#linktext a {
		text-decoration: none;
	}

/** ------------------------------------------------------------------------
	FRONT PAGE
------------------------------------------------------------------------**/


	#pitch {
		width: 780px;
		margin: 0 auto;
		margin-top: -22px;
		*margin-top: -18px;
		margin-bottom: -20px;
	}
	
	#pitchleft {
		float: left;
		width: 390px;
		margin: 0;
		padding: 0;
	}
	
	#pitchright {
		float: right;
		width: 390px;
		margin: 0;
		padding: 0;
	}

	#pitchright h1 {
		color: #555;
		font-weight: normal;
		font-size: 36px;
		text-align: left;
		margin-top: 30px;
		margin-left: 15px;
		margin-right: 15px;			
	}
	
	.trademark {
		font-size: 16px;
		font-variant: small-caps;
		vertical-align: text-top;
	}
		
	#pitchright h2 {
		color: #555;
		font-size: 18px;
		font-family: Century Gothic, Trebuchet MS, Arial Narrow, Arial, sans-serif;
		font-weight: 700;
		border-bottom:0px solid #EEE;
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;			
		}

	#pitchright p {
		color: #555;
		font-size: 12px;
		font-family: Century Gothic, Trebuchet MS, Arial Narrow, Arial, sans-serif;
		font-weight: 700;
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;			
	}

	#pitchright a {
		color: #555;
		text-decoration: none;
		font-weight: normal;
	}

	#pitchright a:hover {
		background-color: transparent;
		font-weight: normal;
		text-decoration: underline;
	}

	#frontcols1 {
		width: 780px;
		background: url(/web/20060831125842im_/http://www.seodesign.se/resources/images/bg_cols1.png) repeat-y;
		margin: 0 auto;
		margin-top: -2px;
		*margin-top: 2px;
		padding: 0;
		/**border-top: 5px solid #CCC;**/
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	
	#frontcols1 a, 	#frontcols2 a {
		color: #333;
		text-decoration: none;
		font-weight: normal;
	}

	#frontcols1 a:hover, #frontcols2 a:hover {
		background-color: transparent;
		font-weight: normal;
		text-decoration: underline;
	}

	#frontcols2 {
		width: 780px;
		background: url(/web/20060831125842im_/http://www.seodesign.se/resources/images/bg_cols2.png) repeat-y;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0;
	}
	
	#frontwrap {
		width: 520px;
		float: right;
		margin: 0 auto;
		padding: 0;
	}

	#frontleft, #frontright {
		width: 260px;
		margin: 0;
		padding: 0;
	}

	#frontleft {
		float: left;
	}
	
	#frontleft.cols1 {
		background: transparent url(/web/20060831125842im_/http://www.seodesign.se/resources/images/smallbox_l.png) no-repeat 1px 0px;
	}

	#frontright {
		background-color: transparent;
		float: right;
	}

	#frontright.cols1 {
		background: transparent url(/web/20060831125842im_/http://www.seodesign.se/resources/images/smallbox_r.png) no-repeat 2px 0px;
	}

	#frontcenter {
		width: 260px;
		float: left;
		padding: 0;
		margin: 0 auto;
	}

	#frontcenter.cols1 {
		background: transparent url(/web/20060831125842im_/http://www.seodesign.se/resources/images/smallbox_c.png) no-repeat 2px 0px;
	}

	#frontleft p, #frontright p, #frontcenter  p {
		color: #333;
		margin: 0 30px;
		padding: 0;
	}
	
	#frontleft p.cols1, #frontright p.cols1, #frontcenter  p.cols1 {
		margin-top: 15px;
	}

	#frontleft p.cols2, #frontright p.cols2, #frontcenter  p.cols2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#frontleft p#col2 {
		font-size: 13px;
		font-style: italic;
		margin-bottom: 15px;
	}
	
	#frontleft p#col2.frontlast {
		margin-bottom: 0px;
	}


	#frontleft h2, #frontright h2, #frontcenter  h2 {
			margin: 0 30px;
			padding: 0;
	}
	
	#frontleft h2#col1, #frontright h2#col1, #frontcenter h2#col1 {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-weight: normal;
			border-bottom:0px solid #EEE;
			color: #555;
			font-size: 24px;
			margin-top: 1px;
	}

	#frontright h2#right2, #frontright h2#right22, #frontcenter  h2#center2 {
			font-weight: normal;
			border-bottom:0px solid #EEE;
			color: #333;
			font-size: 18px;
			margin-bottom: 5px;
	}

	#frontleft h3#left2 {
		font-weight: normal;
		border-bottom:0px solid #EEE;
		color: #E8AB43;
		font-size: 20px;
		margin: 0 30px;
		margin-bottom: 5px;
	}

	#newscol {
		width: 260px;
		margin: 0;
	}

	body.newsbody {
		background-color: transparent;
	}

	#newscol p.bold {
		margin-top: 10px;	
	}
	
	#newscol p.bold a {
		text-decoration: none;
		font-weight: 700;
	}

	#newscol p.bold a:hover {
		text-decoration: underline;
		font-weight: 700;
	}

	ul#front {
		font-weight: 700;
		padding-top: 15px;
		*padding-top: 10px;
		margin-bottom: 0px;
	}

	#customersfront-wrap {
		margin: 0 auto;
		width: 260px;
	}

	#customersfront {
		width: 150px;
		margin: 0px auto;
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#clear {
		clear: both;
	}
	
/** ------------------------------------------------------------------------
	NEWS PAGE
------------------------------------------------------------------------**/

	#content h2.news {
		font-weight: normal;
		border-bottom:0px solid #EEE;
		color: #333;
		font-size: 14px;
	}

	#content h2.news a {
		color: #333;
		text-decoration: none;
		font-weight: normal;
	}

	#content h2.news a:hover {
		background-color: transparent;
		font-weight: normal;
		text-decoration: underline;
	}
	
/** ------------------------------------------------------------------------
	sIFR (OR SCALABLE INMAN FLASH REPALACEMENT)
------------------------------------------------------------------------**/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much 
narrower... your own settings may vary... any weird sizing issues you may run into 
are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 35px;
	line-height: 35px;
	*font-size: 30px;
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 18px;
	*font-size: 16px;
}

.sIFR-hasFlash #leftside h3 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 16px;
	line-height: 16px;
	*font-size: 14px;
}

.sIFR-hasFlash #rightside h3 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 16px;
	line-height: 16px;
	*font-size: 14px;
}

/* sIFR-decoy styles for front page */

.sIFR-hasFlash #frontleft h2#left2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 18px;
	*font-size: 16px;
}

.sIFR-hasFlash #frontright h2#right2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 18px;
	*font-size: 16px;
}

.sIFR-hasFlash #frontright h2#right22 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 18px;
	*font-size: 16px;
}

.sIFR-hasFlash #frontcenter h2#center2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 18px;
	*font-size: 16px;
}
/*
     FILE ARCHIVED ON 12:58:42 Aug 31, 2006 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:12:42 Jun 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.586
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.048
  esindex: 0.01
  cdx.remote: 5.893
  LoadShardBlock: 390.127 (3)
  PetaboxLoader3.resolve: 180.679 (3)
  PetaboxLoader3.datanode: 103.127 (4)
  load_resource: 163.255
*/