/*
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/body_bg2.jpg) repeat-x; 
	font: .74em "Trebuchet MS", Arial, Sans-Serif; 
	color: #666666; 
	}


	
h1{ 
	font-size: 1.9em; 
	font-weight: normal; 
	color: #025ba9; 
	}
	
h1 a{ 
	text-decoration: none; 
	}
	
h2{ 
	font-size: 1.7em; 
	color: #025ba9; 
	font-weight: normal; 
	margin: 0 0 .8em; 
	}
	
h3{ 
	font-size: 1.5em;
	color:#025ba9;
	margin: 0 0 .8em; 
	}
	
p{ 
	margin: 0 0 2em 0; 
	line-height: 1.2em; 
	}
	
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: 941px;
	margin: 0 auto;
	}

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

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

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

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

#kool_topright{
	float:right;
	width:661px;
	height:19px;
	text-align:center;
	padding:4px 0 0 0;
	}

#kool_topright ul{
	width:661px;
	text-align:right;
	}

#kool_topright li{
	list-style:none;
	display:inline;
	padding:0 8px 0 8px;
	text-align:center;
}

#kool_topright a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004aa3;
	text-decoration:underline;
	text-align:center;
}

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


/**************************************************************************
							MAIN HEADER
****************************************************************************/

#kool_header{
position:relative; 
	width: 941px;
	background: url(../images/topbg.jpg) no-repeat right;
	height: 102px; 
	margin: 0 auto;
	}
	
#kool_logo{
	float:left;
	width:369px;
	height:102px;
}

#kool_menu{ 
	float: right;
	width:572px;
	height:30px;
	text-align:right;
	padding: 72px 0 0 0; 
	}

#kool_menu ul{
display:inline;
}

#kool_menu li{
	position:relative;
	float:right;
	width:114px;
	height:30px;
	line-height:22px;
	list-style: none;
	display:inline;
	margin-left:5px;
	}

#kool_menu a{
float:right;
	display:block;
	position:relative;
	width:114px;
	height:22px;
	padding-top:8px;
	margin:0 0 0 0;
	font: bold 1.0em Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:center;
	text-decoration:none;
	background:url(../images/menu_bg.jpg) no-repeat;
	}


#kool_menu a:hover {
	color:#fff;
	text-decoration:underline;
	background:url(../images/menu_bg_hover.jpg) no-repeat;
	}
	

#kool_menu a:active{
	color:#fff;
	text-decoration:underline;
	background:url(../images/menu_bg_hover.jpg) no-repeat;
}

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

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




/*****************************************************************************
								ICON TEASER
******************************************************************************/
#kool_teaser {
position:relative;
margin:0 auto;
border:0;
	width:921px;
	height:73px; 
	background: url(../images/icon_bg.jpg) no-repeat;
	padding:10px;
	}

#kool_box { 
	float: left;
	padding:0 10px 0 0; 
	width: 223px;
	height:73px;
	text-align:center;
	}

#kool_box_last{ 
	float: left;
	padding:0 0 0 0; 
	width: 220px;
	height:73px;
	text-align:center;
	}

/**************************************************************************
							PAGE TITL
***************************************************************************/
#kool_pagetitle{
	float:left;
	width:941px;
	height:34px;
	margin-top:18px;
	background:url(../images/pagetitle.jpg) no-repeat top left;
}

#kool_pagetitle h2{
	width:300px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding-left:6px;
}

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

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

#kool_bodyleft h2{
	color:#003366;
	font-weight:bold;
	}

#kool_bodyleft p{
	font-size:1.2em;
	text-align:justify;
	}
	


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

#kool_br_box{
	width:301px;
	height:0 auto;
	margin-bottom:10px;
	padding:0;
}

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

#kool_br_boxmid{
	background-image: url(../images/koolbr_boxmid.jpg);
	background-repeat: repeat-y;
	margin:0 auto;
	padding: 0 10px 5px 10px;
	width:281px;
}

#kool_br_boxmid h3{
	color:#fff;
	text-decoration:none;
	border-bottom: 1px solid #fff;
}


#kool_splash {
	width:251px;
	height:0 auto;
	margin-left:30px;
	margin-bottom:10px;
	}

#kool_splash img{
	border: solid #FFFFFF;
}

#kool_splash p{
	color:#fff;
	margin:0;
	padding:0;
}

#kool_splash h4{
	color:#fff;
}

#kool_splash a{
	color: #CCCCCC;
	}

#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:301px;
	height:8px;
	background-image: url(../images/koolbr_boxbot.jpg);
	background-repeat:no-repeat;
}



/*********************PACKAGES***************************/

#packages{
	width:100%;
	height: auto;
	margin:auto;
	border:0;
	}

#packages-clear{
	width:195px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	float:left;
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
}

#packages-section{
	width:195px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	float:left;
	text-align:left;
	background-color:#f5f5f5;
	border-bottom:1px solid #f5f5f5;
	vertical-align:middle;
	padding-left:5px;
}

#packages-title{
	width:60px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

#packages-1{
	width:195px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:left;
	border-bottom:1px solid #f5f5f5;
}

#packages-2{
	width:60px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

#packages-3{
	width:60px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

#packages-4{
	width:60px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

#packages-5{
	width:60px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

#packages-6{
	width:60px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

#packages-7{
	width:60px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	float:left;
	text-align:center;
	border-bottom:1px solid #f5f5f5;
}

/********************PORTFOLIO*****************************/
#kool_portfolio{
float:left;
	display:block;
	width:auto;
	height:auto;
	padding-left:10px;
	padding-bottom:10px;
}

#kool_portfolio img.a{
margin:auto;
display:block;
position:relative;
clear:both;
}

#kool_portfolio li{
	float:left;
	width:280px;
	height:auto;
	list-style:none;
	display:inline;
	padding-bottom:10px;
	padding-left:20px;
	list-style:none;
}


.kool_project_thumb {
	background:#fff;
	padding:1px 1px 1px 1px;
	float:left;
	margin-right:5px;
	}
.kool_project_thumb img {
	border:3px solid #d5d5d5;	
	}

.kool_project_data {
	font-size:0.9em;
	padding-left:10px;
	margin:0 0 5px 5px;
	}
	
.kool_project_data h3 {
	color:#ff9900;
	margin:0;
	padding-top:0px;
	font-size:1.1em;
	}

.kool_project_data li{
	border-left:20px;
	list-style:none;
}

#kool_project_page{
	float:left;
	position:relative;
	display:block;
	clear:both;
	}
	

.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;
}

#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;
}

/*==============
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:261px;
	background: url(../images/footer_bg.jpg) repeat-x;
	}	
	
#kool_footerbody{
	width:941px;
	text-align:center;
	}	

#kool_footer_left{
	float:left;
	width:730px;
	text-align:left;	
}

#koolfooterleft{
	float:left;
	width:136px;
	margin-left:8px;
	margin-top:5px;
	}

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

#koolfooterleft ul{}

#koolfooterleft li{
	list-style:none;
	display:list-item;
	}

#koolfooterleft a{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c4c4c4;
	text-decoration:none;
	}

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

#kool_footer_right { 
	float: right;
	width:206px;
	height:0 auto;
	}

#kool_footerbottom{
	position:relative;
	display:block;
	clear:both;
	width:941px;
}

#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;
}