body

{

    background-color: #e6e6e6;

	overflow-x: hidden;

	color: #515151;

	font-family:Arial;

	font-size:12px;

}



a

{

    text-decoration: none;

}





header

{

    /*background-color:#f5f5f5;    */

    background-image: url('../Images/Header_Bg.png');

    background-repeat: no-repeat;

	background-size:cover;

    width: 770px;/*965px;*/

    height: 150px;/*187px;*/

    position: relative;

    left: 50%;

    margin-left: -385px;/*-483px;*/

}





#Logo

{

    float: left;

    padding-left: 24px;

    padding-top: 24px;

	padding-right: 104px;

}

#CallUs

{

	float:right; 

	color:#b4b4b3;

	font-family:Arial;

	font-size:16px;

	text-align:right;

	margin-right:48px;

	margin-top:48px;

}



/*Menu items*/

#cssmenu

{

    width: 100%;

    height: 59px;

    margin: 0;

    padding: 0;

    margin-right: 60px;

    padding-top: 113px;

}



#cssmenu ul li

{

    float: left;

    padding: 0;

}





/*Menu Buttons drawing Start*/

#cssmenu   ul {

    margin: 0;

    padding: 0;

    list-style: none;

	

	position: absolute;

	left: 331px;/*420px;*/

	top: 110px;/*135px;*/

}



#cssmenu   li {

	margin-left: 10px;

	width: 0px;

	height: 0px;

	border-style: outset;

	border-width: 0px 45px 25px 0px;

	float: left;

	border-color: transparent transparent transparent transparent;

	

}

#cssmenu  .active{

	border-color: transparent  #333 transparent transparent;

}



#cssmenu   a {

    margin-left: 1px;

	margin-top: 5px;

	position: absolute;

	color: #e8e8e8;

}



#cssmenu  li:hover {border-color: transparent  #333 transparent transparent;

	transition : border-color 500ms ease-out; 

	-webkit-transition : border-color 500ms ease-out; 

	-moz-transition : border-color 500ms ease-out;

	-o-transition : border-color 500ms ease-out; 
	


	

}



#cssmenu .Menu_Seprator

{

    background-image: url('../Images/Menu_Seprator.png');

    background-repeat: no-repeat;

    width: 2px;

    margin-top: 4px;

    margin-left: 3px;

}



#cssmenu .li_Menu_Seprator

{

	margin-left: 0px;

	width: 0px;

	height: 0px;

	border-style: inset;

	border-width: 0px;

	float: left;

	border-color: transparent transparent transparent transparent;

	

}



#Home

{

    width:100px;

}

#Projects

{

    width:100px;

    margin-left: 3px;

}

#Gallery

{

    height: 43px;

    width: 140px;

    margin-left: 3px;

}

#About

{

    width: 92px;

    margin-left: 3px;

}

#Contact

{

    width: 114px;

    margin-left: 3px;

}

/*Menu Buttons drawing End*/



/*Active Menu Buttons drawing Start*/

.Active_my_corner

{

    position: relative;

    min-height: 43px;

    line-height: 14px;

    background-color: #fec70d;

    color: #f5f5f5;

    text-align: center;

    font-weight: bold;

    font-family: Arial;

    -webkit-transition: background-color, color 0.5s linear;

    -moz-transition: background-color, color 0.5s linear;

    -o-transition: background-color, color 0.5s linear;

    transition: background-color, color 0.5s linear;

}

#cssmenu ul li a:hover .Active_my_corner

{

    color: #676767;

}



.Active_my_corner .tl, .Active_my_corner .br

{

    width: 0;

    height: 0;

    position: absolute;

}



.Active_my_corner .tl

{

    top: 0;

    left: 0;

    border-top: 12px solid #f5f5f5;

    border-right: 12px solid transparent;

}

.Active_my_corner .br

{

    bottom: 0;

    right: 0;

    border-bottom: 12px solid #f5f5f5;

    border-left: 12px solid transparent;

}



/*Active Menu Buttons drawing End*/





#TopSection

{

	width: 772px;/*965px;*/

    height: 544px;

    position: relative;

    left: 50%;

    margin-left: -385px;/*-483px;*/

	margin-top: 15px

}





/*Slide show*/



#TopSection #slideshow *

{

    margin: 0;

    padding: 0;

    width: 771px;/*966px;*/

    height: 544px;

}

#TopSection #slideshow

{

    position: relative;

}

#TopSection #slideshow /*#menu*/, #slideshow #pictures, #TopSection #slideshow #loading

{

    position: absolute;

    float: left;

}

#TopSection #slideshow #loading

{

    background: url('../images/SlideShow/spinner.gif');

    display: block;

    top: 158px;

    left: 205px;

    text-indent: -5000px;

    width: 50px;

    height: 50px;

    visibility: hidden;

    z-index: 5;

}

#TopSection #slideshow #pictures

{

    left: 0;

    overflow: hidden;

}

#TopSection #slideshow #pictures li

{

    display: block;

    position: absolute;

    top: 0;

    width: 437px;

}

#TopSection #slideshow #pictures li img

{

    display: block;

    position: relative;

    bottom: 0;

}

#TopSection #slideshow #menu

{

	width: 771px;/*966px;*/

	

	height: 20px;

	float: right;

	position: relative;

	top: 544px;

}

#TopSection #slideshow #menu li

{

	z-index: 1000;

	position: relative;	

	width: 18px;

	height: 19px;

	float: right;

	list-style-image: url(../Images/Gray_Arrow.png);

    /*

	opacity: 0.1;

    -webkit-transition: opacity 1.1s ease;

    -moz-transition: opacity 1.1s ease;

    -o-transition: opacity 1.1s ease;

    transition: opacity 1.1s ease;

    */

}

#TopSection #slideshow #menu li a

{

	width: 1px;

	height: 1px;

    /*

	-webkit-transition: line-height 0.25s linear;

    -moz-transition: line-height 0.25s linear;

    -o-transition: line-height 0.25s linear;

    transition: line-height 0.25s linear;

	*/

}

#TopSection #slideshow #menu li a:focus

{

    outline: 0;

}

#TopSection #slideshow #menu li a:hover

{

    text-decoration: underline;

}

#TopSection #slideshow #menu li:hover

{

    opacity: 0.48;

}

#TopSection #slideshow #menu li.current

{

list-style-image: url(../Images/orange_Arrow.png);

/*

    opacity: 1;

    

    -webkit-transition: opacity 1.1s ease;

    -moz-transition: opacity 1.1s ease;

    -o-transition: opacity 1.1s ease;

    transition: opacity 1.1s ease;

	*/

}

/* Change the spinner sizeeeeeeeeeeeeeeeeeeeee*/

#TopSection #slideshow #menu li.current a

{

    

}

#TopSection #slideshow #menu li.current a:hover

{

    text-decoration: underline;

}

#TopSection #slideshow #menu li.background

{

	visibility:none;

}



#SlideShow_Container

{

	height:584px;	 	

}



#TopSection #slideshow_Container

{

    width: 966px;

    height: 544px;

    -webkit-box-shadow: inset -4px -4px 6px 2px rgba(8, 8, 8, 0.7);

    box-shadow: inset -4px -4px 6px 2px rgba(8, 8, 8, 0.7);

}

#TopSection #slideshow #menu div.inner

{

    max-width: 4px;

    max-height: 7px;

}



#Image_Disc_Container

{

    background: #7f8080 ; /*url('../Images/Img_Disc_BG.png') no-repeat top;*/

    color: White;

    height: 185px;

    text-align: center;

    left: 50%;

}

#Image_Disc

{   

    padding-top:104px;

	width:800px; 

	margin:0 auto;

}



/*Bottom Button*/

#book_Stand

{

    font-size: 14px;

    width: 171px;

    height: 42px;    

    margin-right:48px;

    margin-top:37px;    

	float:right;

	background-color:#fec70d;

line-height: 10px;

}



#book_Stand .tl

{

    top: 0;

    left: 0;

    border-top: 12px solid #f5f5f5;

    border-right: 12px solid transparent;

}

#book_Stand .br

{

    bottom: 0;

    right: 0;

    border-bottom: 12px solid #f5f5f5;

    border-left: 12px solid transparent;

}



#book_Stand a

{



	color:#f5f5f5;	

	-webkit-transition: color 0.5s linear;

    -moz-transition:  color 0.5s linear;

    -o-transition:  color 0.5s linear;

    transition:  color 0.5s linear;

}

#book_Stand a:hover

{

	color:#808080;

}



/*Page Footer */

footer

{

    float: left;

    background-color: #241e20;

    height: 160px;

    width: 100%;

}

#FooterTop

{

	background-color:#333;

	height:6px;

	width: 100%;

}

#BottomSection

{

    
	width: 771px;/*965px;	*/
	

	height: 130px;

	position: relative;

	left: 50%;

	margin-left: -385px;/*-483px;*/

	margin-top: 20px;

	margin-bottom:35px;

	padding-left:20px;

	padding-right:20px;

}



#NewsFeed

{

	padding-left: 18px;

	position: relative;

	float:left;

	width: 61%;	

	height:130px;

	background-color:white;

	list-style-image: url(../Images/List_Arrow.png);

}



#ProjectsLink

{	

	padding-left: 18px;

	position: relative;

	width: 27%;

	float: left;

	height: 130px;

	margin-left: 20px;

	margin-right: 20px;

	background-color:white;

}

#ProjectsLink img

{

	width: 60px;

	margin-left:3px;

}



#ProjectsLink p , #NewsFeed p

{

	margin-top: 12px;

	float: left;

	/* -webkit-margin-after: 1em;  */

	position: absolute;

	top: -4px;

}



#ProjectsLink a , #NewsFeed a

{ 

	color:#333;

	float: left; 

	clear:left; 

	float: left;	

	bottom: 5px;

	position: absolute;

	right: 20px;"

}

#ProjectsLink .Triangle, #NewsFeed .Triangle

{

	width: 0px;

	height: 0px;

	border-style: inset;

	border-width: 0px 20px 12px 0px;

	float: left;

	border-color: transparent #333 transparent transparent;

	bottom: 109px;

	margin-top: 11px;

	margin-bottom: 10px;

}

#NewsFeed .Triangle

{

	width: 50px;

}



#ProjectsLink .Triangle

{

	width: 33px;

}



#BottomNav

{

    width: 100%; /*modified from 900 to 923 becuase it was going to the next line in IE */

    /*color: #575757;*/

    position: relative;

    left: 50%;

    margin-left: -385px;/*-440px; */

	

}

#FooterLogo

{

	border-right: 1px solid #f3ac5f;

	padding-right: 24px;

	padding-top:20px;

	padding-bottom:20px;

}

#BottomNav ul

{

    list-style: none;    

}

#BottomNav ul li

{

    float: left;

    padding-left: 15px;

    padding-right: 15px;

	padding-top:40px;

	

}

#BottomNav ul li a

{

    color: #b3b3b3; 

}

#BottomNav .NavTitle

{

    color: #e8e8e8;

}



/*Sub level menu*/

#BottomNav ul > li > ul 

{

    display: block; 

    width: 100%; 

    padding-left: 15px;

}

#BottomNav ul > li > ul > li 

{

/*    color:#b3b3b3;*/

    display: block; 

    float: none; 

    margin-left: -6px;

    border-left: 0px;

    padding-left: 0px;

}



#ContactWrapper

{	

	background-image: url('../Images/pic.jpg');

    background-repeat: no-repeat;

	background-size:contain;

	

	/*padding-bottom:114px; 	*/

}

#InnerContactWrapper

{	

	text-align:left;

	margin-left:450px;	 

	/*padding-top:90px; */

}

#ContactInfo

{

background-color:#e8e8e8;

width:218px;

color:#000000;

}



#AboutWrapper

{

	background: #f5f5f5 url('../Images/LogoBody.png') no-repeat top;	

	

	padding-left: 30px;

	padding-right: 30px;

}

#AboutWrapper div, #ServicesWrapper div 

{

	margin-left:120px;

	margin-right:120px;

	padding-top:120px;

	padding-bottom:80px; 

}



#ServicesWrapper

{

	background: #f5f5f5 url('../Images/Img_Disc_BG.png') no-repeat bottom;	

	

    margin-left:120px;

	margin-right:120px;

	padding-top:120px;

	padding-bottom:80px; 

}



#NewsFeedContainer

{

	background: #f5f5f5 url('../Images/LogoBody.png') no-repeat top;	

    width:650px;

    height:470px;	

    padding-top:60px;

	padding-left: 60px;

	padding-right: 60px;

}

.YellowTxt

{

	color:#FEC707;

	font-family:Arial, Helvetica, sans-serif;

	display:inline;

	font-size:14pt;

}



.GrayTxt

{

	color:#4b4b4b;

	font-family:Arial, Helvetica, sans-serif;

	display:inline;

	font-size:13pt;

}

.LightGrayTxt

{

	color:#CCCCCC;

	font-family:Arial, Helvetica, sans-serif;

	display:inline;

	font-size:11pt;

}





/*Contact*/



#Frm_Contact

{

width:235px;

margin-top:95px;

}



/*

.Frm_sml_TxtBox

{

	background-image:url(../Images/subject_bg.png);

	background-repeat:no-repeat; 

	width:220px; 

	height:25px;

}



.Frm_Big_TxtBox

{

background-image:url(../Images/msg_Body_bg.png);

background-repeat:no-repeat; 

width:366px; 

height:141px;

}

*/

#txt_Subject,

#txt_Email,

#txt_Name

{

	width:218px; 

	height:25px; 

	background-color:#fcb062;

	color:#e8e8e8;

	border:none;

	

	outline: none;

}



#ta_Mail

{

	width:220px; 

	height:130px;

	background-color:#fcb062;

	color:#e8e8e8;

	border:none; 

	resize:none; 

	

	margin-top:10px; 

	outline: none;

	overflow: auto;

}



#btn_Submit

{

	width: 51px; 

	height: 19px;	

	background-image: url(../Images/btn_Submit.png);

	border: 0; 

	font-size: 14px; 

	float: left; 

	cursor:pointer;
	
	}
	
	
#btn_Submit:hover {
    width: 51px; 

	height: 19px;	

	background-image: url(../Images/btn_Submit2.png);

	border: 0; 

	font-size: 14px; 

	float: left; 

	cursor:pointer;
	transition:all 0.9s ease-in-out
	
  }

	

}









/*Gallery*/



#AlbumWrapper

{	

	/* background-color:white; */

	padding-top:0px;

	padding-bottom:30px;	

	float:left; 

	position:absolute;

	text-align:left;

	

    

	background: #f5f5f5 url('../Images/LogoBodyDark.png') no-repeat center;

	width: 770px;/*965px;*/

		

}









.lb-album

{



	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;

	list-style: none;	

/*	float:left;	*/

    position:relative;

/*	left:50%; 

	height:374px;

*/

	margin-left:110px;

	margin-right:110px;

	margin-top:50px;

	

}

.lb-album li{

	float: left;  /* right */	

	position: relative;

	display:inline;

	list-style-type:none;

	/* left:-50%; */	

	padding-left: 17px;

	margin: 10px 0px  10px 0px;

	

}

.lb-album li > a,

.lb-album li > a img{

	display: block;

}

.lb-album li > a{

	width: 140px;

	height: 115px;

	position: relative;

/*	padding: 10px; */

	background: #f5f5f5;

	-webkit-box-shado1d2c2;

	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;

	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;

	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px 4px 4px 4px;

}

.lb-album li > a span{

	position: absolute;

	width: 150px;

	height: 150px;

	top: 0px; /* 10 */

	left: 0px; /* 10 */

	text-align: center;

	line-height: 150px;

	color: rgba(27,54,81,0.8);

	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);

	font-size: 24px;

	opacity: 0;

	filter: alpha(opacity=0); /* internet explorer */

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/

	background: rgb(241,210,194);

	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(230,230,230,1) 100%);

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(230,230,230,1)));

	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

	-webkit-transition: opacity 0.3s linear;

	-moz-transition: opacity 0.3s linear;

	-o-transition: opacity 0.3s linear;

	-ms-transition: opacity 0.3s linear;

	transition: opacity 0.3s linear;

}

.lb-album li > a:hover span{

	opacity: 1;

	filter: alpha(opacity=99); /* internet explorer */

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/

}

.lb-overlay{

	width: 0px;

	height: 0px;

	position: fixed;

	overflow: hidden;

	left: 0px;

	top: 0px;

	padding: 0px;

	z-index: 99;

	text-align: center;

	background: rgb(241,210,194);

	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(230,230,230,1) 100%);

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(230,230,230,1)));

	

	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);/*old color 241,210,194*/

	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

	

	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(230,230,230,1) 100%);

}

.lb-overlay > div{

	position: relative;

	color: rgba(27,54,81,0.8);

	opacity: 0;

	filter: alpha(opacity=0); /* internet explorer */

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/

	width: 550px;

	margin: 10px auto 0px auto;

	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);

	-webkit-transition: opacity 0.3s linear 1.3s;

	-moz-transition: opacity 0.3s linear 1.3s;

	-o-transition: opacity 0.3s linear 1.3s;

	-ms-transition: opacity 0.3s linear 1.3s;

	transition: opacity 0.3s linear 1.3s;

}

.lb-overlay div h3,

.lb-overlay div p{

	/*

	padding: 0px 20px;

	width: 200px;

	height: 60px;

	*/

}

.lb-overlay div h3{

	font-size: 36px;

	text-align: center;

	/*float: left;

	text-align: right;

	border-right: 1px solid rgba(27,54,81,0.4);*/

}

.lb-overlay div h3 span,

.lb-overlay div p{

	font-size: 16px;

	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;

	font-style: italic;

}

.lb-overlay div h3 span{

	display: block;

	line-height: 6px;

}

.lb-overlay div p{

	text-align: left;

	float: left;

	width: 260px;

}

.lb-overlay a.lb-close{

	background: rgba(27,54,81,0.8);

	z-index: 1001;

	color: #fff;

	position: absolute;

	top: 43px;

	left: 50%;

	font-size: 15px;

	line-height: 26px;

	text-align: center;

	width: 50px;

	height: 23px;

	overflow: hidden;

	margin-left: -25px;

	opacity: 0;

	filter: alpha(opacity=0); /* internet explorer */

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

	-webkit-transition: opacity 0.3s linear 1.2s;

	-moz-transition: opacity 0.3s linear 1.2s;

	-o-transition: opacity 0.3s linear 1.2s;

	-ms-transition: opacity 0.3s linear 1.2s;

	transition: opacity 0.3s linear 1.2s;

}

.lb-overlay img{

	/* height: 100%; For Opera max-height does not seem to work */

	max-height: 100%;

	position: relative;

	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);

}

.lb-overlay:target {

	width: auto;

	height: auto;

	bottom: 0px;

	right: 0px;

	padding: 80px 100px 120px 100px;

}

.lb-overlay:target img {

	-webkit-animation: scaleDown 1.2s ease-in-out;

	-moz-animation: scaleDown 1.2s ease-in-out;

	-o-animation: scaleDown 1.2s ease-in-out;

	-ms-animation: scaleDown 1.2s ease-in-out;

	animation: scaleDown 1.2s ease-in-out;

}

.lb-overlay:target a.lb-close,

.lb-overlay:target > div{

	opacity: 1;

	filter: alpha(opacity=99); /* internet explorer */

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/

}

@-webkit-keyframes scaleDown {

  0% { -webkit-transform: scale(10,10); opacity: 0; }

  100% { -webkit-transform: scale(1,1); opacity: 1; }

}

@-moz-keyframes scaleDown {

  0% { -moz-transform: scale(10,10); opacity: 0; }

  100% { -moz-transform: scale(1,1); opacity: 1; }

}

@-o-keyframes scaleDown {

  0% { -o-transform: scale(10,10); opacity: 0; }

  100% { -o-transform: scale(1,1); opacity: 1; }

}

@-ms-keyframes scaleDown {

  0% { -ms-transform: scale(10,10); opacity: 0; }

  100% { -ms-transform: scale(1,1); opacity: 1; }

}

@keyframes scaleDown {

  0% { transform: scale(10,10); opacity: 0; }

  100% { transform: scale(1,1); opacity: 1; }

}

/* 

	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 

	http://bricss.net/post/11230266445/css-hack-to-target-opera 

*/

x:-o-prefocus, .lb-overlay img {

    height: 100%;

}