/* ===CSS Document====================== *

Style Sheet (for version 4 browsers)



version:	1.1

author:		Manich

email:		knype@hotmail.com

website:	www.jeffnichollsmasonry.ca





===================================== */



body {

	padding:0;

	margin:0;

	border:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:lighter;

	background-image:url(../img/nastone.JPG);

	background-repeat:repeat;

	background-color:#000000;

	text-align:center;

	color:white;	/*anger att textfärgen*/

}

h1 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size:larger;

}

h2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size:medium;

}

h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size:smaller;

}

h5 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size:10px;

}

p {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:lighter;

	font-size:small;

	text-align:left;

}

.T1 {

	border:thin;

	border-bottom-color:#999;

	background-color: #000000;

	padding-left: 3em;

	width: 500px;

}

.T2 {

	border:none;

	background-color: #000000;

	padding-left: 1em;

	width: 66px;

}

.T3 {

	background-color: #000000;

	padding-left: 1em;

	padding-right:2em;

	width: 400px;

	height:400px;

}

.T4 {

	border:none;

	background-color: #000000;

	padding-left:2em;

	padding-right:2em;

	width: 1050px;

	text-align:center;

	font-size:medium;

	font-weight:normal;
	
}

.pricelist {

	background-color: #000000;

	padding: 1em 1em 1em 1em;

	width:500px;

	border:none;

	text-align:center;

	font-family:Verdana, Geneva, sans-serif, "Adobe Garamond Pro Bold";

}

#price {

	overflow:auto;

}

#stylered {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 26px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	color:#F00;

}

#links {

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	border:medium;

	border-color:#CC0000;

	height:auto;

	margin: 8em 2em 2em 6em;

	width:18em;

	height:26em;

	/*Ger runda hörn*/

		background-color:#000;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border: 1px solid #ccc;

	padding: 10px;

}

#container {

	margin:auto;

	width: 1100px;

	height: 830px;

	text-align: left;

	background-color:#000000;

	color: #FFFFFF;

	border:#999;

	border:medium;/*vertical-align: top;

	border: 1px solid #CCCCCC;*/
	/*Ger runda hoern - rounded corners	*/
	background-color:#000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 

	

}



#containershadow {

	margin: 0.5em auto 0.5em auto;

	width: 1104px;

	height: 834px;
	
	background-color:#333333;

	border: 4px solid #333333;
	/*Ger runda hoern - rounded corners	*/
	background-color:#000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 

}

#box {

	margin: 0.2em auto 1em auto;

}

#imgbox {

	margin: 4em auto 2em auto;

}

#imgbox_links {

	float:right;

	margin: 8em 6em 2em 2em;

	/*Ger runda hörn*/

		background-color:#000;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border: 2px solid #000;



	

	

}

#boxborder {

	border:thin;

	border-color:#CCC;

	padding: 1em 1em 2em 17em;

}

#boxleft {

	float:left;

	padding:1em;

}

#head {

	height:110px;

	background-image: url(../img/headname.jpg);

	background-position:center;

	padding-left: 1em;

	padding-top: 1em;

	padding-right:1em;

	padding-bottom:1em;

	background-repeat: no-repeat;

}

#mainnav {

	border-top:1px solid #CC0000;/*RÖD*/

	border-bottom:1px solid #CC0000;/*RÖD*/

	background-color: black;

	color: white;

	

	text-align:center;

	margin-right: 10px;

	margin-left: 10px;

}

#content {

	display:block;

	height:560px;

	margin-top: 3px 10px 3px 10px;

	padding-left: 1em;

	padding-top:2em;

}



#footer	{

	padding: 8px 0 1em;

	background-image:url(http://validator.w3.org/check?uri=referer);

	background-color:#333;

	border-top:1px solid #CC0000;/*RÖD*/

	font-size:10px;

}

	

#foot {

	letter-spacing:1px;

	border-top:1px solid #CC0000;/*RÖD*/

	margin-right: 10px;

	margin-left: 10px;

	margin-top:0px;

	font-size:10px;

}

#footleft {

	float:left;

	text-align:left;

	padding-left: 2em;

	font-size:9px;

	margin-top:36px;

}

#footright {

	float:right;

	text-align:left;

	padding-right: 2em;

	font-size:9px;

	margin-top:6px;

	padding-bottom:6px;

}

#listleft {

	text-align:left;

	list-style:circle;

}

#listright {

	text-align:center;

	list-style:circle;

}

#list_portfolio {

	float:right;

	text-align:left;

	list-style:circle;

	padding-right:12em;

}

#center {

	text-align: center;

}

a.link {

	color:#CCCCFF;

	text-decoration: none;

}

a:visited {

	color:#FF0000;

}

a:hover {

	text-decoration:underline;

	color:#00FF00;

}

a:active {

	color: #00FF00;

}

img {

	border-style: none;

}

img.left {

	float: left;

	padding-right: 0.5em;

}

img.right {

	float: right;

	padding-left: 2em;

}

img.none {

	float: none;

}

#style1 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

}

#style_bold {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:medium;

	font-weight:bold;

}

#textbox1 {

	text-align:left;

	width: 310px;

	height:450px;

	margin: 10px 3px 3px 20px;

	float: left;



}

#pricestyle	{

	font-family:Verdana, Geneva, sans-serif, "Adobe Garamond Pro Bold";

	font-size:18px;

	font-weight:bold;

}

#textbox2 {

	text-align:left;

	width: 360px;

	height:450px;

	margin: 2px 3px 3px 10px;

	float: left;

	/*Ger runda hörn*/

	padding:3em 1.5em 2em 2em;

	background-color:#000;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border: 1px solid #ccc;

	padding: 10px;

}

#pricebox1 {

	text-align:center;

	width: 290px;

	height:85px;

	margin: 3px 3px 3px 3px;

	float: left;

	margin-top: 2em;

	margin-left:2em;

	/*Ger runda hörn*/

	padding:1em 1em 1em 1em;

	background-color:#000;

	-moz-border-radius: 14px;

	-webkit-border-radius: 14px;

	border: 1px solid #ccc;

}
a.linkpicasso{
		color:#CCCCFF;
		text-decoration: none;
		font-family:"Walkway Bold",Arial, Helvetica, sans-serif;
		font-size: 10px;
		float:rigth;			
}
a:hover linkpicasso{
		color:#666;
}

/*THUMBNAIL HOVERPOPUPS*/



.thumbnail {

	position: relative;

	float: left;

	padding: 5px;/*z-index: 0;*/

}

.thumbnail:hover {

	background-color: #e9e9e2; /*färgen på ramen runt thumbnail*/

	/*z-index: 50;*/

color: #335500;

	text-decoration: none;

	border:1px;

}

.thumbnail span { /*CSS for enlarged image*/

	position: absolute;

	background-color: #000000;

	padding: 5px;

	/*left: -1000px;*/

border:0px;

	visibility: hidden;

	text-decoration: none;

}

.thumbnail span img { /*CSS for enlarged image*/

	height:545px;

	width:auto;

*/

/*padding: 2px;*/

}

.thumbnail:hover span { /*DENNA FUNGERAR...CSS for enlarged image on hover*/

	visibility: visible;/*top: -90px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */

/*left: 170px;/*position where enlarged image should offset horizontally */

}

/*BILDPOSITIONERING RAD 1 ....dubbelbokstav om bild är på högkant*/



.bild-1a {

	position: absolute;

	top:-30px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1aa {

	position: absolute;

	top:-30px;

	left:170px;

	width:790px;

	height:595px;

}

.bild-1b {

	position: absolute;

	top:-107px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1bb {

	position: absolute;

	top:-107px;

	left:170px;

	width:790px;

	height:595px;

}

.bild-1c {

	position: absolute;

	top:-184px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1cc {

	position: absolute;

	top:-184px;

	left:170px;

	width:790px;

	height:595px;

}

.bild-1d {

	position:absolute;

	top:-261px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1dd {

	position: absolute;

	top:-261px;

	left:170px;

	width:790px;

	height:595px;

}

.bild-1e {

	position:absolute;

	top:-338px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1ee {

	position: absolute;

	top:-338px;

	left:170px;

	width:790px;

	height:595px;

}

.bild-1f {

	position:absolute;

	top:-415px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1ff {

	position: absolute;

	top:-415px;

	left:170px;

	width:790px;

	height:595px;

}

.bild-1g {

	position:absolute;

	top:-492px;

	left:170px;

	width:790px;

	height:525px;

}

.bild-1gg {

	position: absolute;

	top:-492px;

	left:170px;

	width:790px;

	height:595px;

}

/*...RAD 2*/



.bild-2a {

	position:absolute;

	top:-30px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2aa {

	position:absolute;

	top:-30px;

	left:80px;

	width:790px;

	height:595px;

}

.bild-2b {

	position:absolute;

	top:-107px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2bb {

	position:absolute;

	top:-107px;

	left:80px;

	width:790px;

	height:595px;

}

.bild-2c {

	position:absolute;

	top:-184px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2cc {

	position:absolute;

	top:-184px;

	left:80px;

	width:790px;

	height:595px;

}

.bild-2d {

	position:absolute;

	top:-261px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2dd {

	position:absolute;

	top:-261px;

	left:80px;

	width:790px;

	height:595px;

}

.bild-2e {

	position:absolute;

	top:-338px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2ee {

	position:absolute;

	top:-338px;

	left:80px;

	width:790px;

	height:595px;

}

.bild-2f {

	position:absolute;

	top:-415px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2ff {

	position:absolute;

	top:-415px;

	left:80px;

	width:790px;

	height:595px;

}

.bild-2g {

	position:absolute;

	top:-492px;

	left:80px;

	width:790px;

	height:525px;

}

.bild-2gg {

	position:absolute;

	top:-492px;

	left:80px;

	width:790px;

	height:595px;

}

/* Används för prislistans bilder*/

.bild-3a {

	position: absolute;

	top:-30px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-3b {

	position: absolute;

	top:-105px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-3c {

	position: absolute;

	top:-180px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-3d {

	position:absolute;

	top:-261px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-3e {

	position:absolute;

	top:-338px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-4a {

	position: absolute;

	top:-480px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-4b {

	position: absolute;

	top:-400px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-4c {

	position: absolute;

	top:-475px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-4d {

	position:absolute;

	top:-555px;

	left:80px;

	width:554px;

	height:421px;

}

.bild-4e {

	position:absolute;

	top:-338px;

	left:80px;

	width:554px;

	height:421px;

}