@charset "utf-8";

/* CSS Document */



body {

	background-image: url(../images/indexback.gif22201303713254_4.gif);

	background-repeat: repeat;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	color: #000000;

}

.wraper {

	display: block;

	height: auto;

	width: 927px;

	margin-right: auto;

	margin-left: auto;

}

.header {

	display: block;

	float: left;

	height: auto;

	width: 100%;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 20px;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: rgba(0,0,0,1);

}

.box {

	display: block;

	float: left;

	width: 100%;

	height: auto;

}

p {

	display: block;

	padding-right: 10px;

	padding-left: 10px;

}

a {

	color: #666666;

}

.notes {

	border: 4px double rgba(204,204,204,1);

	display: block;

	height: auto;

	width: 56%;

	margin-right: auto;

	margin-left: auto;

	padding-top: 3px;

	padding-bottom: 3px;

}

.container {

	display: block;

	float: left;

	height: auto;

	width: 98%;

	border: 8px double rgba(204,204,204,0.3);

	margin-bottom: 10px;

}

.blue {

	color: #551A8B;

}

.realistic {

	display: block;

	float: left;

	height: auto;

	width: 44%;

	border-right-width: 8px;

	border-right-style: double;

	border-right-color: rgba(204,204,204,0.3);

	padding-top: 70px;

	border-left-width: 8px;

	border-left-style: double;

	border-left-color: rgba(204,204,204,0.3);

}

.realistic2 {

	display: block;

	height: auto;

	width: 94%;

	border: 4px double rgba(153,153,153,1);

	margin-right: auto;

	margin-left: auto;

}







.drawings {

	display: block;

	float: left;

	height: 100%;

	width: 23%;

	padding-left: 5px;

}

.drawings2 {

	display: block;

	float: left;

	height: 100%;

	width: 29%;

	padding-left: 5px;

}

.drawing {

	border-bottom-width: 8px;

	border-bottom-style: double;

	border-bottom-color: rgba(204,204,204,0.3);

}

.video1 {

	height: 105px;

	width: 270px;

	display: block;

	margin-right: auto;

	margin-left: auto;

	padding-top: 10px;

}

.borderdown {

	border-bottom-width: 8px;

	border-bottom-style: double;

	border-bottom-color: rgba(204,204,204,0.3);

}

@media only screen and (max-width: 926px)  {

.wraper {

	width: 100% !important;

}

.container {

	border: thin solid rgba(204, 204, 204, 0.3);

	display: block;

	float: left;

	height: auto;

	margin-bottom: 10px;

	width: 97% !important;

	padding-right: 1%;

	padding-left: 1%;

}



}

@media only screen and (max-width: 667px)  {

.drawings {

	height: auto !important;

	padding-left: 1% !important;

	width: 99% !important;

	text-align: center;

}

.realistic {

	padding-top: 10px !important;

	width: 100% !important;

	border-right-style: none !important;

	border-left-style: none !important;

}

.drawings2 {

  height: auto !important;

  padding-left: 1% !important;

  width: 99% !important;

}

.video2 {

	height: auto;

	width: 100% !important;

}

a {

	display: block;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 10px;

}

body {

	font-size: 100% !important;

}



}



@media only screen and (max-width: 300px)  {

.video1 {

	height: auto !important;

	padding-top: 10px;

	width: 100% !important;

}





}



img {

	height: auto;

	max-width: 100% !important;

}