/* CSS Document */

.new09 {
	background-color: #3B3C33;
}
#cont {
	background-color: #5C784F;
}
.new09 p{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}

.new09 a {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	color: #CCCCCC;
	text-decoration: none;
}
.new09 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
#wrapper09 {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	padding: 0px;
}

#badge {
	top: 145px;
	z-index: 100;
	position: absolute;
	left: 500px;
	width: 227px;
}
.orangetxt{
	color: #B95011;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
#top09 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999999;
	height: 15px;
	width: 945px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 6px;
	float: left;
}

#head09 {
	height: 265px;
	width: 955px;
	background-image: url(../new_img/SSC_Head09A.jpg);
	float: left;
}
#nav09 {
	height: 40px;
	background-color: #333333;
	clear: both;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0F2412;
	border-left-color: #0F2412;
}

#head10 {
	height: 265px;
	width: 955px;
	background-image: url(../images/2011_img/SSC_Head2_2010.jpg);
	float: left;
}
#head12 {
	height: 265px;
	width: 955px;
	background-image: url(../images/2012_img/SSC_Head2_2012.jpg);
	float: left;
}


#title {
	background-color: #666666;
	width: 908px;
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1em;
	color: #FFFFFF;
	margin-top: 2px;
	padding: 5px 5px 5px 40px;
	height: 45px;
	margin-bottom: 0px;
}

#content09 {
	width: 925px;
	float: left;
	position: relative;
	overflow: auto;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #227D05;
}
#contentframe {
	background-color: #5C784F;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0F2412;
	border-left-color: #0F2412;
	padding-bottom: 0px;
	min-height: 750px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	}
	
	
#contentnew {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #DA947A;
	line-height: 1.3em;
	background-color: #5C784F;
	height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 955px;
}
#contentnewbase {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #DA947A;
	line-height: 1.3em;
	background-color: #227D05;
	background-position: 590px 45px;
	background-repeat: no-repeat;
	height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 955px;
}


   #portofoliowrap {
	margin: 10px 0px 0px 10px;
	float: left;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#portofolio {
	height: 307px;
	width: 600px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}

#left1 {
	width: 375px;
	margin-left: 15px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #CCC;
}

#leftcol09 h1 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1.3em;
	font-weight: bold;
	color: #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#leftcol09 img {
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	border: 1px solid #754030;
}


#leftcol09 {
	padding: 5px 9px 5px 12px;
	background-color: #004600;
	margin-top: 20px;
	width: 355px;
	float: left;

}

#leftcol09_2 h1 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1.8em;
	font-weight: bold;
	color: #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#leftcol09_2  h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #F1B811;
	background-color: #474747;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	background-image: url(../images/bmid_113.gif);
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #313131;
}
#leftcol09_2  h3 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1.4em;
	color: #EC7813;
	text-align: left;
	margin-left: 10px;
}
.intro {
}


#leftcol09_2 img {
	margin: 4px 12px 4px 4px;
	padding: 3px;
	float: left;
}


#leftcol09_2 {
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #474747;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
#leftcol09_2 a {
	color: #FFF;
}

#leftcol09_2  p {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	color: #CCC;
	margin-left: 8px;
	padding: 5px 9px;
	font-weight: lighter;
}


#leftcol09_3  h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #F1B811;
	background-color: #474747;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	background-image: url(../images/bmid_113.gif);
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #313131;
}
#leftcol09_3  h3 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1em;
	color: #8BCF54;
}


#leftcol09_3 img {
	margin: 4px 12px 4px 4px;
	float: left;
	padding: 3px;
	background-color: #008000;
	display: inline;
}


#leftcol09_3 {
	float: left;
	padding: 5px;
	background-color: #004600;
	margin-top: 20px;
	position: relative;
	width: 450px;
	margin-left: 15px;
}

#leftcol09_3  p {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.3em;
	margin-left: 8px;
	padding: 5px;
	font-weight: lighter;
}

#leftcol09_light {
	float: left;
	padding: 5px;
	background-color: #C8CFB4;
	margin-top: 20px;
	width: 450px;
	clear: right;
	margin-left: 15px;
}

#leftcol09_light p {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.3em;
	margin-left: 8px;
	padding: 5px;
	font-weight: lighter;
}

#leftcol09_light  h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #F1B811;
	background-color: #474747;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	background-image: url(../images/bmid_113.gif);
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #313131;
}
#leftcol09_light  h3 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1em;
	color: #99CC00;
}


#leftcol09_light img {
	margin: 4px 12px 4px 4px;
	float: left;
	padding: 3px;
	background-color: #008000;
	display: inline;
}
.bg_left {
	background-image: url(../images/2010_img/BG_left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#rightcol09 {
	float: right;
	padding: 1px;
	width: 510px;
	margin-left: 5px;
	margin-right: 8px;
	list-style-type: none;
	list-style-image: none;
	clear: left;
}
#rightcol09 p {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #FFFFFF;
}
#rightcol09 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #F29E18;
	text-align: center;
}

#foot09 {
	height: 110px;
	background-color: #565656;
	border: 1px solid #000;
	padding-top: 10px;
	display: inline;
}


#MainMenu09
{
	height:36px;
	background:#B8B8B8 url(../images/bmid_113.gif);
	border:1 solid #333333;
	width: 923px;
	float: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 30px;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:url(../images/bright_113.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(../images/bleft_113.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:36px;
	padding:0 10px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#cont #contright {
	float: right;
	width: 450px;
	margin-right: 15px;
	padding: 15px 1px 1px 15px;
	background-color: #004600;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	margin-top: 15px;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	background:#FFF url(images/bmid_113.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	background:url(images/bleft_113.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:36px;
	background:url(images/bright_113.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 22px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}
.clear09 {
	clear: both;
}
iframe {
	width: 955px;
	padding-right: 5px;
	padding-left: 5px;
	overflow: auto;
}
#innerfoot {
	width: 927px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #EC7813;
	text-align: center;
	display: block;
	float: left;
	clear: both;
	margin-bottom: 0px;
	background-color: #333;
	position: relative;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
#cont #contleft {
	float: left;
	width: 415px;
	margin-right: 0px;
	padding-top: 15px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin-left: 15px;
}

/* form elements */
form {
	margin: 10px; 
	padding: 15px 25px 25px 20px; 
	border: 1px solid #F0F0F0;
	background: #f8f8f8;
}
form p {
	border-bottom: 1px solid #E6E6E6;
	padding: 12px 0 5px 0;
	margin: 0;
	color: #666666;
}
label {
	font-weight: bold;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 	
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus {
	color: #7BA857;
	background: #EFFAE6;
}
#name, #email, #message, #website {
	width: 230px;
}
input.button {
	font: bold 12px Arial, Sans-serif;
	height: 30px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	background: #754030;
	border-width: 1px;
	border-style: solid;
	border-color: #532618;
}
#cont #contright p {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #666666;
}
#cont #contleft p {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.85em;
	color: #CCCCCC;
}
#cont #contleft h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
}
#cont #contleft h3 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1.2em;
	font-weight: bold;
	color: #D07533;
	margin: 0px;
}
#cont #contleft img {
	margin: 3px;
	padding: 3px;
	border: 1px solid #999999;
	background-color: #333333;
}
#cont #contright h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;
}
#cont #contright a {
	color: #335432;
	text-decoration: underline;
}
.orange {
	background-color: #D07533;
	text-align: center;
	border: 2px dashed #656764;
	color: #FFFFFF;
	width: 350px;
	float: left;
	padding: 4px;
	position: relative;
}
#cont #contright #ad {
}
#cont  #contright #ad h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1.3em;
}
.moviebutton {
	font: bold 12px Arial, Sans-serif;
	height: 30px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	background: #754030;
	border-width: 1px;
	border-style: solid;
	border-color: #532618;
	width: 150px;
}
#contleft table {
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px;
	border: 1px solid #CCCCCC;
	background-color: #C8CFB4;
	margin: 2px;
}
#smalltable {
	font-size: 0.9em;
	color: #CCC;
	padding-left: 5px;
	padding-top: 5px;
	font-family: "Century Gothic", Helvetica, sans-serif;
	width: 300px;
	margin-left: 30px;
}
#bigtable {
	font-size: 0.9em;
	width: 870px;
	margin-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #D5EEC8;
}
#cont #contwide {
	width: 900px;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
}
#smalltable tr td{
	text-indent: 5px;
	border: 1px dotted #999;
}
#bigtable tr {
	margin-left: 30px;
	background-color: #D5EEC8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#bigtable tr td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
}
#bigtable .intro    {
	color: #EAF3F5;
}
#cont #contright h3 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	margin: 0px;
}
#leftcol10 {
	padding: 5px 5px 5px 25px;
	background-color: #004600;
	margin-top: 20px;
	width: 455px;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	margin-left: 10px;
}
#leftcol10 h1 {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 1.3em;
	font-weight: bold;
	color: #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#leftcol10 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5BA137;
	line-height: 21px;
	text-transform: uppercase;
}

#contentnew_nopic {
	font-family: "Century Gothic", "Gill Sans", Helvetica;
	font-size: 0.8em;
	color: #DA947A;
	line-height: 1.3em;
	background-color: #005200;
	height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 955px;
	clear: right;
	background-image: url(../images/2010_img/BG_left.png);
}
#portfolio ul {
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
}
.right {
	clear: right;
	float: right;
}
#contwide_center {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	width: 800px;
}
#rightcol09 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #E42800;
	line-height: 21px;
	text-transform: uppercase;
}
.yellow {
	background-color: #9C0;
	text-align: center;
	border: 2px dashed #656764;
	color: #FFFFFF;
	width: 400px;
	float: left;
	padding: 4px;
	position: relative;
}
.orangeRED {
	background-color: #A12617;
	text-align: center;
	border: 1px dotted #FFF;
	color: #FFFFFF;
	width: 500px;
	float: none;
	padding: 8px;
	position: inherit;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

#Button1 {
	background-color: #CC0;
}
#Button1 a:hover {
	background-color: #787800;
	color: #CCC;
}
.form1 {
	width: 290px;
}
#rightcol09 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333;
}
#boxtop {
	border: 1px solid #E7B997;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E6931E;
	width: 485px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
#boxtop h1{
	font-size: 25px;
	color: #FF0;
	line-height: 30px;
	font-family: "Comic Sans MS", cursive;
	font-style: normal;
	text-align: center;
	display: block;
	width: 155px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}
#boxtop img{
	float: right;
}
#cont #contwide_part {
	width: 600px;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: auto;
	margin-left: 150px;
}
#cont #contwide_part img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
}
#leftcol09_2 b {
	font-weight: bold;
	color: #FC3;
	font-family: Verdana, Geneva, sans-serif;
}

