/***************************************************************************/
/* CSS of SimplePage - Light Internet Web Page
/* By: Firnovion
/* Profile: http://www.themeforest.net/user/firnovion
/***************************************************************************/

/* general style */

/* for all tags */

* {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color:#555555;
}
html {
	height: 100%;

}
body {
	margin:0 auto;
	text-align:center;
	font: 12px Verdana, Arial, sans-serif, Helvetica;
	line-height: 2.0em;
	height: 100%;
	background-color: #666666;
}

/* padding */

.pad {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.clear {
	clear:both;
}
.space {
	height:20px;
	clear:both;
}

.center {
	text-align:center;
	margin:0 auto;
}
th {
	padding:3px;
	background:#333333 url(images/s1.png) repeat-x bottom center;
	background-image: none;
	text-transform: uppercase;
	color:#ffffff;
}


/* sorted list */

ol {
	text-align:left;
	color: #555555;
}
ol li {
	margin:10px 10px 10px 35px;
}
ol li li{
	list-style-type: lower-alpha;
	margin:10px 10px 10px 35px;
	font-style:italic;
}

/* list */

ul {
	text-align:left;
	color: #555555;
}
ul li{
	list-style-type: disc;
	margin:10px 10px 10px 35px;
}
ul li li{
	list-style-type: Square;
	margin:10px 10px 10px 35px;
}

/* text */

p {
	text-align:left;
}

/* headers */

h1 {
	color: #F00001;
	text-align:left;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: 28px;
}
h2 {
	color: #FFFFFF;
	text-align:left;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 21px;
}
h3 {
	color: #F00001;
	text-align:left;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 14px;
}
h4 {
	font: 16px  Verdana, Helvetica, Arial;
	margin: 15px 10px 15px 0px;
	color: #F00001;
	text-align:left;
	font-family:"Trebuchet MS";
}	
h5 {
	font: 10px  Verdana, Helvetica, Arial;
	margin: 15px 10px 15px 0px;
	color: #F00001;
	text-align:left;
	font-family:"Trebuchet MS";
}
/* icons */

.icon {
	border:0px;
	background-color:#ffffff;
	vertical-align:middle;
}

/* header void */

#header_void {
	height: 5px;
	width: 100%;
	background-color:#333333;
}

/* featured */

#featured_zone {
	width: 100%;
	text-align:center;
	background:#333333 url(images/mainbg.png) repeat top center;
	overflow:auto;
	display:block;
	margin-right: auto;
	margin-left: auto;
	height: 140px;
}
#featured_zone .center {
	margin: 0 auto;
	width: 900px;
	text-align:center;
	overflow: auto;
}
#featured_zone .left {
	float:left;
}

/* navigation */
#nav_menu ul {
	margin:0; 
	padding:0; 
	position:relative; 
	z-index:300; 
} 

#nav_menu ul {
	position:absolute; 
	display:none; 
	width:180px;
	top:50px; 
	background-color:#222222;
	}  
	
#nav_menu li ul li {
	line-height:25px;
	width:100%;
	border:0px;
	border-bottom:1px solid #555555;
	margin-left: 10px;
	} 
	
#nav_menu li ul li:hover {
	background:transparent url(images/f_menu_h2.png) no-repeat top center;
	} 

#nav_menu ul ul {
	top:0px;
	background-color:#222222;
 } 
 
#nav_menu li ul ul {left:170px; margin:0px 0 0 10px;} 


#nav_menu li:hover ul ul {display:none;} 
#dropmenu li:hover ul ul ul {display:none;} 
#dropmenu li:hover ul ul ul ul {display:none;} 
#nav_menu li:hover ul {display:block;}
#dropmenu li li:hover ul {display:block;}
#dropmenu li li li:hover ul {display:block;}
#dropmenu li li li li:hover ul {display:block;}  

#nav_menu li {
	text-align:center;
	float:left;
	list-style-type:none;
	background:#333333 url(images/f_menu_n.png) no-repeat top center;
	width:173px;
	border-left:1px solid #555555;
	border-right:1px solid #333333;
	float:left;
	position:relative;
	z-index:10;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 5px;
}

#nav_menu li:hover {	
	background:#333333 url(images/f_menu_h.png) no-repeat top center;
	}

#nav_menu  .selected {
	background:#333333 url(images/f_menu_s.png) no-repeat top center;
}

#nav_menu  .selected:hover {
	background:#333333 url(images/f_menu_s.png) no-repeat top center;
}

/* menu controls */

#menu {
	width: 900px;
	height: 35px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#menu  a{
	border:0px;
	font-style: normal;
}
#menu  img{
	border:0px;
}
#menu ul {
	float: right;
	margin:0px auto;
	list-style:none;
}

/* central zone */

#central {
	margin:0 auto;
	width: 900px;
	margin-bottom: 15px;
	padding:10px;
	text-align:left;
}

/* 3 colums */

.colum_3 {
	width:33%;	
	text-align:center;
	float:left;
	margin:0 auto;
}
.colum_3 h2 {
	text-align:center;
}
.colum_3 p {
	color:#333333;
	padding:10px;
	text-align:center;
	}
	
.colum_3 .logo {
	margin:0px 10px 0px 10px;
	border:0px;
	position:relative;
	vertical-align:middle;
}
.colum_3 .right {
	float:right;	
}

.plink:link, .plink:visited , .plink:hover{
	color:#ffffff;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:none;
}

/* content */

#content {
	overflow: auto;
	display:block;
	clear:both;
	width:100%;
	border-top: 5px solid #333333;
	border-bottom: 5px solid #333333;
	background-color: #ffffff;
	position:relative;
	top: 15px;
}
#content  p{
	padding:10px;
	margin:0 auto;
	text-align: justify;
	color: #555555;
}
#content  h2{
	border-bottom: 1px solid #f5f5f5;
}
#content img {
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	float:left;
	margin:10px;
}
#content iframe {
	width:90%;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	margin:10px;
}
.portfolio {
	width:92%;
	height: 150px;
	position:relative;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
}

/* lightbox class style */

.lightbox:link {
	border:0px;
}
.lightbox:visited {
	border:0px;
}

.lightbox:hover {
	border:0px;
}

/* 2 colums - 66% -33% */

.colum23 {
	width:66.6%;
	float:left;
}
.colum-full {
	width:100%;
	float:left;
}
.colum13 {
	width:33.3%;
	float:left;
}

.colum13 img:hover {
	cursor:pointer;
}

/* 2 columns - 50% 50% */

.colum2{
	width:50%;
	float:left;
}

/* footer zone */

#footer {
	width: 810px;
	height: 40px;
	overflow: auto;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer a , a:visited{
	font-size: 10px;
	color:#000000;
	font-style:normal;
	text-decoration:none;
}
#footer a:hover{
	color:#F00001;
}
#footer  div{
	text-align:center;
	margin:9px 15px 0px 15px;
	margin: 9px 15px 0px 15px;
	font-size: 10px;
	color:#FFFFFF;
}

/* services */

li.service {
	margin: 10px 10px 10px 40px;
	list-style-image: url(images/tic.png);
}

/* featured effects */

.boxgrid h3{
	color:#FFF;
	letter-spacing:-1px;
	font-weight: lighter;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: "Trebuchet MS";
	font-size: 15px;
}
			
			.boxgrid{
	width: 340px;
	height: 110px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 5px #333333;
	overflow: hidden;
	position: relative;
	padding-left: 2px;
			}
				.boxgrid h3 {
	color:#ffffff;
	border-bottom:1px dotted #F00001;
	margin-bottom: 10px;
	font-family:"Trebuchet MS";
	font-size: 15px;
	font-variant: normal;
				}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#dddddd; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			/*.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}*/
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0px;
 				}
				
			.boxgrid h3 a{}
			
			.boxgrid  a:hover{
				color:#F00001;
			}

/* news */

.news {
	border-bottom:1px solid #f5f5f5;
	padding:5px;
	text-align:left;
	overflow:auto;
	display:block;
}

.news img{
	width:48px;
	height:48px;
	float:left;
}

.news div.title{
	font-weight:bold;
	padding:0px;
	margin:0 auto;
	padding:5px;
}
.news div.title a{
	font-weight:bold;
	font-style:normal;
}

.news div.date{
	text-align:right;
	font-size:9px;
	padding:0px;
	margin:0 auto;
}
			
			
/* general links */

a:link {
	color: #F00001;
	border-bottom:0px;
	font-size: 12px;
	text-decoration: underline;
}
a:visited {
	color: #F00001;
	font-size: 12px;
	text-decoration: underline;
}
a:hover {
	color:#999999;
	font-size: 12px;
	text-decoration: underline;
}