/*************************** Typography & Color ******************************/

body {
	font-size: 10pt;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #424242 url(../images/bg.png) repeat;
	background-position: center;
	color: #bbb;
	-webkit-text-size-adjust: none;
}
a {
	color: #dedede;
	text-decoration: none;
	font-weight: bolder;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline:none;
}
em {
	font-style: italic;
}
h1, h2,h3, h4, h5 {
	color: #dedede;
}

a img {
	border: none;
}
hr {
	height: 0px;
	border: none;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #2b2b2b;
}
/********************************* Container **********************************/

#container {
	background: transparent url(../images/container-bg.png) repeat-y;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
}
/*********************************** Header ***********************************/

#header {
	background: transparent url(../images/header-bg.png) repeat-x;
}
#header-left {
	background: transparent url(../images/header-bg-left.png) no-repeat;
}
#header-right {
	background: transparent url(../images/header-bg-right.png) no-repeat;
}
#header-logo a {
	background: transparent url(../images/hameshalet.png) no-repeat;
	text-indent: -10000px;
}
#header-logo a:hover {
	background-position: 0px -75px;
}
#header-links a {
	color: #dedede;
	font-weight:100;
}
#header-links a:hover {
	color:#F00;
	text-decoration:none;
}
#header-navbar {
	background: transparent url(../images/navbar-bg.png) no-repeat;
}
#header-navbar ul {
	list-style-type: none;
}
#header-navbar a {
	background: transparent url(../images/navbar-text.png) no-repeat;
	text-indent: -10000px;
}
#header-navbar a#ham-home {
	background-position: -520px -10px;
}
#header-navbar a#ham-home:hover {
	background-position: -520px -34px;
}
#header-navbar a#ham-home {
	background-position: -487px -10px;
}
#header-navbar a#ham-home:hover {
	background-position: -487px -42px;
}
#header-navbar a#ham-movie {
	background-position: -391px -10px;
}
#header-navbar a#ham-movie:hover {
	background-position: -391px -42px;
}
#header-navbar a#ham-projects {
	background-position: -263px -10px;
}
#header-navbar a#ham-projects:hover {
	background-position: -263px -42px;
}
#header-navbar a#ham-gallery {
	background-position: -146px -10px;
}
#header-navbar a#ham-gallery:hover {
	background-position: -146px -42px;
}
#header-navbar a#ham-contactus {
	background-position: -20px -10px;
}
#header-navbar a#ham-contactus:hover {
	background-position: -20px -42px;
}
/*********************************** Banner ***********************************/
#banner-top2 {
	background: transparent url(../images/border-top.png) no-repeat;
}
#banner-top {
	background: transparent url(../images/border-top.png) no-repeat;
}
#banner-bottom {
	background: transparent url(../images/border-bottom.png) no-repeat;
}
#banner-left {
	background: transparent url(../images/border-left.png) repeat-y;
}
#banner-right {
	background: transparent url(../images/border-right.png) repeat-y;
}
/**************************** Horizontal Separator *****************************/

.horizontal-separator {
	background: transparent url(../images/separator-bg.png) repeat-x;
}
.horizontal-separator-left {
	background: transparent url(../images/separator-bg-left.png) no-repeat;
}
.horizontal-separator-right {
	background: transparent url(../images/separator-bg-right.png) no-repeat;
}
/************************************ Footer ***********************************/

#footer {
	text-align: center;
	padding-bottom: 30px;
	background: transparent url(../images/bg.png) repeat;
	color: #999;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 1px;
	font-size: 10pt;
}
#footer-border {
	background: transparent url(../images/container-border-bottom.png) no-repeat;
}
/******************************* Miscellaneous *********************************/

#sidebar {
	font-size: 8pt;
}
#sidebar h3 {
	font-size: 12pt;
}
#sidebar hr {
	height: 2px;
	border: none;
	background: transparent url(../images/sidebar-separator.png) no-repeat;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#sidebar p {
	font-size:10pt;
}
.box {
	padding: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #2a2a2a;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);   /* IE6 & 7 */
    zoom: 1;
	background-color: #333333;
	background-color: rgba(0, 0, 0, 0.1);
}
.GrayBorders {
	border: #666 1px solid;
	COLOR: white;
	DIRECTION: rtl;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #3b4044;
}
.GrayBordersError {
	border:: #666 1px solid;
	COLOR: #000;
	DIRECTION: rtl;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #970F31;
}
.SendButton {
	background: #424242 url(../images/bg.png) repeat;
	border-right-style: outset;
	border-right-width: 1px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	border-width:1px;
	border-style:solid;
	border-color: #666;
	width: 170px;
	height: 30px;
	margin-right: 180px;
}
.white {
	color:#FFF;
}













/*********************************** Header ***********************************/


#lefticons-navbar {
	background: transparent url(../images/navbar-bg2.png) no-repeat;
}
#lefticons-navbar ul {
	list-style-type: none;
}
#lefticons-navbar a {
	background: transparent url(../images/leftnav.png) no-repeat;
	text-indent: -10000px;
}

#lefticons-navbar a#lefticon1 {
	background-position: 20px 0px;
}
#lefticons-navbar a#lefticon1:hover {
	background-position: 20px -149px;
}

#lefticons-navbar a#lefticon2 {
	background-position: -141px 0px;
}
#lefticons-navbar a#lefticon2:hover {
	background-position: -141px -150px;
}

#lefticons-navbar a#lefticon3 {
	background-position: -298px 	0px;
}
#lefticons-navbar a#lefticon3:hover {
	background-position: -298px -150px;
}

#lefticons-navbar a#lefticon4 {
	background-position: -432px 	0px;
}
#lefticons-navbar a#lefticon4:hover {
	background-position: -432px -150px;
}


#lefticons-navbar a#lefticon5 {
	background-position: -586px 	0px;
}
#lefticons-navbar a#lefticon5:hover {
	background-position: -586px -150px;
}


button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(../images/calendar.png);
	cursor: pointer;
	cursor: hand;
}


#navprojectscontainer
{
	position:fixed;
	background:url(../images/bars.png) no-repeat;
	height:80%;
	top:0px;
	float:right;
	right:-16px;
	text-align:right;
}


#navprojectslist
{
	top:0px;
	margin-top:100px;
	padding: 0px 2px 0px 0px;
	margin-right:10px;
	font: bold italic 14px "OronMF"	;
	width: 13em;
}

#navprojectslist li
{
list-style: none;

  

}

#navprojectslist li a
{
	background: url(../images/projectsnav-bg.png) no-repeat ;
	display: block;
	padding: 0.65em 1em 0.05em 0.75em;

	margin:0px auto;
	text-decoration: none;
	height: 2em;
	width: 135px;
	float: left;
	text-align:right;

}
#navprojectslist  #active a {
background: url(../images/projectsnav-bghover.png) no-repeat   ;
color:#FFF;

}

#navprojectslist li a:link { color: #CCC; }
#navprojectslist li a:visited {  }

#navprojectslist li a:hover
{
background: url(../images/projectsnav-bghover.png) no-repeat   ;
color: #FFF;

}

#gallerycontainer{
z-index:900; 
position:absolute;
border:none;
left:5px;
top:100px;



/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	
background:url(../images/dropshaddow.png) no-repeat;



	
	padding: 7px 4px 9px 14px ;
	margin: 0 -4px -8px 0;


	z-index:999;
}

.thumbnail:hover{
background-color: transparent;


}

.thumbnail:hover img{

background:url(../images/dropshaddowred.png) no-repeat;


}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 1px;
margin: -100px -5px -5px 0;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
float:right;
border:none;


}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border:none;


}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
border:none;
}