/* Two-column layout with sidebar on left from the /css/ folder  */
@import url('css/portfoliolayout.css');

body {	
	background: #31363c;
	font: 76% Arial, Helvetica, sans-serif;
	min-width: 770px;
	
}


div#wrapper {
	width: 100%;
	margin: 0;
	position: relative;
	text-align: center;
	background: #fafaf8;
	
}

/* Header*/
div#header {
	text-align: center;
	clear: both;
	margin: 0 auto 0 auto;
	background: #83776d url(kuvat/headerbg.gif) repeat-x;
	height: 120px;
	width: 100%;
	
}

/* Footer*/
div#footer {
	text-align: center;
	clear: both;
	background: #252963 url(kuvat/footerbg.gif) repeat-x;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	
}



/* Index title*/
div#portfolioindex {
	text-align: center;
	margin: 0 auto 0 auto;
	background: url(kuvat/portfolio1.gif) no-repeat;
	width: 100%;
	height: 62px;
	
}

/* Pages title*/
div#pagestitle {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	width: 770px;
	height: 114px;
	
}

div#pagestitle img {
	margin: 3px 3px 0 3px;

	
}

}

.indeximage {
	margin: 100px 0 0 0;

	
}


/* Basic Header Font Styles*/

h1 a, h2 a, h3 a {font-family: "Trebuchet MS", "Times New Roman", Times, serif;}

h1 {font-size: 1.7em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.4em;}



/* Link Styles*/

div#sampletxt a, a:link {
	color: #054e9b;
	font-weight: bold;
	text-decoration: underline;
}

div#sampletxt a:hover {
	color: #3e47c7;
	text-decoration: underline;
}

div#sampletxt a:visited {
	color: #8f308f;
	font-weight: bold;
	text-decoration: underline;
}


div#sampleimage2 a, a:link {
	color: #054e9b;
	font-weight: bold;
	text-decoration: underline;
}

div#sampleimage2 a:hover {
	color: #3e47c7;
	text-decoration: underline;
}

div#sampleimage2 a:visited {
	color: #8f308f;
	font-weight: bold;
	text-decoration: underline;
}


/* List Style*/

ol, ul 
{
	list-style: none;
}


/* Menu*/

div#menu	{
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 18px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
	width: 300px;
	height: 35px;
	clear: both;
	

	
}

div#internetmenu	{
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 18px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
	width: 400px;
	height: 35px;
	clear: both;
	

	
}

div#illustrationmenu	{
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 18px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
	width: 400px;
	height: 35px;
	clear: both;
	

	
}

/* Buttons*/


li.page_item {
	height:38px;
	width: 38px;
	background-image: url(kuvat/menubg_off.gif);
	background-repeat: no-repeat;
	background-color: #fafaf8;
	float: left;
	text-align: center;
	margin: 0 2px 0 2px;
	padding: 7px 0 0 0;
}

li.page_item_on {
	height: 38px;
	width: 38px;
	background-image: url(kuvat/menubg_on.gif);
	background-repeat: no-repeat;
	background-color: #fafaf8;
	float: left;
	text-align: center;
	margin: 0 2px 0 2px;
	padding: 7px 0 0 0;
}

div#menu a, a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div#menu a:hover {
	color: #fe8f21;
	text-decoration: none;;
}

div#menu a:visited {
	color: #054e9b;
	font-weight: bold;
	text-decoration: none;
}


div#illustrationmenu a, a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div#illustrationmenu a:hover {
	color: #fe8f21;
	text-decoration: none;;
}

div#illustrationmenu a:visited {
	color: #054e9b;
	font-weight: bold;
	text-decoration: none;
}

div#internetmenu a, a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div#internetmenu a:hover {
	color: #fe8f21;
	text-decoration: none;;
}

div#internetmenu a:visited {
	color: #054e9b;
	font-weight: bold;
	text-decoration: none;
}



/* Sample images*/

div#sampleimage	{
	text-align: center;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;

	
}


div#sampletxt	{
	text-align: left;
	float: right;
	width: 200px;
	height: 300px;
	margin: 5px;
	padding: 0;

	
}

div#sampleimage2	{
	text-align: center;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 150px 0 0 0;

	
}

div#sampleimage3	{
	text-align: center;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 40px 0 0 0;

	
}

div#sampletxt2	{
	text-align: left;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0; 
	width: 550px;
	height: 45px;

	

	
}