/*  Default HTML */

html { height: 100%; }
form{ height: 100%;  margin:0; padding:0; }
body { margin:0; padding:0; background:url(images/bg.jpg) no-repeat top center; background-color:#000 ; font-family:Myriad Pro, Arial; font-size:15px; font-weight:normal;}
p { font-family:Myriad Pro, Arial;font-size: 15px;  color: #000; line-height:20px; font-weight:normal; margin:0;}
img { border:none;}
strong { color:#999966;}

/*  Main SKIN Elements  */

.FullWidth { width:100%;} 
.DefaultWidth { width:960px; }
.TopTD { padding: 10px 15px 10px 15px; background:url(images/top-bg.png);}
.LogoTD { padding:5px 20px 5px 20px;width:10%;}
.BodyBG { background:url(images/body-bg.png)repeat-x top; background-color:#fff; }
.contact-no { font-family:Myriad Pro, Arial; font-size:26px; color:#FFF;}
.contact-id { font-family:Myriad Pro, Arial; font-size:16px; color:#FFF;}
.socialTD { background-color:#FFFFFF; border-top:5px #f1e3d4 solid; padding:15px 30px 15px 30px;}
.Left-Pane-Content { padding:0px 10px 10px 10px}
.FooterTD { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#bbbbbb; padding:15px 10px; background: url(images/footer-bg.png) top repeat-x;}
.TextGreen { color:#999966;}

/*  Anchor classes  */

a:link, a:visited, a:active {  font-family:Myriad Pro, Arial; font-weight:normal; FONT-SIZE: 16px; text-decoration: none; color:#eb183b;}
a:hover { font-family:Myriad Pro, Arial; font-weight:normal; FONT-SIZE: 16px; text-decoration:underline; color:#000; }
a.contact-id:link, a.contact-id:visited, a.contact-id:active { font-family:Myriad Pro, Arial; font-size:16px; color:#FFF; font-weight:normal;}
a.contact-id:hover {  font-family:Myriad Pro, Arial; font-size:16px; color:#CCC; font-weight:normal;}

/*  Other used Text */

.SPadTop { padding-top:10px;}
UL LI { list-style:disc; line-height:20px; font-family:Myriad Pro, Arial; font-size:15px; font-weight:normal;}
li { padding:10px 0;}
li li { padding:5px 0;}
.imgborder { border:#999999 solid 3px;}

/*  Website Structure */

.PanesTD { padding: 20px 15px 20px 15px;background:url(images/body-bg.png) top repeat-x; background-color:#FFFFFF;}
.Banner-Pane {width: 100%; padding: 0px 0px 0px 0px; }
.Content-Pane { width: 100%; padding: 0px 0px 0 0px; }
.Left-Pane { width: 30%; padding: 20px 20px 0 20px; background:url(images/side-panel.png) top center no-repeat; }
.Right-Pane { width: 70%; padding: 6px 6px 0 7px; background:url(images/right-panel.png) top right no-repeat;}
.innerpaage { padding:0 5px 0 15px !important;}
.innerinside { padding:0 10px;}
.Footer-Pane { width: 100%; padding: 0px 20px 0 20px; }

/*  Default HTML Headings */

H1 { FONT-WEIGHT: normal; FONT-SIZE: 28px; COLOR: #615c5c; FONT-FAMILY: Calibri, Helvetica, sans-serif;margin:0; padding:0; }
H2 { font-family:Myriad Pro, Arial; font-weight:normal; FONT-SIZE: 22px; COLOR: #555555;margin:0; padding:0;  }
H3 { font-family:Myriad Pro, Arial; font-weight:normal; FONT-SIZE: 22px; COLOR: #cc9966;margin:0; padding:0;  }
H4 { font-family:Myriad Pro, Arial; font-weight:normal; FONT-SIZE: 18px; COLOR: #999966; margin:0; padding:0; }
H5 { font-family:Myriad Pro, Arial; font-weight:normal; FONT-SIZE: 22px; COLOR: #999966; margin:0; padding:0; }

/*  Main Menu  */


.MenuTD { background-color:#999966;}
#mainmenu{
	float:right;
	position:relative;
	z-index:20;
	height:45px;
	margin-top:-4px;
	_margin-top:2px;
}
#mainmenu ul{position:relative; float:left; padding:0px 0px 0 10px; list-style-type:none;}
#mainmenu ul li{
	float:left;
	padding:0px 15px 17px 15px;
	color:#f1f1f1;
	position:relative;
	font-size:14px;
	text-transform:capitalize;
	background:url(images/sep.gif) right top no-repeat;
	list-style:none;
}
#mainmenu ul li a, #mainmenu ul li a:visited{
	color:#f0eeee;
	text-decoration:none;
	font-size:13px;
	 font-family:Arial; font-weight:normal; 
	
	
}
#mainmenu ul li a:hover, #mainmenu ul li.current a{
	text-decoration:none;
	color:#FFFFFF;
	
}
#menu li li{
	margin:0;
	padding:0;
	z-index:100;
	background-image:none;
	text-align:left;
	
}
#menu ul{
	display:none;
	position:absolute;
	top:30px;
	left:-00px;
	width:135px;
	padding:8px 0px 8px 0px !important;
	background-color:#999999;
	float:left;
}
#menu ul ul{top:-5px; left:-90px;}
#menu li ul a, #menu li ul a:visited{
	padding:3px 15px;
	text-decoration:none;
	text-transform:capitalize;
	width:105px;
	display:block;
	font-size:11px;
	color:#fff
}
#menu li ul a:hover{
	color:#f2f2f2;
}
.text-front{
	overflow:hidden;
	margin-bottom:0px;
}


/*  JQuery Slide */


#Banner { margin-left:2px;}
#slideshow {
    position:relative;
    height:305px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 
.infiniteCarousel {
  width: 640px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 565px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px 0 34px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {

}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 19px;
  height: 85px;
  width: 99px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}


/* Contact form */	

p#tip { text-align: right; font-size: 12px; margin-top: 5px; color: #4d4d4d; padding-bottom: 0px; }
p#contact_paragraph { color: #636363; font-size: 15px; }
form#contact_us { margin: 10px 0px 0px; float: left; }
p.label_name, p.input_form { float: left; }
p.label_name { width: 80px; clear: both; color: #464646;	font-size: 14px; line-height: 24px; }
	#contact_us input, #contact_us textarea { width: 412px; background: #f5f5e1;	border: 1px solid #d0d0d0; font-size: 13px;	padding: 4px; margin-bottom: 15px; color: #464646; }
	#contact_us input:focus, #contact_us textarea:focus { background: #ffffff; border: 1px solid #c4c4c4; }
	#contact_us input.button {	text-transform: uppercase; color: #ffffff; font-size: 14px;	background: url('http://ya-webdesign.com/enterprise/images/send.gif') no-repeat;	padding: 5px 10px; display: inline-block; width: 103px; border: 0px; cursor: pointer; height:36px; padding:8px 10px 28px; }
	div#feedback { margin-top: 5px; }
	#contact_us input.button:focus { border: 0px; }

p.error { display: none;	padding: 5px 0px; color: #327199; }
p#submit { text-align:right; float: left; width: 501px; }
	p#submit  input { background: none; }
	p#submit .submit_button { background: #999966; width:70px; color: #ffffff; padding: 3px 4px 5px; margin-bottom:0px; border: 0px; }
	p#submit .submit_button:hover { background: #5a5754; }
p#success { display: none; clear: both; font-size: 16px; text-align: center; margin-bottom: 20px; cursor: pointer; margin-top: 10px; color: #4d4d4d;; }


/* Gallery Page */	

#main-content ul#project-categories { float: left; margin-bottom: 30px; list-style-position: outside; list-style-type: none;  }
				ul#project-categories li { float: left; margin-right: 12px; }
					ul#project-categories li a { border: 1px solid #f1f1f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url('../images/project-cats-bg.png') repeat-x; display: block; height: 24px; padding: 2px 10px 0px; color: #aaaaaa; font-size: 12px; }
					ul#project-categories li a:hover, ul#project-categories li.active a { color: #1b4d70; }
			div.projects { float: left; clear: both; width: 600px; display: inline; margin-left: 0px; padding-bottom: 30px;  }
				div.project-wrapper { width: 110px; border: 1px solid #d9d9d9; background: #ffffff; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px 0px 0px 40px; display: inline; }
					div.project-wrapper img { padding: 5px 6px; border: 1px solid #d9d9d9; border-width: 0px 0px 1px; margin: -1px; }
					div.project-wrapper p { font-size: 11px; padding: 0px 5px 4px; color: #626262; }
					#main-content div.project-wrapper h3 { font-size: 14px; padding: 5px 5px 4px; margin: 0px; color: #1b4460; }
					
					#main-content ol, #main-content ul { margin: 0px 0px 10px; list-style-position: inside; }   
					#main-content ul { list-style-type: disc; }
					#main-content ol { list-style-type: decimal; }
					#main-content ol li ol, #main-content ul li ul { margin-left: 20px; margin-bottom: 3px; }
					
					#main-content blockquote { font-style: italic; padding: 5px 0px 0px 20px; margin: 0px 0px 20px 20px; border-left: 1px solid  #cacaca; }