/*

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;

}