/* CSS reset  */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, 
em, font, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0; padding: 0; border: 0; outline: 0;
}
ol, ul, li {
	list-style: none;
}
/* css styling */
body {
font-family: 'FolksRegular', "Maiandra GD", Arial, Helvetica, sans-serif;
background-image: url(./images/diagonal.gif);
color: #ffffff;
text-align: center;
}
.wrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header {
width: 100%; 
margin: 0; padding: 20px 0;
background-color: #4b4b4b;
border-bottom: 4px solid #e9547e;
position: fixed;
}
.bar {
	padding: 0; margin: 0;
	height: 50px;
}
#navigation {
	float: right;
	text-align: right;
	margin: 0;
	width: 500px;
}
#navigation ul {
	list-style: none;
	margin: 10px 0; padding: 0;
}
#navigation li {
	margin: 0; padding: 0;
	display: inline;
	color: #FFFFFF;	
}
#navigation li a:link, #navigation li a:visited, .current {
	padding: 15px;
	display: inline;
	color: #e9547e;	
	margin: 0;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}
#navigation li a:hover, .current {
	background-color: #000;
	color: #ffffff;	
}
#top {
width: 100%; height: 500px;
margin: 0; padding: 0 0 0 0;
background-image: url(./images/pinkbg1.png);
border-bottom: 4px solid #e9547e;
overflow: hidden;
}
#main {
color: #4b4b4b;
font-family: 'FolksRegular', "Maiandra GD", Arial, Helvetica, sans-serif;
}
#main h1, #main h2, #main h3 {	
color: #e9547e;	
margin: 0 0 10px 0;
}
#main p {	
text-align: justify;
margin: 0 0 20px 0;	
}
#main ul {
margin: 0 0 30px 60px;	
}
#main li {
margin: 0 0 20px 0;	
}
.inner_wrapper, .folio_inner_wrapper {
margin: 40px 0 40px 0;
padding: 30px 30px 10px 30px;
background-color: #ffffff;
border: 1px solid #e4e4e4;
}
.folio_inner_wrapper {
	min-height: 420px;
}
.inner_wrapper img {
float: right;
margin: 0 0 0 20px;
border: 2px dashed #b4b4b4;	
}
.folio_inner_wrapper img {
float: left;
margin: 0 20px 10px 0;
}
.inner_wrapper a, .folio_inner_wrapper a {
color: #e9547e;	
font-weight: bold;
text-decoration: none;
}
.inner_wrapper a:hover {
color: #3b404a;
font-weight: bold;
text-decoration: none;
}
.folio_inner_wrapper a:hover {
text-decoration: underline;
}
.inner_left {
	width: 55%;
}
.inner_right {
	width: 40%;
	float: right;
}
.inner_left a, .inner_left li, .inner_right a, .inner_right li {
color: #3b404a;	
font-weight: bold;
text-decoration: none;
}
.inner_left a:hover, .inner_right a:hover {
color: #e9547e;
font-weight: bold;
text-decoration: none;
}
#footer {
height: 100px;
background-color: #000;
border-top: 4px solid #e9547e;
}
.contact {
text-align: left;
padding: 0 0 0 0;
margin: 0;
width: 350px;
}
.contact p {
margin: 0;
width: 350px;
}
.input_caption {
margin: 20px 0 5px 0;
}
.input {
width: 350px;
height: 2em;
background-color: #efefef;
border: 2px solid #3b3f4a;	
}
.textarea {
background-color: #efefef;
border: 2px solid #3b3f4a;
width: 350px;
height: 110px;	
}
#sendbutton {
margin: 20px 0 30px 0;
padding: 5px;
color: #ffffff;	
background-color: #e9547e;
font-weight: bold;
border: 2px solid #3b3f4a;
}



	