﻿/*

Theme Name: Blankenbeckler

Author: Ricky Kamil - Graffix Studio

Version: 1

.

Copyright by Blankenbeckler

.





[Table Of Contents] 



	0- Reset

	1- Global

	2- Links

	3- Headings

	4- Header 

	5- Navigation

	6- Middle 

	7- Forms

	8- Extras

	9- Footer 



*/



/* =0 Reset

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

@import url('reset.css');

/* =1 Global

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body {

	background:url(../images/background.png) #5f5859 repeat-x top; 

	line-height: 1;

	font: normal 12px Arial, Helvetica, sans-serif;

	margin-bottom:40px;

	vertical-align: top;

	color: #000;

}



#container {

	margin:auto;

	margin-top:40px;

	width:980px;

	position:relative;

}



#logo {

	width:255px;

	height:164px;

	position:absolute;

	top:-10px;

	left:350px;

}

#sloganarea1{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	font-weight:bold;

	color:#666666;

	line-height:18px;

	left:660px;

	top:39px;

	position:absolute;

}

#sloganarea2{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	font-weight:bold;

	color:#666666;

	line-height:18px;

	left:660px;

	top:60px;

	position:absolute;

}

#sloganarea3{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	font-weight:bold;

	color:#666666;

	line-height:18px;

	left:650px;

	top:100px;

	position:absolute;

}

#sloganarea4{

	left:853px;

	top:38px;

	position:absolute;
	display:none;

}

#sloganarea5{

	left:61px;

	top:58px;

	position:absolute;
	display:block;

}

#side_left {

	width:4px;

	background:url(../images/left.gif) top right;

}



#side_right {

	width:4px;

	background:url(../images/right.gif) top left;

}



#container_mid {

	background:url(../images/back_mid.gif) repeat-x #e3e7e9;

	margin-bottom:-10px;

}



.right {

	float: right;

}

.left {

	float: left;

}

.align-left {

	text-align: left;

}

.align-right {

	text-align: right;

}

.align-center {

	text-align:center;

}

.justify {

	text-align:justify;

}

.hide {

	display: none;

}

.clear {

	clear: both;

}

.bold {

	font-weight:bold;

}

.italic {

	font-style:italic;

}

.underline {

	border-bottom:1px solid;

}

.highlight {

	background:#ffc;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft {

	float:left;

	margin:4px 10px 4px 0;

}

img.alignright {

	float:right;

	margin:4px 0 4px 10px;

}





.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.clearfix {

	display: block;

}

html[xmlns] .clearfix {

	display: block;

}

* html .clearfix {

	height: 1%;

}

/* =2 Links

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a:link, a:visited {

	color: #333;

}

a:hover {

	color: #111;

}

a:active {

	color: #111;

}

/* =3 Headings

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h1 {

	font: bold 2em "Times New Roman", Times, serif;

}

h2 {

	font: bold 1.5em "Times New Roman", Times, serif;

}

h3 {

	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;

}

h4 {

	font: bold 1em Arial, Geneva, Helvetica, sans-serif;

}

h5 {

	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;

}



.text_black {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	color:#333333;

	line-height:18px;

}

.text_red_big {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:14px;

	color:#b42b33;

}

.text_red_big2 {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:13px;

	color:#b42b33;

}

.text_red_big3 {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:18px;

	color:#b42b33;

}

p {

	font-size:12px;

	color:#464646;

}

.xtitle {

	/*line-height:30px;*/

	padding-top:10px;

	padding-bottom:10px;

}

.text_blue {

	font-family:"Times New Roman", Times, serif;

	font-size:18px;

	color:#0f9fc3;

}

.text_blue_big {

	font-family:"Times New Roman", Times, serif;

	font-size:20px;

	color:#0f9fc3;

}

/* =4 Header

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



#header {

	background:url(../images/header.gif) no-repeat;

	width:972px;

	height:151px;

}



#mid_div {

	background:url(../images/mid_div.gif) no-repeat;

	width:972px;

	height:8px;

}





/* =5 Navigation

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



#navigation {

	background:url(../images/menu_back.gif) no-repeat;

	width:950px;

	height:49px;

	margin:auto;

}



#frontflash{

	position:relative;
 width:553px;
 height:341px;
 overflow:hidden;
}


#flashmovie{

	position:absolute;

	top:0px;

	left:0px;
	
	z-index:90;

}


#cover{

	position:absolute;

	top:0px;

	left:0px;

	z-index:99;

}

/* =6 Middle

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





/* =7 Form

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.myform{

	width:400px;

	padding:14px;

	padding-left:0px;

}

#stylized{

}

#stylized h1 {

	font-size:14px;

	font-weight:bold;

	margin-bottom:8px;

}

#stylized p{

	font-size:11px;

	color:#666666;

	margin-bottom:20px;

	border-bottom:solid 1px #b7ddf2;

	padding-bottom:10px;

}

#stylized label{

	color:#444444;

	font:Arial, Helvetica, sans-serif;

	font-size:11px;

	display:block;

	font-weight:bold;

	text-align:left;

	width:130px;

	float:left;

	padding-top:5px;

}

#stylized .small{

	color:#666666;

	display:block;

	font-size:10px;

	font-weight:bold;

	text-align:right;

	width:140px;

}

#stylized input{

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #cccccc;

	width:250px;

	margin:2px 0 10px 10px;

}



#stylized select{

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #cccccc;

	width:250px;

	margin:2px 0 10px 10px;

}





#stylized button{

	clear:both;

	width:125px;

	height:31px;

	background:#5b6e7b;

	text-align:center;

	line-height:20px;

	color:#FFFFFF;

	font-size:12px;

	font-weight:bold;

	margin-top:-2px;

}

.mytextarea {

	clear:both;

	width:400px;

	margin-top:10px;

	margin-bottom:10px;

	border:solid 1px #cccccc;

} 





/* =8 Extra

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =9 Footer

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#bottom {

	background:url(../images/bottom.gif) no-repeat top;

	width:980px;

	height:11px;

}



#footer {

	padding-top:10px;

	padding-left:10px;

	font-family:"Times New Roman", Times, serif;

	font-size:12px;

	color:#333333;

	line-height:18px;

	color:#fff;

	padding-right:20px;

	/*text-transform: uppercase; */

}



#footer a{

	color:#fff;

	text-decoration:none;

}
