/*********************************
Concept by Romesh Loganayagam
Design for www.smartecworld.com
Contact via romeshlogan@yahoo.com
**********************************/

@font-face { 
  font-family: Jenna Sue; 
    src: url('../fonts/JennaSue-webfont.eot'); 
    src: local("Jenna Sue"), url('../fonts/JennaSue-webfont.ttf'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

@font-face { 
  font-family: Liquid Crystal Normal; 
    src: url('../fonts/LiquidCrystal-Normal.eot'); 
    src: local("Liquid Crystal Normal"), url('../fonts/LiquidCrystal-Normal.ttf'); 
}

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal .85em arial, sans-serif;
  background: #171717; /* Tried #1D1D1D #780000 */
  background-image: url(../images/wrapper-background-top-right.png);
  background-repeat:no-repeat;
  background-position:right top;
  color: #FFF;
  padding-bottom: 40px;
}

p { 
  font: normal 1.0em "News Cycle", arial, sans-serif;
  padding: 0px 0px 20px 0px;
  line-height: 1.5em;
  text-shadow:; /* Default #000 1px 1px */
}

img { 
  border: 0;
    border-radius: 0px; /* For Opera 10.5+, future browsers, and now also Internet Explorer 6+ */
  -moz-border-radius: 0px; /* For Mozila Firefox*/
  -webkit-border-radius: 0px; /* For Safari and Chrome*/
}

h1, h2, h3, h4, h5, h6, h7 { 
  font: normal 400% 'Jenna Sue', 'Liquid Crystal Normal', arial, sans-serif;
  color: #FFF;
  margin: 0 0 5px 0;
  padding: 0px 0 0px 0;
}

h1 { 
  text-shadow:; /*Default 1px 1px #000;*/
}

h2 { 
  font: normal 220% 'Jenna Sue', arial, sans-serif;
  color: #40C1FF;  
  margin: 25px;
  padding: 0 0 8px 0;
  text-shadow: none; /*Default 1px 1px #000;*/
}

h3 { 
  font: normal 100% 'trebuchet ms', arial, sans-serif;
  padding: 0px 0 8px 0;
}

h4, h5, h6 { 
  margin: 0;
  padding: 15px 0 8px 0;
  font: normal 110% arial, sans-serif;
  color: #FFFFFF;
  line-height: 1.5em;
}

h5, h6 { 
  font: normal 95% arial, sans-serif;
  color: #FFFFFF;
  padding-bottom: 15px;
}

h6 { 
  color: #FFFFFF;
}

h7 {
  font: normal 220% 'Jenna Sue', arial, sans-serif;
  color: #40C1FF;  
  margin: 15px;
  padding: 0px 0px 8px 0px;
  text-shadow: none; /*Default 1px 1px #000;*/
  line-height: 1.5em;
}

a, a:hover { 
  outline: none;
  color: #FFF;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
  color: #FFF;
}

ul { 
  margin: 2px 0 22px 17px;
}

ul li { 
  font: normal 1.0em "News Cycle", arial, sans-serif;
  list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0 0 4px 5px;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, header, #logo, nav, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main { 
  width: 950px;
  margin: 0px auto 0 auto;
}

#logo { 
  width: 200px;
  float: left;
  height: 150px;
  background: transparent;
  padding: 30px 0 0px 0;
}

#logo h1 { 
  font: normal 350%  'Liquid Crystal Normal', arial, sans-serif;
  padding: 20px 0 0 0;
  color: #FF6600;
  letter-spacing: 1px;
}

#logo h1 a { 
  color: #999;
  text-decoration: none;
}

#logo h1 a:hover { 
  color: #222;
  text-decoration: none;
}

#site_content { 
  width: 950px;
  overflow: hidden;
  margin: 4px auto 0 auto;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 10px; /* For Opera 10.5+, future browsers, and now also Internet Explorer 6+ */
  -moz-border-radius: 10px; /* For Mozila Firefox*/
  -webkit-border-radius: 10px; /* For Safari and Chrome*/
  margin: 0px auto 0px auto;  /* 0px has to be 30px by default */
}

#site_content img {
  border-radius: 10px; /* For Opera 10.5+, future browsers, and now also Internet Explorer 6+ */
  -moz-border-radius: 10px; /* For Mozila Firefox*/
  -webkit-border-radius: 10px; /* For Safari and Chrome*/
}

#sidebar_container { 
  float: left;
  width: 250px;
  padding: 16px 0 0 0; /*text content top to heading*/
}

.sidebar { 
  float: right;
  width: 223px;
  margin: 0 0 1px 0;
  padding: 5px 15px 5px 0px;
}
  
.sidebar h3 { 
  padding: 12px 5px 0px 0;
  font: 400% 'Jenna Sue', arial, sans-serif;
  text-shadow: none; /* Default  #000 1px 1px */ 
  margin: 4px 1px; 
  color: #FFF;
}

.sidebar_item, .content_item { 
  padding: 15px 0;
}

#content { 
  text-align: justify;
  width: 670px;
  padding: 20px 0 5px 0;
  margin: 0;
  float: right;
}

#content ul, .sidebar ul { 
  margin: 2px 0 5px 0px;
}

#content ul li, .sidebar ul li { 
  list-style-type: none;
  background: transparent url(../images/bullet.png) no-repeat left center;
  margin: 0 0 0 0; 
  padding: 2px 0 2px 28px;
  line-height: 1.5em;
}


/*footer */


#footer
{ width: 950px;
  font: normal 100% 'News Cycle',  arial, sans-serif;
  height: 115px;
  margin-bottom: -25px;
  margin-top: 10px;
  padding: 17px 0 0px 0; /*footer contents - menu and copyright*/
  text-align: center; 
  background: url(../images/footer-bg.png) no-repeat;
  color: #999999;}

footer p { 
  padding: 0 0 10px 0;
}

footer a, footer a:hover { 
  color: #FF6600;
  text-decoration: none;}

footer a:hover { 
  text-decoration: underline;}

.footerstyle {color: #999999}

/* styling for the slideshow on the homepage */

ul.slideshow {
  width: 950px;
  height: 450px;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  list-style: none;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 950px;
  height: 275px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 38px 25px 0 25px;   
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 150% 'Liquid Crystal Normal', sans-serif;
  color: #FFFFFF;
  text-align: left;
  text-shadow: none;}

nav { 
  height: 80px;
  width: 750px;
  margin: 1px auto 0 auto;
  float: right;
  padding: 35px 0 20px 0;
} 

/*Lava lamp menu*/

hr{
margin:0px 0;
color:#eee;
}

ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}

/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu{
position: inherit; /*default relative*/
padding: 0px;
margin: 0px; /*distance between menu & slideshow*/
margin-bottom:1em;
text-align: right; /*set value to "left", "center", or "right"*/
}

ul.gelbuttonmenu li{
display: inline;
}

ul.gelbuttonmenu li a{
color: #FFFFFF;
font: normal 100% 'Liquid Crystal Normal', sans-serif;
text-shadow: none;
font-weight: bold;
padding: 5px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
background:url(../images/gelbuttonleft.png) top left no-repeat, url(../images/gelbuttonright.png) top right no-repeat, url(../images/gelbuttoncenter.png) top center repeat-x;
}


/*Screen news*/

.sector {
	width:312px;
	height:200px;
	margin:11px;
	background-image:url(../images/monitor-bg.png);
	float:left;
	}
	
.sector-text {
	width:270px;
    font: normal 100% 'trebuchet ms', arial, sans-serif;
	text-shadow:none;
	font-size:11px;
	color:#fff;
	margin-top:-25px;
	margin-left:22px;
	position: absolute;
	}
	
.sector-view {
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #FF6600;
	margin-left:210px; /* view details */
	margin-top:62px;
	font-weight:600;
	position:relative;
	}

.dark-blue {
	color: #0000CC;
	}

.light-ash {
	color: #838196;
	}

.light-yellow {
	color: #FFFF00;
	}

.sectorview {
    color: #FF6600
	}

p.coporate {
	width:620px;
	height:150px;
	margin-left:10px;
	margin-top:30px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* Date & greetings apperance style */

.dateprofile{
	font-size: 12px;
	color: #40C1FF;
	font-weight:100;
}

/* Contactus form */

		*:focus{
			outline:none; /* Prevents blue border in Webkit */
		}

	
		#top_bit {
			width:760px;
			margin: 0 auto;
		}
		
		form {
			width:300px;
			margin: 20px auto;
			float: left; /*shifting the form to center, left or right*/ 
		}

		p {
			line-height: 1.6;
		}

		input, textarea {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			background-color:#fff;
			border:1px solid #ccc;
			font-size:15px;
			color: #FFFFFF;
			width:300px;
			min-height:30px;
			display:block;
			margin-bottom:16px;
			margin-top:8px;
			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}
		
		textarea {
				min-height:200px;
		}

		input:focus, textarea:focus {
			-webkit-box-shadow:0 0 25px #ccc;
			-moz-box-shadow:0 0 25px #ccc;
			box-shadow:0 0 25px #ccc;
			
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			transform: scale(1.05);
		}
		
		/* The interesting bit */
		
		input:not(:focus), textarea:not(:focus) {
			opacity:0.5;
		}
		
		input:required, textarea:required {
			background:url(../images/asterisk_orange.png) no-repeat 280px 7px;						
		}

		input:valid, textarea:valid {
			background:url(../images/tick.png) no-repeat 280px 7px;			
		}		

		input:focus:invalid, textarea:focus:invalid {
			background:url(../images/cancel.png) no-repeat 280px 7px;						
		}

		input[type=submit] {
			padding:10px;
			background:none;
			opacity:1.0;
		}

/* Side menu */

A.ssmItems:link		{color:white;text-decoration:none;}
A.ssmItems:hover	{color:white;text-decoration:none;}
A.ssmItems:active	{color:white;text-decoration:none;}
A.ssmItems:visited	{color:white;text-decoration:none;}

/* Pagination */

.pagination {font-size: smaller}

/* Mouseover Image Text Display */

#divLinks   {position:absolute; right:207px; top:45px; visibility:hidden;}
#divLinks a {color:#336699; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:700;}
#divMessage {position:absolute; padding: 0px 0px 0px 704px; width:300px; top:80px; visibility:hidden;}