/* @group html standard */

body {
	margin: 0;
	padding: 0;
	background-image: url(_images_sturm/back-black.jpg);
	background-repeat: repeat;
	background-position: center top;
	min-width: 960px;
	color: #eef3e6;
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.clear {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
p {
	
}
a,
a img {
	border: none;
	outline: none;
	text-decoration: none;
}
p a {
	background-color: #d14d28;
	color: #fff;
	padding: 1px 4px;
}
p a:hover {
	background-color: #fff;
	color: #d14d28;
}
h2 {
	font-size: 40px;
	font-weight: normal;
	letter-spacing: -1px;
}
.divider {
	height: 1px;
	display: block;
	border-top: 1px solid #4e6420;
	background-color: #bdd878;
	overflow: hidden;
}
.inner {
	clear: both;
	display: block;
	margin-left: 216px;
	margin-right: 105px;
}

/* @end */

/* @group standard for-screen */

/*STANDARD*/
#wrapper {
	display: block;
	width: 100%;
	min-width: 960px;
}

/* @end */

/* @group header */

/*HEADER*/
#header {
	position: relative;
	display: block;	
	width: 960px;
	margin: auto;
	padding-top: 1px;
	background-image: url(_images_sturm/cmd_bg.png);
	background-repeat: no-repeat;
	background-position: inherit;
	min-height: 600px;
	z-index: 0;
}
#cmd {
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin-top: 250px;
	position: relative;
	overflow: visible;
	z-index: 20;
}
#cmd img {
	position: absolute;
	z-index: 2;
	left: 200px;
	top: -290px;
}

/* @end */

/* @group text small block - frame */

/*SMALL TEXT BLOCK / FRAME */
.smallTextBlock {
	display: block;
	position: relative;
	z-index: 1;
	width: 462px;
	float: right;
	margin-right: 40px;
	padding-top: 60px;
}
.smallTextBlock-top {
	left: 0;
	top: 0;
	height: 60px;
	width: 462px;
	background-image: url(_images/smallTextBlock_top.png);
	background-repeat: no-repeat;
	float: left;
}
.smallTextBlock-middle {
	display: block;
	width: 462px;
	min-height: 275px;
	float: left;
	background-image: url(_images/smallTextBlock_middle.png);
	background-repeat: repeat-y;
}

.smallTextBlock-middle h2{
	display:block;
	margin:0 30px;
	margin-right: 65px;
}

.smallTextBlock-middle p{
	font-size: 10px;
	line-height: 1.1em;
	display: block;
	margin-left: 120px;
	margin-right: 65px;
	color: #909090;
	text-align: right;
}
.smallTextBlock-middle span{
	font-size: 18px;
	line-height: 1.6em;
	display: block;
	margin-right: 65px;
	color: #666;
	text-align: right;
}
.smallTextBlock-middle span.tel{
	padding-top: 50px;
	color: #777777;
}
.smallTextBlock-middle span.email a{
	color: #777777;
	letter-spacing: +1px;
}
.smallTextBlock-middle span.web a{
	color: #777777;
	letter-spacing: +1px;
}
.smallTextBlock-bottom{
	float: left;
	height: 30px;
	width: 462px;
	background-image: url(_images/smallTextBlock_bottom.png);
	background-repeat: no-repeat;
	clear: both;
}

/* @end */

/* @group text big block - frame */

/*BIG TEXT BLOCK / FRAME */
.bigTextBlock {
	display: block;
	position: relative;
	z-index: 1;
	width: 735px;
	float: right;
	margin-right: 40px;
	margin-bottom: 20px;
}
.bigTextBlock-top {
	left: 0;
	top: 0;
	height: 30px;
	width: 735px;
	background-image: url(_images/bigTextBlock_top.png);
	background-repeat: no-repeat;
	float: left;
}
.bigTextBlock-middle {
	display: block;
	width: 735px;
	min-height: 100px;
	float: left;
	background-image: url(_images/bigTextBlock_middle.png);
	background-repeat: repeat-y;
}
.bigTextBlock-middle h3 {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
	margin-left: 30px;
	font-size: 40px;
	color: #d14d28;
	line-height: 1.2em;
	padding-top: 1px;
}
.bigTextBlock-middle p{
	font-size: 12px;
	line-height: 1.4em;
	display: block;
	margin-left: 30px;
	margin-right: 65px;
	color: #666;
}
.bigTextBlock-bottom{
	float: left;
	height: 104px;
	width:735px;
	background-image: url(_images/bigTextBlock_bottom.png);
	background-repeat: no-repeat;
	clear: both;
}

/* @end */

/* @group light background */

/*LIGHT BACKGROUND*/
.lightBackground {
	display: block;
	background-image: url(_images_sturm/back-light.jpg);
	background-repeat: repeat;
	background-position: center top;
	color: #fff;
}

/* @end */

/* @group sections */

/*PORTFOLIO*/
#portfolio {
	display: block;
	width: 960px;
	margin: auto;
	position: relative;
	min-height: 200px;
	padding-top: 100px;
	padding-bottom: 20px;
}
/*ABOUT ME*/
#aboutMe {
	display: block;
	width: 960px;
	margin: auto;
	position: relative;
	min-height: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}
/*SECTION EXTRA*/

.section {
	display: block;
	width: 960px;
	margin: auto;
	position: relative;
	min-height: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}

/* @end */

/* @group footer */

/*FOOTER*/
#footer {
	display: block;
	width: 960px;
	margin: auto;
}
#footer #myname {
	position: relative;
	margin-top: -50px;
}

/* @end */

/* @group thumbs 4 columns */

/* THUMBS 4 COLUMNS */
.thumbs_4col {
	display: block;
	list-style: none;
	margin: 0;
	position: relative;
	padding: 0;
	height: 328px;
	width: 861px;
	margin-left: 81px;
	margin-top: 0;
	margin-bottom: -10px;
}
.thumbs_4col li {
	display: block;
	float: left;
	height: 159px;
	background-image: url(_images/thumbs_4col-bg.png);
	background-position: left top;
	position: relative;
}

.thumbs_4col li a {
	display: block;
	width: 195px;
	height: 134px;
	position: absolute;
	top: 1px;
	overflow: hidden;
	outline: none;
	border: none;
	z-index: 2;
}
.thumbs_4col li a.overlay {
	background-image: url(_images_sturm/thumbs_4col-link.png);
	background-position: left top;
}
.thumbs_4col li a:hover {
	background-position: left bottom;
}
.thumbs_4col li a.vid {
	background-position: right top;
}
.thumbs_4col li a.vid:hover {
	background-position: right bottom;
}
.thumbs_4col li.col1 {
	width: 223px;
}
.thumbs_4col li.col2 {
	width: 205px;
	background-position: -223px 0;
}
.thumbs_4col li.col3 {
	width: 205px;
	background-position: -428px 0;
}
.thumbs_4col li.col4 {
	width: 228px;
	background-position: -633px 0;
}
.thumbs_4col li.col1 a{
	left: 28px;
}
.thumbs_4col li.col2 a,
.thumbs_4col li.col3 a,
.thumbs_4col li.col4 a {
	left: 10px;
}
.thumbs_4col li img {
	position: absolute;
	top: 1px;
}
.thumbs_4col li.col1 img{
	left: 28px;
}
.thumbs_4col li.col2 img,
.thumbs_4col li.col3 img,
.thumbs_4col li.col4 img {
	left: 10px;
}

/* @end */

/* @group ribbon */

/* RIBBON */
.ribbon {
	position: absolute;
	right: 100px;
	top: -7px;
}
.lightBackground .ribbon {
	left: 107px;
}

/* @end */