*{
	padding: 0px;
	margin: 0;
}
body{
	background:#fff;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#222;
}

/* Layout Styles Starts */

#wrapper{
	width:800px;
	margin:0 auto;
}
	#header{
		padding:25px 0 15px 0;
	}
		#logo{
	text-align:center;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
		}
			#logo h1{
				font-size:36px;
				font-family:"Century Gothic";
				margin:0 0 10px 0;
			}
				#logo h1 a, #logo h1 a:hover{
					color:#535353;
					text-decoration:none;
					font-weight:normal;
				}
			#logo p{
				padding:0 0 0 3px;
				font-size:12px;
				color:#000000;
				margin:0;
				font-weight:bold;
			}
	#menu{
	height:30px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #dadada;
	border-right-color: #dadada;
	border-bottom-color: #dadada;
	border-left-color: #dadada;
	}

				#menu li a{
					color:#FFFFFF;
					text-decoration:none;
				}
					#menu li a:hover, #menu li a.current{
						color:#FFFFFF;
					}
	#container{
		padding:3px 0 0 0;
	}
		#container.nopadding{
			padding:0;
		}
		.gal-thumb img{
			cursor:pointer;
			height:32px;
		}
		#mainarea{
			width:550px;
			float:left;
			border:solid #dadada;
			border-width:0 1px 0 0;
			padding:20px 10px 20px 0;
		}
		#sidearea{
			width:225px;
			float:right;
			padding:20px 0;
		}
	#footer{
		height:32px;
		line-height:32px;
		border:solid #dadada;
		border-width:1px 0;
		padding:0 15px;
		text-align:center;
		font-size:10px;
		margin:5px 0 0 0;
	}
		#footer a{
			color:#C21521;
			text-decoration:none;
		}
			#footer a:hover{
				color:#000000;
			}
		
	
/* Layout Styles Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
.signin-btn, .button1{
	background:#222;
	margin:8px 0;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
	border: 1px solid #000000;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
#container ul#works{list-style:none;margin:0;}
#container dt{
	font-weight:bold;
	margin:5px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#C21521;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#000000;}
h1{font-size:32px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#C21521;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}

/* Genric Styles Ends */


.galleria{list-style:none;width:200px}
#container ul#gallery_demo_unstyled{margin:0;}
.galleria li{display:block;width:10px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:color:#887;position:absolute;;width:100%;bottom:0;}
.demo{position:relative;}
.gallery_demo{width:900px;}
.gallery_demo li{width:55px;height:40px;margin:0 1px;background:#fff;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font: 0.7em/1.4 georgia,serif;}

#main_image{height:420px;/*width:900px;*/padding:0 0 2px 0;}
#main_image img{margin-bottom:0px;}
	
#container ul.gallery_demo_unstyled, #container ul.gallery_demo, #container ul.galleria{
	margin:0;
}

/* Scroll */

#gallery {
	position:relative;
	height:285px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000000; 
		color:#FFFFFF; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
	margin:5px;
	font-weight: normal;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#C11521;
	}

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
	margin: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white; /*background of tabs (default state)*/
	background-color: #999999;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background-color: #C31421;
}

