/*
STYLESHEET FOR WWW.DOBERMAN.SE (Case specific)

ToC:
	1. DEFAULTS
	2. STRUCTURE
	3. LINKS AND NAVIGATION
	4. FONTS
	5. IMAGES
	6. FORMS
	7. HACKS

Notes:

*/

/* --------------- 1. DEFAULTS --------------- */

/* --------------- 2. STRUCTURE --------------- */
#leftContainer {
	float: left;
	width: 848px;
	min-width: 848px;
	height: 330px;
	min-height: 330px;
}

#leftContainer img {
	border:1px solid #b0b0b0;
}


#leftContainer .case {
	text-align: left;
	margin-top: 10px;
}

#leftContainer .backlinkContainer {
	height: 19px;
}
#leftContainer .backlinkContainer div {
	position: relative;
	left: 0px;
	top: 0px;
}

#leftContainer .backlinkContainer .back, #leftContainer .backlinkContainer .backhover {
	position: absolute;
	top: 25px;
}
#leftContainer .image {
	float: right;
	border-top: 6px solid #33bbff;
}

#caseNav { 
	width: 100%;
	margin-bottom:0
	
}

#imageText p {
	display: none;
	float: left;
	width: 465px;
	padding-top: 5px;
	padding-left: 340px;
	text-align:right;
	color: #666
}

#browseImage {
	padding-left: 5px;
	float: left;
	margin-top:10px;
	margin-bottom: 2px
}

#browseImage p {
	margin:0
}

#browseCase {
	width: 370px;
	margin-right: 6px;
	display: inline;
	float: right;
}
#browseImage div, #browseCase div {
	white-space: nowrap;
}
#browseCase div {
	float: left;
	padding-right: 7px;
}


/* --------------- 3. LINKS AND NAVIGATION --------------- */

/* --------------- 4. FONTS --------------- */


#leftContainer div {
	width: 870px;
	height: 330px;
	display: none;
	position: relative;
}

/*
#leftContainer p.preamble {
	font-weight: bold;
}
#leftContainer p.quote {
	font-size: 2em;
	margin-left: 168px;
	line-height: 1.3em;
	color: #2db2fd;
	margin-bottom: 1em;
}*/

/* --------------- 5. IMAGES --------------- */
#leftContainer .image img {
	display: block;
}



/* --------------- 7. HACKS --------------- 
#navigation a {
	color: #5fb900 !important;
}
#navigation a:hover {
	color: #41a300 !important;
}
#navigation a.active {
	color: #000 !important;
}*/


/*----------------- VERSION 2 ----------------------- */


/* --------------- 2. STRUCTURE --------------- */
#leftContainer2 {
	float: left;
	width: 848px;
	min-width: 848px;
	height: 330px;
	min-height: 330px;
}

#leftContainer2 img {
	border:1px solid #b0b0b0;
}


#leftContainer2 .case {
	text-align: left;
	margin-top: 10px;
}

#leftContainer2 .backlinkContainer {
	height: 19px;
}
#leftContainer2 .backlinkContainer div {
	position: relative;
	left: 0px;
	top: 0px;
}

#leftContainer2 .backlinkContainer .back, #leftContainer2 .backlinkContainer .backhover {
	position: absolute;
	top: 25px;
}
#leftContainer2 .image {
	float: right;
	border-top: 6px solid #33bbff;
}

#caseNav2 { 
	width: 100%;
	margin-bottom:0
	
}

#imageText2 p {
	display: none;
	float: left;
	width: 465px;
	padding-top: 5px;
	padding-left: 340px;
	text-align:right;
	color: #ccc
}

#browseImage2 {
	padding-left: 5px;
	float: left;
	margin-top:10px;
	margin-bottom: 2px
}

#browseImage2 p {
	margin:0
}

#browseCase2 {
	width: 370px;
	margin-right: 6px;
	display: inline;
	float: right;
}
#browseImage2 div, #browseCase2 div {
	white-space: nowrap;
}
#browseCase2 div {
	float: left;
	padding-right: 7px;
}


/* --------------- 3. LINKS AND NAVIGATION --------------- */

/* --------------- 4. FONTS --------------- */


#leftContainer2 div {
	width: 870px;
	height: 330px;
	display: none;
	position: relative;
}

/*
#leftContainer p.preamble {
	font-weight: bold;
}
#leftContainer p.quote {
	font-size: 2em;
	margin-left: 168px;
	line-height: 1.3em;
	color: #2db2fd;
	margin-bottom: 1em;
}*/

/* --------------- 5. IMAGES --------------- */
#leftContainer2 .image img {
	display: block;
}



/* --------------- 7. HACKS --------------- 
#navigation a {
	color: #5fb900 !important;
}
#navigation a:hover {
	color: #41a300 !important;
}
#navigation a.active {
	color: #000 !important;
}*/