/*
***********************************************************

Title:			IraKaspiStyle.css
Browser(s): 	All

Author: 		Gianmarco Lauriola (www.gianmarcolauriola.com)
Created: 		22.08.2008
Last modified: 	13.09.2008

***********************************************************
*/


* {
padding: 0em;
margin: 0em;
}

/***********************************************
					BODY
***********************************************/

body {
background: #faf8ec url(../images/iraKaspi_HoldingPageBG.jpg) top center no-repeat;
padding: 0px 0px 0px 0px;
}

/***********************************************
					GENERAL
***********************************************/

a {
color: #ccff99;
text-decoration:none;
}

a:hover {
color:#999999;
text-decoration:none;
}

p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
text-align: left;
}

em {
font-style: italic;
border-bottom: 1px dotted #3b3b3b;
}

pre, code {
margin: 2px 0 16px 0;
background: #666;
color: #000;
font: 12px/16px 'Courier New', Courier, monospace;
}

ol, ul, li {
list-style: none;
}

a img {
border: none;
}

.contentarea {
padding-top: 1.2em;
margin: 0px;
border-bottom: 1px dotted #3b3b3b;
}

/***********************************************
					OUTER
***********************************************/

#outer {
z-index: 2;
position: relative;
width: 900px;
margin: 0 auto;
}

/***********************************************
					HEADER
***********************************************/

#header {
width: 900px;
height: 195px;
top: 0;
}

#headerPhoto {
position: absolute;
top: 106px;
left: 136px;
width: 204px;
height: 233px;
}

/***********************************************
				PRIMARY CONTAINER
***********************************************/

#primaryContainer {
position: relative;
width: 900px;
margin-top: 0px;
}

#mainColumn {
float: left;
width: 415px;
height: 135px;
margin-left: 345px;
margin-top: 15px;
}

#mainColumn h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #5c370e;
padding: 16px;
font-weight: bold;
text-align: left;
}

#mainColumn p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #121212;
padding-bottom: 10px;
padding-right: 16px;
padding-left: 16px;
padding-top: 10px;
font-weight: normal;
text-align: left;
}

#centerColumn {
float: left;
width: 620px;
height: 315px;
margin-left: 140px;
margin-top: 15px;
}

#centerColumn img a {
border: none;
}

#centerColumn img.left {
float: left;
width: 100px;
height: 100px;
margin-left: 60px;
margin-top: 15px;
}

#centerColumn img.right {
float: right;
width: 338px;
height: 320px;
margin-right: 64px;
margin-top: 15px;
}


#centerColumn h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #5c370e;
padding: 16px;
font-weight: bold;
text-align: left;
}

#centerColumn p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #121212;
padding-bottom: 10px;
padding-right: 16px;
padding-left: 16px;
padding-top: 10px;
font-weight: normal;
text-align: left;
}

/***********************************************
					FOOTER
***********************************************/

#footer {
float: left;
clear: both;
width: 620px;
height: 40px;
margin-top: 50px;
margin-left: 140px;
margin-right: 0px;
margin-bottom: 0px;
}

#footer .left1st {
float: left;
width: 600px;
margin-top: 12px;
margin-left: 10px;
margin-right: 10px;
}

#footer .left1st p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #60807B;
font-weight: normal;
line-height: normal;
padding: 1px;
text-align: center;
}