/* CSS Document */
/*author Babi Szolosi*/

/*normalises margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:			0;
	padding:		0;
}

/*normalises font-size for headings*/
h1, h2, h3, h4, h5, h6 {
	font-size:		100%;
}

/*removes list-style from lists*/
ol, ul {
	list-style:		none;
}

/*normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:		normal;
	font-weight:	normal;
}

/*removes borders and spacing from tables*/
table {
	border-collapse:	collapse;
	border-spacing:		0;
}

/*removes border from fieldset and img*/
fieldset, img {
	border:			0;
}

/*left aligns text in caption and th*/
caption, th {
	text-align:		left;
}

/*removes quotation marks from q*/
q:before, q:after {
	content:		'';
}
/***************************************************************************/
/***************************************************************************/

html {
	background: #FCFCFA url(images/bg_top.gif) repeat-x top left; 
}

body {
	width:			95%;
	min-width:		800px;
	max-width:		1200px;
	font:			0.88em/1.4 Cordoba, Verdana, Arial, Helvetica, sans-serif;
	margin:			0 auto;
	padding:		20px 0 20px 0;
	text-align:		left;
	/*border:			#CCC 1px dashed;*/
	background-color:#FCFCFA;
}

#container {
	position:		relative;
	background:		url(images/bg1.jpg) no-repeat 95% 98%; 
	
}

#branding {
	position:		relative;
	background:		url(images/header_bg4.png) no-repeat 4% 20px;
	height:			250px;
}

h1 {
	position:		absolute;
	left:			87%;
	top:			10em;
	width:			125px;
	height:			98px;
	z-index:		1000;
	text-indent:	-9999px;
}

#content {
	position:		relative;
	width:			60%;
	/*border:			#FD2495 0.2em solid;*/
}
#content, #nav {
	padding:		1.5em;
	margin:			0 2em 2em 2em;
	background-color:#FD2495;
/*	background-image:
url(images/top_left.png) ,
url(images/top_right.png) ,
url(images/bottom_right.png) ,
url(images/bottom_left.png) ,
url(images/top_center.png) ,
url(images/middle_right.png) ,
url(images/bottom_center.png) ,
url(images/middle_left.png);
	background-repeat:
		no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y;
	background-position:
		top left,
		top right,
		bottom right,
		bottom left
		top left,
		top right,
		bottom right,
		bottom left;
*/}

#site_info  {
	padding:		1.5em;
	margin:			0 0 2em 2em;
	background-color:#FD2495;
	width:			91.5%;
	
}	
#site_info  p{
	color:		#fceaf4;
	font-weight:	bold;
	margin:		0;
	padding:	0;
}
ul#portfolio_snippets li, #nav ul {
	background-color:		#fceaf4;
	margin:			2em 0 0 0;
	padding:		1.5em 0 0 0;
}
#nav ul li:hover {
	list-style-image:url(images/icon.gif);
	list-style-position:	inside;
	
}
ul#portfolio_snippets li img {
	float:			left;
	margin:			0 1.5em 1em 1em;
	padding:		0 15px 15px 0;
	background:		url(images/photo_frame.gif) no-repeat bottom right;	
}

ul#portfolio_snippets li:after {
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
}
h3, p {
	margin:			0;
	padding:		0.2em 25px;
}
p { 
	text-align:		justify;	
} 
h3 {
	position:		relative;
	font:			1.2em Constantia, Palatino, Times, serif;
	color:			#4da101;
	letter-spacing:	-1px;
	
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, #nav ul li a:link, #site_info p a:link, ul#portfolio_snippets li a:link, p a:link {
	text-decoration:	none;
	color:			#72228a;
}

ul#portfolio_snippets li a:link, p a:link {
	font-weight:	bold;
}
#nav { 
	float:			right;
	width:			23%;
	/*border:			#FD2495 0.2em solid;*/
}
#nav ul li{
	margin:			0;
	padding:		0 0 15px 15px;
	font-weight:	bold;
}
em {
	
	padding-left:	2em;
	margin-left:	1em;
	background:		url(images/icon.gif) no-repeat center left;
	font-weight:	bold;
	
}
#ujraittvan p:last-child, .index_page #content h2 + p + p + p{
	padding-bottom: 2em;
}
blockquote {
	float:			right;
	height:			250px;
	background:		url(images/bg4.png) no-repeat 45% 98%;

}
blockquote  p {
	text-align:		right;	
}

.index_page #content ul {
	position:		relative;
	margin:			0;	
}
.index_page #content p {
	margin:			0;
	padding:		0.5em;	
}
.index_page #content h2 + p, .contact_page #content h2 + p {
	padding-top:		0.1em;	
}
.index_page #content ul#portfolio_snippets li p {
	padding:		0.5em 0.5em 0.5em 22em;		
}

.contact_page #content, .index_page #content, .not_found #content {
	min-height:		50em;
	position:		relative;
	background-color:	#fceaf4; 
	border:			#fd2495 solid 1.5em;
	border-top:		#fd2495 solid 3.5em;
	
}

.contact_page #content h2, .index_page #content h2, .not_found #content h2 {
	color:			#4da101;
	font:			2.2em Constantia, Palatino, Times, serif;
	padding:		0 0 0 0.2em;
}

.contact_page #content p, .not_found #content p {
	position:		absolute;
	background:		transparent url(images/three_orchids.png) no-repeat 80% 80%; /*400px 250px;*/	
	height:			45em;
	margin:			0;
	padding:		0.5em 1em 2em 0;
}
.contact_page #content ul {
	position:		relative;
	margin:			5em 0 0 0;
	
}
form {
	color:			#fff;
}
#keywords {
	text-indent:	-9999px;
	padding:		0;
	margin:			0;
}