
/******** PAGE LAYOUT STARTS ********/

/****** Top Header and Navigation ********/


.topbanner
{
width:900px;
height:85px;
float:left;

}


/******* Navigation Menu Portion Ends ********/


/***** Whole Body *********/
.bannerpart
{
width:900px;
height:156px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
background-position:0px 1px;
float:left;
}
.blockparts
{
width:900px;
height:250px;
float:left;
background-image: url(../images/bgblocks.jpg);
background-repeat:repeat-x;
background-color:#a93e00;
}
.blocka
{
width:300px;
height:250px;
background-image:url(../images/leftblockslice.jpg);
background-position:bottom;
float:left;
background-repeat:no-repeat;
}
.blockacontent
{
width:300px;
height:200px;
background-image:url(../images/breaker.jpg);
background-position:right;
background-repeat:no-repeat;
float:left;

}
.blockacontent h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:15px 5px 5px 30px;
margin:0px;
color:#fff;
}
.blockacontent ul
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
font-size:12px;
padding:5px 5px 0px 30px;
margin:0px;
}
.blockacontent li
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:20px;
padding:0px 0px 0px 18px;
background-image:url(../images/bullets.png);
background-position:0px 6px;
background-repeat:no-repeat;
list-style-type:none;
}
.blockbuttun
{
width:150px;
height:30px;
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
padding:7px 0px 0px 70px;
background-image:url(../images/click.jpg);
background-position:140px 3px;
background-repeat:no-repeat;
}

.blockb
{
width:300px;
height:250px;
background-image:url(../images/middleblockbottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
float:left;
}

.blockbcontent
{
width:300px;
height:200px;
background-image:url(../images/breaker.jpg);
background-position:right;
background-repeat:no-repeat;
float:left;


}

.blockbcontent ul
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
font-size:12px;
padding:5px 5px 0px 30px;
margin:0px;
}
.blockbcontent li
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:20px;
padding:0px 0px 0px 18px;
background-image:url(../images/bullets.png);
background-position:0px 6px;
background-repeat:no-repeat;
list-style-type:none;
}
.blockbcontent h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:15px 5px 5px 30px;
margin:0px;
color:#fff;
}
.blockc
{
width:300px;
height:250px;
background-image: url(../images/bottomblockslice.jpg);
background-position:bottom;
background-repeat:no-repeat;
float:left;
}
.blockccontent
{
width:256px;
height:200px;
float:left;

}

.blockbcontent ul li
{
font-size:11px;
font-weight:bold;
}

.blockacontent ul li
{
font-size:11px;
font-weight:bold;
}

.blockccontent ul li
{
font-size:11px;
font-weight:bold;
}

.blockccontent h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:15px 5px 5px 30px;
margin:0px;
color:#fff;

}

.price{font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
padding:1px 5px 5px 0px;
margin-top:15px;
color:#fff;
}
.blockccontent ul
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
font-size:12px;
padding:5px 5px 0px 30px;
margin:0px;
}
.blockccontent li
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:20px;
padding:0px 0px 0px 18px;
background-image:url(../images/bullets.png);
background-position:0px 6px;
background-repeat:no-repeat;
list-style-type:none;

}
.blockccontent
{
width:256px;
height:200px;
float:left;

}

.contentbox
{
width:900px;
float:left;
padding:10px 0px 10px 0px;
}
.contentpart
{
width:542px;
min-height:130px;
padding:10px 30px 10px 30px;
float:left;
border:1px solid  #999999;
}
.contentpart h1
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
font-weight:normal;
padding:0px;
margin:0px;
}
.contentpart p
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
font-weight:normal;
padding:0px;
line-height:18px;
margin:10px 0px 0px 0px;
}
.optionpart
{
float:left;
width:269px;
margin:0px 0px 0px 5px;
padding:10px 10px 10px 10px;
height:auto;
border:1px solid  #999999;
}
.optionpart h1
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
font-weight:normal;
padding:0px;
margin:0px;
}
.optionpart p
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
font-weight:normal;
padding:0px;
margin:10px 0px 0px 0px;
}


.featured
{
width:220px;
padding:5px 40px 0px 10px;
float:left;
}
.featured ul
{
padding:0px 20px 0px  0px;
margin:0px 0px 0px 0px;
float:left;
}
.featured li
{
font-family:Tahoma;
font-size:10px;
background-color:#f7f7f7;
margin:1px 0px 0px 0px;
color:#333;
list-style-type:none;
display:block;
width:220px;
padding:7px;
}

.featured li a {
font-family:verdana;
font-size:9px;
color:#333;
display:block;
width:220px;
}

.featured li a:hover {


text-decoration:none;

}

.featured li:hover {

background-color:#eee;
}
