/* CSS Document */

html, body {
width:100%;
margin:0;
padding:0;
background-color:#DDE6EE;
background-image:url(bg-image-gradient.jpg);
/*background-image:url(bg-image.gif);*/
background-repeat:repeat-x;
/*background-color:#F0E1D2;*/
text-align:center;
}

#main {
width:100%;
height:100%;
}

#spacer {
position:relative;
height:18px;
}

#container {
position:relative;
width:760px;
height:auto;
margin:0 auto;
background:url(container-bg.jpg) no-repeat;
background-color:#D5DFEA;
padding:10px 10px 0px 10px;
}

#header {
position:relative;
min-height:150px;
background-color:#fff;
padding:0;
margin:0;
background:no-repeat;

}

/* for Internet Explorer */
/*\*/
* html #header {
height: 150px;
}
/**/

#logoBox {
position:absolute;
top:0;
left:0px;
width:175px;
height:50px;
z-index:2;
background-image:url(toptintas-logo-small.gif);
background-repeat:no-repeat;
}

#navColumn {
border-right:0px solid #B1C3D9;
width:200px;
vertical-align:top;
text-align:left;
background:url(nav-bg.jpg) no-repeat;
background-position:center right;
background-color:#fff;
}

#fcontent {
min-height:400px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:10px 0px 10px 0px;
text-align:center;
}

/* for Internet Explorer */
/*\*/
* html #fcontent {
height: 400px;
}
/**/

#fcontent h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:left;
margin:0;
}

#content {
min-height:400px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:10px 10px 10px 10px;
text-align:left;
width:540px;
}

/* for Internet Explorer */
/*\*/
* html #content {
height: 400px;
}
/**/

#content a {
color:#1A8FD7;
text-decoration:none;
border-bottom:1px dashed #1A8FD7;
}

#content a:hover {
color:#1A8FD7;
border-width:0px;
text-decoration:none;
}

#content h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#666666;
margin:5px 0 5px 0;
}


#footer {
position:relative;
width:780px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:center;
padding:5px 0 5px 0;
border-top:0px solid #eeeeee;
background-image:url(footer-bg.gif);
background-repeat:no-repeat;
margin:0 auto;
}

#footer_band {
position:absolute;
top:0px;
right:10px;
width:51px;
height:25px;
display:block;
background-image:url(footer-color-band.gif);
background-position:right center;
background-repeat:no-repeat;
}

#footer a {
color:#0066FF;
text-decoration:none;
border-bottom:1px dashed #0066ff;
}

#footer a:hover {
border-bottom-width:0px;
text-decoration:none;
}

#fBox {
	width:740px;
	margin:0;
	padding:0;
	background:url(f-box-bg.gif) no-repeat;
}

#fBoxTop{
	width:740px;
	height:5px;
	display:block;
	background:url(f-boxes-top.gif) no-repeat;
}

.fBoxBg{
	background:url(f-boxes-content.gif) no-repeat;
	background-position:top left;
}

.fBoxBgRight{
	background:url(f-boxes-content.gif) no-repeat;
	background-position:top right;
}

.tdPadding{
	padding:10px 10px 10px 10px;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
	margin-right:20px;
}

.width25{
	width:24.7%;
}

.width33{
	width:32.7%;
}

.width50{
	width:49.7%;
}

.width66{
	width:65.7%;
}

.textLeft{
	text-align:left;
}

.textRight{
	text-align:right;
}

.textCenter{
	text-align:center;
}

.width75{
	width:74.7%;
}