/* Global Reset */
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background: #000000 url(../images/body_background.png) repeat scroll top left;

}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* General */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    height: 100%;
	
}
p {
    line-height: 1.3;
    margin-bottom: 15px;
}
a {
    font-weight: normal;
    text-decoration: underline;
}

h2, .TitleHeading {
    font-size: 1.3em;
    font-weight: bold;
    margin: 6px 0 6px 0;
}

h3 {
    font-size: 1.1em;
    margin-bottom: 6px;
}

h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}

ul, ol {
    margin: 0 0 10px 30px;
}

li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
	color: #000;
}

blockquote {
    margin-left: 28px;
}

select option {
    padding: 0 10px;
}

hr {
    width: 70%
    margin: 10px 0;
    margin: 5px 0;
    background: #e5e5e5;
    height: 1px;
    border:0;
}
img {
	border: 0;
}

/* Page Wrapper */

.wrapper {
	width: 1010px;
	margin: 0 auto;
	background: #fff;
		
}

/* Top navigational Menu */

.top-bar {
	width: 1010px;
	height: 30px;
	color: #fff;
	margin-top: 5px;
	background: #000;
			
}
.date {
	width: 200px;
	height: 25px;
	float: left;
	margin-left: 20px;
	padding-top: 5px;
	background: #000;
	font-size: 11px;
		
}
.social-network {
	float: left;
	margin-left: 300px;
	width: 90px;
	height: 20px;
	padding-top: 5px;
			
}
#facebook {
	display: block;
	width: 30px;
	height: 25px;
	float: left;
	background-image: url(../images/fb-but.jpg);
	background-repeat: no-repeat;

}
#facebook:hover {
	background-image: url(../images/fb-but-down.gif);
	background-repeat: no-repeat;

}
facebook span {
	display: none;

}
#u-tube {
	display: block;
	width: 30px;
	height: 25px;
	float: right;
	background-image: url(../images/utube-but.gif);
	background-repeat: no-repeat;

}
#u-tube:hover {
	background-image: url(../images/utube-but-down.gif);
	background-repeat: no-repeat;

}
u-tube span {
	display: none;

}
#twitter {
	display: block;
	width: 30px;
	height: 25px;
	float: left;
	background-image: url(../images/twt-but.gif);
	background-repeat: no-repeat;

}
#twitter:hover {
	background-image: url(../images/twt-but-down.gif);
	background-repeat: no-repeat;

}
twitter span {
	display: none;

}
.userstatus {
	float: right;
	width: 350px;
	height: 23px;
	margin-top: 7px;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	background: #000;
		
}
.userstatus a:link, a:visited {
	color: #fff;
	text-decoration: none;
	
}
.userstatus a:hover {
	color: #0C0;
	text-decoration: underline;
	
}

/* Header */

.header {
	width: 1010px;
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #000;
	
}
.banner {
	width: 1000px;
	height: 60px;
	margin-bottom: 10px;
	background: #000;
		
}
.logo-container {
	width: 222px;
	height: 60px;
	float: left;
	background: #000;
		
}
.head-container {
	width: 730px;
	height: 60px;
	float: right;
	background: #000;
	
}
.title-holder {
	width: 375px;
	height: 60px;
	float: left;
	background: #000;
	
}
#searchbox {
	height: 28px;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
	background: #000;
      
}
#searchbox #search input[type="text"] {
    background: url(../images/search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#searchbox #search input[type="text"]:focus {
    background: url(search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 200px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.carousel {
	width: 1000px;
	height: 170px;
	margin-left: 5px;
		
}

#marquee {
	padding-bottom: 5px;
	
}
/* Containers */

.container {
	width: 430px;
	height: 310px;
	float: left;
	margin-left: 18px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #060;
	background-image: url(../images/plague.gif);
	background-repeat: no-repeat;
}
.page-container {
	width: 525px;
	height: auto;
	float: left;
	margin-left: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
	text-align: justify;
		
}
.page-container a:link, a:visited {
	color: #090;
	text-decoration: none;
	
}
.page-container a:hover {
	color: #900;
	text-decoration: underline;
	
}
.page-title {
	width: 520px;
	height: auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #060;
	font-size: 20px;
	font-weight: bold;
		
}
.page-container-2 {
	width: 730px;
	height: auto;
	float: left;
	margin-left: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
	text-align: justify;
		
}
.directors-entry {
	width: 730px;
	height: auto;
	border-bottom: 20px solid #fff;
	background: #fff;
	float: left;

}
.director-left {
	width: 225px;
	height: 240px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	
		
}
.director-mid {
	width: 225px;
	height: 240px;
	float: left;
	
		
}
.director-right {
	width: 225px;
	height: 240px;
	float: right;
	margin-right: 15px;
	
}
.back {
	width: 200px;
	height: 20px;
			
}

/* Gallery */
.gallery-box {
	width: 730px;
	height: auto;
	background: #000;
	margin-top: 330px;
	margin-left: 260px;	
}
#gallery {
	background-color: #444;
	padding: 10px;
	width: 705px;
	
}
#gallery ul { 
	list-style: none; 
	
}
#gallery ul li { 
	display: inline; 
	
}
#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
#gallery ul a:hover { 
	color: #fff; 

}

/*  - Gallery Ends - /*

/* Sidebars */
.sidebar {
	width: 300px;
	height: 310px;
	float: right;
	background: #fff;
	
}
.fb-box {
	width: 290px;
	height: 292px;
	margin-left: 3px;
	background: #fff;
	border: 1px solid #999;
	
}
.sidebar2 {
	width: 240px;
	height: 480px;
	float: left;
	margin-left: 5px;
	background: #9ED200
		
}
.news-box {
	width: 228px;
	height: auto;
	margin-left: 5px;
	margin-top: 5px;
	border: 1px solid #000;
	background: #B5EF74;
	
}
.newstitle-box {
	width: 228px;
	height: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #090;
	
}
.newstitle {
	width: 210px;
	height: auto;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px solid #090;
	
}
.newstitle a:link, a:visited {
	color: #030; 
	text-decoration: none;
	
}
.newstitle a:hover {
	color: #960;
	text-decoration: underline;
	
}
.sidebar3 {
	width: 1000px;
	height: auto;
	background: #fff;
	margin-top: 10px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	
}
.adbox {
	width: 230px;
	height: 200px;
	float: left;
	display: inline;
	margin-right: 10px;
	
}
.link-title {
	width: 710px;
	height: 20px;
	color: #F00;
	margin-top: 10px;
	margin-left: 260px;
	border-bottom: 1px solid #000;

}
.links-1 {
	width: 70px;
	height: 70px;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
	background: #063;
	
}
.links-2 {
	width: 70px;
	height: 70px;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
	background: #063;
	
}
.links-3 {
	width: 164px;
	height: 70px;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
	background: #063;
	
}
.links-4 {
	width: 70px;
	height: 70px;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
	background: #063;
	
}
.sidebar4 {
	width: 195px;
	height: auto;
	float: right;
	margin-right: 5px;
	background: #fff;
	
}

/* Footer */

.footer {
	width: 1010px;
	height: 80px;
	clear: both;
	background: #000;
	color: #fff;
	font-size: 11px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #333;
	margin-top: 10px;
	
}
#credit:hover {
	background-image: url(../images/imagesoftlogo_down.jpg);
	background-repeat: no-repeat;

}
credit span {
	display: none;

}
#credit {
	display: block;
	width: 79px;
	height: 17px;
	background-image: url(../images/imagesoftlogo_up.jpg);
	background-repeat: no-repeat;

}