/*
Design by Pro-WebDesign.biz
horizontal background
*/

body { 
	font: normal 0.7em Arial,sans-serif;	
	background:#D7F5FC url(../images/backpat.jpg) repeat-x;
	background-attachment: fixed;
    margin:0px;
    padding:0px;


}
a{
	color: #68A4FD;
	text-decoration: none;
}
p{
	font-size:13px;
	text-align:justify;

}
.clear {clear:both;}
hr {

  width: 80%;
  color: #888;
background-color: #888;
height: 1px;

}
#pagecontents
{
	 width:1000px;
	 height:20px;
	 margin:auto;	padding:0px;
	 overflow:hidden; 
	 background: url(../images/pagebacktop.png) no-repeat  center top;
}
#frameContent
 {
	 width:1000px;
	 height:auto;
	 margin:auto;
	 overflow:hidden; 
	 position: absolute;
	 top:20px;
	padding:0px;
	 background: url(../images/pageback.png) repeat-y center top;


 }
 /* footer */
#footer
{

	width:967px;
	margin:4px 0px 0px 0px;
	height:80px;
	 background: url(../images/footer.jpg) no-repeat  center bottom;
	overflow:hidden;
	clear:both;
	padding-left:26px;
}

#header
{
	 height:160px;
	 width:960px;
	 padding-left: 17px;
	 overflow:hidden;
	 position:relative;

}

#portfolio_slide {
	margin:0;
	padding:0;
	left:733px;
	top:00px;
	position:absolute;
	z-index:99;
}
#scroller{
padding: 0px;
padding-right:23px;
margin:0px;
min-height:35px;
float: right;
}

#headerbox
{
	width:300px;
	height:69px;  
	top:10px;
	right:30px;
	background:url(../images/hbbg.jpg);
	position:absolute;
}
#header_title
{
	width:975px;
	height:150px;
	margin:10px 0px 15px 20px;
	border: 1px solid #eee ;
	position:relative;
	overflow:hidden;
} 
#header_title_box
{ 
	font: normal 0.7em arial black,Verdana,sans-serif;	
	 position:absolute;
	 width:280px;
	 float:right;
	 top:40px;
	 text-align:center;
	 font-size:20px;
	 font-weight:800;
	 right:50px;
	 color:#fff;
	 
}
#hboxcontent
{
	height:69px;
	width:275px;
	text-align:right;
	overflow:hidden;
	float:left; 
	line-height:35px; 
	_line-height:20px;

	vertical-align:middle;
}
#hboxcontent select
{
	width:80px;
	height:15px;
	overflow:hidden;
	vertical-align:middle;
	margin:0px 5px 0px 3px;
	_margin-top:8px;
}

#hboxcontent a
{
	color:#000;
}
* html #hboxcontent  
{
	 line-height:40px;
	 vertical-align:middle;
 

}
#collapse {
	font: normal 10px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
cursor: pointer;
}

/* main page divisions */


#mainContent
{
	width:1000px;
	height:auto; 
	overflow:hidden;

}
#leftbox
{
	 width:190px;
	 height:auto;
	 float:left;
	 margin-left:20px;
	 display:inline;
	 overflow:hidden; 
}


#mainbox
{
   width:561px;
   height:auto;
   float:left;
   margin-left:10px; 
    display:inline;
}
#rightbox
{
	 width:190px;
	 height:auto;
	 float:left;

	 display:inline;
	 overflow:hidden; 
}
/* main pages boxes */
.subbox
{	
	width:555px;
	height:auto; 
	overflow:hidden;
	margin:0px 0px 0px 0px;
/*	border: 1px solid #eee ; */
}

.xl-window
{
		 font-size:13px;
	margin:0px;
	border: 1px solid #eee ;
	background: white url("../images/xlwindow-bg.gif");
    background-repeat: repeat-x;
  	width:530px;
  	padding-left:15px;
	padding-bottom:15px;
	height: 100%;
	float:left;
    overflow:hidden; 
}
.xl-window_shadow
{
	margin:0px;
	background: white url("../images/xlwindow-shadow.gif");
    background-repeat: no-repeat;
  	width:8px;
	height: 260px;
	float:right;  
    overflow:hidden;
}

.m-window
{
	margin:0px 5px 0px 5px;
	padding:0px 5px 0px 5px;
	border: 1px solid #888 ;
	background: white url("../images/mwindow-bg.gif");
    background-repeat: repeat-x;
	width:160px;
	height:220px;
	float:left; 
	 
}
.m-window:hover
{
	margin:0px 5px 0px 5px;
	padding:0px 5px 0px 5px;
	border: 1px solid #000 ;
	background: white url("../images/mwindow-bghover.gif");
    background-repeat: repeat-x;
	width:160px;
	height:220px;
	float:left; 
	 
}
.m-window h3
{
	 font-size:13px;
	 color:#444;
	 font-weight:700;
	 margin:0px;
	 padding:0px;
	 line-height:25px;
}
.m-window span
{
	display:block;
	font-size:11px;
	color:#444;
	clear:both;
}
.m-window  img
{
	float:left;
	padding-right:10px;
}
.m-window label
{
	color:#166aac;
	line-height:14px;
	font-size:11px; 
	font-weight:bold;
	display:block;
	clear:both;
	padding-top:5px;
}
.m-window p
{
	color:#1d1d1d;
	line-height:14px;
	margin:4px 0px 0px 0px;
	padding:0px;
	font-size:11px;
}
.win_title
{
	 color:#2c6592;
	 font-size:15px;
	 margin:0px;
	 padding:0px;
	 line-height:25px;
	 margin-left:10px;
	 font-weight:normal;
}
.win_title span
{

	color:#ca1919;
}
h2.win_btitle  {	font-size: 24px; 	line-height:24px; }
h3.win_btitle  {	font-size: 20px; 	 }
.win_btitle
{
	font-family:Impact, Arial, sans-serif;
	color:#060C85;
	padding:0px;
	margin:10px 0px 0px 0px;
	line-height:28px;
	font-size: 28px;
	font-weight: normal;

}
.win_btitle a
{

	color:#F51131;
	text-decoration:underline;

}
.win_stitle
{

	color:#166aac;
	padding:0 10px 0 0;
	margin:10px 0px 0px 0px;
	line-height:25px;
	font-size: 18px;
	font-weight:bold;
	
}
.win_text
{
	 color:#444;
	  width:385px;
	  padding-right:10px;

}
.win_text p
{
	margin:0px;
	line-height:15px;
    padding:0px;
	text-align:justify;
   
}
.win_click
{
	color:#2c6592;
	display:block;
	text-decoration: underline;
	margin:10px 0px 0px 0px;
}
/* end of main pages boxes */

.box
{
	font: normal 13px Tahoma,Verdana,sans-serif;
	display:block;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.boxl
{
	background:url(../images/boxlbar.jpg) repeat-y 0px 0px;
	padding-left:15px;
}

.boxr
{
	background:#fff url(../images/boxrbar.jpg) repeat-y top right;
	padding-right:15px;
	padding-top:10px;
	line-height:18px;
}

.boxheader
{
	background:url(../images/hbg.jpg) repeat-x ;
	height:42px;
	width:100%;
	overflow:hidden;
}

.boxtitle
{
	float:left;
	font-weight:bold;
	height:42px;
	line-height:42px;
	vertical-align:middle;
}
.boxbtm
{
	background:url(../images/bbg.jpg) repeat-x ;
	height:15px;
	width:100%;
	overflow:hidden;
}
.alignleft
{
	float:left;
}
.alignright
{
	float:right;
}
#menubox a 
{
	 display:block;
	 color:#000;
}

#menubox a:hover 
{
	 display:block;
	 color:#166aac;
	 text-decoration:underline;
}

/* contents for project phases, More about,  css */
.xxl-window
{
	margin:0px;
	border: 1px solid #eee ;
	background: white url("../images/xlwindow-bg.gif");
    background-repeat: repeat-x;
  	width:525px;
  	padding:10px;
	height: auto;
	float:left;
    overflow:hidden; 
}
.topTitle
{
	color:#444;
	font-size:16px;
}
.consubtitle
{
	color:#444;
	text-align:right;
	padding-right:10px;
	font-size:10px;
}
#bodytext{
	 color:#444;
	 text-align:justify;
	 width:500px;
	 height: auto;
	 margin-top:5px;
	 font-size:12px;
	 padding-left: 10px;
	 padding-bottom: 20px;		

}
#bodytext h2{
	font-size:12px;
}

#bodytext a{
	color:#2c6592;
	text-decoration: underline;
}
#txttitle
{
	 height:30px;
	 width:500px;
	 overflow:hidden;
	 display:block;
	 float:left;
	 font-size:13px;
	 font-weight:bold;
	 padding-left: 20px;

}
img.floatLeft { 
    float: left; 
    margin: 4px; 
	padding-right: 20px;	
}
img.floatRight { 
    float: right; 
    margin: 4px; 
	padding-left: 20px;
}
.footer_box{
padding-left:20px;
width:950px;
height:100%;

}

.footer_box #articlebox{
padding-left:5px;
width:200px;
}


.pre-footer a{
	color:#2c6592;
	text-decoration: underline;

}
.pre-footer h2{
	color:#444;
	font-size:15px;
}
/*  Searchbox   */

.searchbox{
	
	position:absolute;	
	font-size:12px;
	margin-top:0px; 
	margin-right:30px; 
	height:30px;
	padding:0; 
right: 1px;
}

/*  Price cells affordable */
.affordable_price_text
{	background:url(../images/piglet.png) no-repeat 0px 0px;
	width:178px;
	height:87px;
	margin:5px 0px 0px 5px;
	float:left;
}
.bandw_price_text
{	background:url(../images/bellsandwhistles.png) no-repeat 0px 0px;
	width:178px;
	height:87px;
	margin:5px 0px 0px 5px;
	float:left;
}
.price_text_title 
{
	font-style: italic;
    font-weight: bold;
    font-size: 11pt;
    font-family: arial, sans-serif;
	width:178px;
	padding: 1px;
}
.price_text_lines
{

	width:178px;
	height:87px;
	margin:3px 0px 0px 10px;

}

.price_text_lines a
{
	position:relative;
	top:10px;
	font-size: 20pt;
	color:#2222bb;
    font-weight: bold;
	text-decoration:underline;
	 
}
.price_text_lines a:hover
{
	color:#F51131;
	text-decoration:none;
}