/*
Theme Name: Albert Silvano
Theme URI: http://koolsystems.net/
Description: The default WordPress theme based on the famous <a href="http://koolsystems.net">Albert Silvano</a>.
Version: 0.01
Author: Albert S. Silvano	
Author URI: http://koolsystems.net/
Tags: construction, blue, custom header, fixed width, one columns, widgets

	Albert v1.5
	 http://koolsystems.net/

	This theme was designed and built by Albert S. Silvano,
	whose blog you will find at http://http://koolsystems.net/
*/

/*============================================================
 Essentialsm
============================================================*/
*{ margin: 0; padding: 0; }*
body{ 
	margin: 0; 
	background: #fff url(../images/bg01.jpg) repeat-x; 
	font: .74em "Trebuchet MS", Arial, Sans-Serif; 
	color: #333; 
	}


	
h1{ 
	font-size: 1.9em; 
	font-weight: normal;
	color:#025ba9;
	padding-bottom:10px; 
	}
	
h1 a{ 
	text-decoration: none; 
	}
	
h2{ 
	font-size: 1.5em; 
	color: #343a78; 
	font-weight: normal; 
	margin: 0 0 .8em; 
	}
	
h3{ 
	font-size: 1.3em;
	color:#025ba9;
	margin: 0 0 .8em; 
	}

hr{
	color:#636;
	size:5px;
	}
	
p{ 
	margin: 0 1em 2em 0; 
	line-height: 1.3em; 
	}
	
em{ 
	border-bottom: 1px dotted #fff; 
	cursor: pointer; 
	}
	
a{ 
	color: #9D2900; 
	}
	
a:hover{ 
	color: #A0000E; 
	text-decoration: none; 
	}
	
img{ 
	border: 0; 
	}
	
.kool_red{ 
	color: #FF0000; 
	}
	
.kool_wrapper{ 
	width: 907px;
	margin: 0 auto;
	}

.kool_menuwrap{ 
	width: 907px;
	height:61px;
	margin: 0 auto;
	background:url(../images/menubg.jpg)
	}

#kool_container{
	width: 907px;
	margin: 0 auto;
	}

/**********************************************************************
						    TOP SECTION
***********************************************************************/
#kool_topsection{
position:relative;
	width: 907px;
	height:82px;
	margin: 0 auto;
	border:0;
	}

#kool_topleft{
	float:left;
	width:491px;
	height:78px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004aa3;
	margin:4px 0 0 0;
	}

#kool_topright{
	float:right;
	width:416px;
	height:78px;
	text-align: right;
	margin:4px 0 0 0;
	background:url(../images/topmenubg.jpg) no-repeat;
	}

#kool_topright ul{
	float:right;
	width:345px;
	text-align:right;
	margin:6px 0 0 0;
	}

#kool_topright li{
	list-style:none;
	display:inline;
	padding:10px 20px 0 20px;
	text-align:right;
}

#kool_topright a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5353a7;
	text-decoration:none;
	text-align:right;
}

#kool_topright a:hover{
	text-decoration:underline;
	}


/**************************************************************************
							MAIN HEADER
****************************************************************************/
#kool_menu{
	margin:0 auto;
	padding:0;
	width:907px;
	height:36px;
	background: url(../images/menubg.jpg) no-repeat;
	}

#kool_menu ul{
clear:both;
	margin:0;
	padding:0;
}

#kool_menu ul li{
	float:left;
	margin:0;
	padding:4px 21px 0 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:31px;
	font-weight:bold;
	color:#FFFFFF;
	list-style:none;
}

#kool_menu a{
	color:#FFFFFF;
	text-decoration:none;
	}


#kool_menu a:hover {
	height:36px;
	color:#FFFFFF;
	text-decoration:underline;
	}
	

#kool_menu a:activelinks{
	color:#fff;
	text-decoration:underline;

}


/*****************************************************************************
				               FLASH BANNER
******************************************************************************/

#flashbanner{
position:relative;
margin:0 auto;
border:0;
font-size:2px;
	width:643px;
	height:197px;
}



/**************************************************************************
							MAIN BODY
****************************************************************************/
#kool_main{
	position:relative;
	float:left;
	width:907px;
	height:0 auto;
	margin:0 auto;
	padding:0 0 10px 0;
}

/***********************************leftcontent*****************************/
#kool_bodyleft{
	float:left;
	width:643px;
	height:0 auto;
	padding:0 10px 0 0;
	margin:0 auto;
	}

#kool_bodyleft h2{
	padding:5px 0 0 0;
	color:#5b5881;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 2px solid #895c87;
	}
	
#kool_bodyleft h3{
	padding:5px 70px 0 0;
	color: #06C;
	font-weight:bold;
	text-decoration:underline;
	}
	
#kool_bodyleft h3 span{
	padding:5px 0 0 0;
	color: #096;
	font-weight:bold;
	text-decoration:underline;
	}

#kool_bodyleft h4{
	padding:10px 0 0 10px;
	color: #000;
	font-weight:bold;
	text-decoration:none;
	}

#kool_bodyleft p{
	padding:0 0 0 20px;
	font-size:1.0em;
	text-align:justify;
	}
	
#kool_bodyleft li{
	list-style:inside;
	padding:0 0 0 30px;
	display:list-item;
	}
	

/********PORTFOLIOS***********/
.kool_portfolio{
	float:left;
	text-align:center;
	margin-right:30px;
	margin-bottom:30px;
}

.thumbnail img{
border:4px solid #d5d5d5;
cursor:pointer;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 4px solid #FF6600;
}

#kool_project_page{
	clear:both;
	display:block;
	width:500px;
	float:right;
	
}

#apDiv1 {
	position:absolute;
	width:250px;
	height:328px;
	z-index:1;
	left: 165px;
	top: 413px;
	visibility: hidden;
}

#apDiv1 img{
	border:4px solid #FF6600;
}

#apDiv2 {
	position:absolute;
	width:250px;
	height:247px;
	z-index:1;
	left: 353px;
	top: 413px;
	visibility: hidden;
}

#apDiv2 img{
	border:4px solid #FF6600;
}

#apDiv3 {
	position:absolute;
	width:250px;
	height:252px;
	z-index:1;
	left: 538px;
	top: 413px;
	visibility: hidden;
}

#apDiv3 img{
	border:4px solid #FF6600;
}

#apDiv4 {
	position:absolute;
	width:250px;
	height:228px;
	z-index:1;
	left: 164px;
	top: 570px;
	visibility: hidden;
}

#apDiv4 img{
	border:4px solid #FF6600;
}

#apDiv5 {
	position:absolute;
	width:250px;
	height:253px;
	z-index:1;
	left: 353px;
	top: 570px;
	visibility: hidden;
}

#apDiv5 img{
	border:4px solid #FF6600;
}

#apDiv6 {
	position:absolute;
	width:250px;
	height:236px;
	z-index:1;
	left: 540px;
	top: 570px;
	visibility: hidden;
}

#apDiv6 img{
	border:4px solid #FF6600;
}


#allviews{
float:left;
position:relative;
width:530px;
display:block;
margin:0 0 20px 0;
text-align:right;
padding:0 80px 0 0;
}

#featuredfolios{
width:100%;
display:block;
position:relative !important;
position:relative;
}


/***************PRODUCTS***********************/

#product{
	float:left;
	width:590px;
	margin:0 0 10px 0;
	}

#img{
	float:left;
	width:100px;
	}

#txt{
	float:right;
	width:490px;
	}

#txt h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	color:#be497d;
	}

#txt p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align: justify;
	}
	
#txt p span a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #39C;
	text-align: left;
	text-decoration:underline;
}

#txt p span a:hover{
	text-decoration:none;
}



/************************************rightsidebar**************************************/
#kool_bodyright{
	float:right;
	width:254px;
	height:0 auto;
	margin:2px 0 0 0;
}

#videoplayergui{
	width:254px;
	height:234px;
	}

#videoplayer{
	width:254px;
	height:234px;
	margin:23px 0 0 9px;
}

#kool_br_box{
	width:254px;
	height:0 auto;
	margin:10px 0 10px 0;
}

#kool_br_boxtop{
	width:254px;
	height:8px;
	background-image: url(../images/koolbr_boxtop.jpg);
	background-repeat:no-repeat;
	font-size:1px;
}

#kool_br_boxmid{
	background-image: url(../images/koolbr_boxmid2.jpg);
	background-repeat: no-repeat;
	background-color:#3a9bed;
	margin:0 auto;
	padding: 0 10px 5px 10px;
	width:234px;
}

#kool_br_boxmid ul li{
	text-align:left;
	list-style:none;
	display:list-item;
	}
	
#kool_br_boxmid ul li a{
	text-align:left;
	list-style:none;
	display:list-item;
	text-decoration:underline;
	font-weight:bold;
	}
	
#kool_br_boxmid ul li a:hover{
	text-decoration:none;
	}

#kool_br_boxmid h3{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bolder;
	font-size:16px;
}

#kool_br_boxmid h3 span{
	color: #F90;
}

#kool_br_boxmid p{
	color:#fff;
	margin:0;
	padding:0 0 10px 0;
	text-align:justify;
	font-weight:bold;
	font-size:12px;
}

#kool_br_boxmid p span{
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	margin:0;
	padding:0;
	text-align:justify;
	font-style:italic;
}

#kool_br_boxmid h6{
	text-align:right;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:10px 10px 0 0;
}


#kool_splash {
	width:224px;
	height:0 auto;
	margin-left:10px;
	margin-bottom:10px;
	}
	
#kool_splash ul li{
	text-align:left;
	list-style:none;
	display:list-item;
	}

#kool_splash ul li a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	list-style:none;
	display:list-item;
	text-decoration:underline;
	font-weight:bold;
	color: #FC6;
	}

#kool_splash, submenu li{
	text-align:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#efefef;
	}

.bulletgreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

#kool_splash img{
	border: none;
}



#kool_splash h4{
	color:#fff;
}

#kool_splash a{
	color: #FFF;
	}

#kool_br_boxmid_img{
	margin-left:10px;
	margin-bottom:10px;
	width:0 auto;
	height:0 auto;
}

#kool_br_boxmid_img img{
	border:#FFcc00 solid;
	margin-left:10px;
	margins-right:10px;
	margin-bottom:10px;
}

#kool_br_boxmid_text{
float:right;
display:block;
clear:both;
position:inherit;
}

#kool_br_boxbot{
	width:254px;
	height:8px;
	background-image: url(../images/koolbr_boxbot.jpg);
	background-repeat:no-repeat;
}



/*****************************************************************************
								ICON TEASER
******************************************************************************/
#kool_teaser {
position:relative;
float:left;
margin:0 auto;
border:0;
	width:100%;
	height:430px; 
	background: url(../images/teaserbg.jpg) repeat-x;
	padding:0;
	}

#kool_teaserbox { 
	margin:0 auto;
	padding:0 0 0 0; 
	width: 907px;
	height:430px;
	text-align:center;
	}




/*==============
Comment Form
===============*/

body.blog form#commentform input {
width: 250px;
padding-top: 4px;
margin-top: 4px;
margin-left:auto;
}


/***************************************************************************
							FOOTER
*****************************************************************************/

#kool_footer {
	position:relative;
	float:left;
	width:100%;
	margin: 0 auto;
	padding:0 0 0 0;
	height:119px;
	background: url(../images/footerbg.jpg) repeat-x;
	}	
	
#kool_footerbody{
	width:907px;
	text-align:center;
	margin:0 auto;
	padding:0;
	}	

#kool_footer_left{
	float:left;
	width:637px;
	text-align:left;
	height:103px;
	padding:0 50px 0 0;
	margin:16px 0 0 0;
}

#kool_footer_left h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#b1b1b1;
}

#kool_footer_left ul li{
	list-style:none;
	display: inline;
	padding:0 25px 25px 0;
	}

#kool_footer_left ul li a{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-decoration:none;
	padding:0 25px 25px 0;
	}

#kool_footer_left ul li a:hover{
	text-decoration:underline;
	color:#c4c4c4;
	}

#kool_footer_right { 
	float: right;
	width:220px;
	height:103px;
	padding: 0 0 0 0;
	margin:16px 0 0 0;
	background:url(../images/footerrightbg.jpg) no-repeat;
	}

#kool_footerbottom{
	position:relative;
	display:block;
	clear:both;
	width:400px;
	text-align:left;
	color:#c4c4c4;
	height:0;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#kool_footerbottom ul{
	list-style:none;
}

#kool_footerbottom li{
	list-style:none;
	display:inline;
	padding:0 10px 0 10px;
}

#kool_footerbottom a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002b87;
	text-align:center;
	text-decoration:none;
}

#kool_footerbottom a:hover{
	text-decoration:underline;
}

#kool_footerbottom p{
	position:relative;
	display:block;
	clear:both;
	width:941px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d3d3d3;
}