/* A BIG IDEA :: by Payal Dhar (http://writeside.net/) 
Feel free to use or modify, but do keep the credit.*/

*{
	padding: 0;
	margin: 0;
}

body {
    background: #FFFFFF;
	color: #454456;
	text-align: center;
	font: 0.9em Verdana, Garamond, Helvetica, Arial, sans-serif;
}

#wrapper{
	position: relative;
	margin: 15px auto;
	padding: 5px;
	/*border: 1px solid #5684BF;*/
	border: 0;
	background: url(images/FibCol_crop_45.jpg) 10px 10px no-repeat;
	width: 750px;
}

/*Style for the page header */
#header	{
	position: relative;
	text-align: right;
	font-size: 2em;
	color: #777688;
	width: 750px;
} 
	
/*Style for the nav menu */
#nav {
	position: relative;
	margin: -18px 0 10px auto;
	width: 750px;
	line-height: 2em;
}
	
#nav ul { 
	padding:5px; 
	margin:0; 
	padding:0; 
} 

#nav ul li { 
	float:right; 
	list-style:none; 
	margin:0; 
	padding:0; 
} 
	
#nav a	{
	display:block; 
	margin:0; 
	padding: 2px 10px; 
	text-align:center; 
	background: #E5F2FF;
	font-weight: bold;
}

#nav a:hover	{
	color: #EFE9ED;
	background: #5684BF;
	text-decoration: none;
}

/* Styles for the text area */
#text {
    position: relative;
    margin: 75px auto 50px auto;
	padding: 0;
	width: 750px;
	text-align: left;
	/*line-height: 1.25em;*/
	line-height: 1.15em;
	border-top: 3px solid #5684BF;
}

a, a:link	{
	color: #5684BF;
	background-color: #FFF;
	text-decoration: none;
	display: inline;
	padding: 0;
}
	
a:hover	{
	/*color: #454456;*/
	color: #BD0F24;
	text-decoration: underline;
}
	
p {
	margin: 0;
	padding: 5px;
	padding-left: 20px;
	
}

h1	{
	font: 1.5em Verdana, Garamond, serif;
	/*color: #777688;*/
	color: #BD0F24;
	/*border-left: #777688 15px solid;*/
	border-left: #5684BF 15px solid;
	padding: 5px;
	margin: 20px 0;
}
	
h2	{
	font:1.25em Verdana, Garamond, serif;
	/*color: #777688;*/
	color: #BD0F24;
	margin: 0;
	padding: 20px;
	padding-bottom: 5px;
}

/* Style for the footer */
#footer	{
	padding: 2px;
	margin: auto; 
	border-top: 1px solid #EFE9ED;
	font-size: 0.8em;
	width: 750px;
}


/* Some declarations for images */
img {
	border:0
}
/*img {border:solid red 1px} */
a img {
	border:0
}
/*a:hover img { border:solid red 1px; }*/
p img {
	padding: 0;
	max-width: 100%;
}

.caption {
	/*margin: 5px;*/
	margin: auto 70px auto 70px;
	text-align: center;
	padding: 5px;
	/*border: solid red 1px;*/
	/*background: #E5F2FF;*/
	font-size:90%;
	/*color: black*/
}

img.right {
	/*border:solid red 1px;*/
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
	
img.left {
	/*border:solid red 1px;*/
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.right {
	float: right;
}

.left {
	float: left;
}

ul {
	margin: 0;
	padding: 5px;
	padding-left: 60px;
}

.client	{
	/*font: 1.5em Verdana, Garamond, serif;*/
	color: #BD0F24;
	border-top: #5684BF 1px solid;
	border-bottom: #5684BF 1px solid;	
	margin-top: 20px;
	padding: 5px;
	padding-left: 20px;
}