body {
  padding: 0;
  margin: 0;
  /*background: #f8f7e5 url("images/texture-gif/white.gif");*/
  background-color:White;
  width: 100%;
  height:100%;
  font-size:medium;
  /*font-family:'Arial Black', Gadget, sans-serif;*/
  font-family:Trebuchet MS;
}

A:link  {font-weight:600; font-size:medium; color:#000000; text-decoration: none;}
A:visited  {font-weight:600; font-size:medium; color:#000000; text-decoration: none;}
A:hover   {text-decoration:none; border-bottom:2px solid #2d4b9b;}
A:active  {text-decoration: none; border-bottom:2px solid #bf0222;}

.hidden
{
    visibility:hidden;
}

h1 {
		margin:0;
		font-size:large;
		font-family:'Arial Black', Gadget, sans-serif;
	}

h2 {
		margin:0;
		font-size:medium;
		font-family:'Arial Black', Gadget, sans-serif;
	}
h6 
{
    margin:0;
    padding:0;
	font-size:small;
	font-weight:normal;
	display:inline;
	}
li
{
    list-style: square outside; 
    color:red;
}
li .text
{
    color:Black;
}
/**************************************************************************************
/* JQUERY GALLERY HEADER BEGIN
/*************************************************************************************/
.clear {
	clear:both
}

#gallery {
	position:relative;
	height:300px;
	font-size:small;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:75px; 
		width:100%; 
		position:absolute;
		bottom:0;
		font-family:'Arial Black', Gadget, sans-serif;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
/**************************************************************************************
/* JQUERY GALLERY HEADER END
/*************************************************************************************/	

#top_bar
{
    background-image:url("images/top_bar.png");
    height:5px;
    position:absolute;
    top:-0px;
    width:100%;
}
#top_shadow
{
    background-image:url("images/header_black_fade.png");
    width: 100%;
    height:100px;
}
#nav_row
{
    background-color:Red;
    width: 100%;
    height:35px;
    border-bottom:solid 1px black;
}
#nav_row_content
{
    text-align:center;
    width: 820px;
    height:100%;
    margin: 0 auto;
    line-height:35px;
    font-size:medium;
    color:black;
    font-weight:lighter;
} 
.white_row
{
    background-color:white;
    width: 100%;
    height:1px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
}
#content_top
{
    text-align: left;
    width: 820px;
    height:75px; /*75px + 25px removed for padding = 100px */
    margin: 0 auto;
    padding-top:25px; /*100px height - 25px(50% of image height)*/
} 
#ctLeft
{
    float:left;
    width:220px;
    text-align:left;
    height:50px;
}
#ctRight
{   
    float:right;
    width:600px;/* 600 w/ padd-right */
    text-align:right;
    vertical-align:middle;
    height:25px; /*50px - 28px padding */
    line-height:25px;
    
    color:White;
    font-weight:900;
}
    #ctRight #Large
    {
        font-size:x-large;
        padding-top:5px;
    }
    #ctRight #Small
    {
        font-size:x-small
    }
#content
{
    text-align: left;
    width: 820px;
    min-height:500px;
    margin: 0 auto;
}
 h4 {
		margin:0;
		font-size:large;
		font-family:'Arial Black', Gadget, sans-serif;
	}
.it
{
    color:Red;
}
/**************************************************************************************
/* Home Page 3 Columns Top Begin
/*************************************************************************************/	
#3_columns_info
{
	position:relative;
	text-align:left;
	width:100%;
	padding-top:25px;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	}
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	font-size:small;
	font-weight:normal;
	padding:10px;
	}
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:273px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:253px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	/*background:#ECB9E8;*/
	z-index:100;
	}
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:273px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:253px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	/*background:#D7C4FA;*/
	z-index:99;
	}
#centercol {
	position:relative;
	padding:0 273px;
	}
.rLink
{
    text-align:right;
}  
.rLink a{color:red; font-size:small; text-decoration: none;}
.rLink a:link{color:red; text-decoration: none;}
.rLink a:visited{color:red; text-decoration: none;}
.rLink a:hover{color:red; text-decoration:none; border-bottom:2px solid #2d4b9b;}
.rLink a:active{color:red; text-decoration: none; border-bottom:2px solid #bf0222;}
/**************************************************************************************
/* Home Page 3 Columns TOP END
/*************************************************************************************/	
#news
{
    padding-bottom:30px;
}
#news h4 {
		margin:0;
		font-size:large;
		font-family:'Arial Black', Gadget, sans-serif;
	}
#lvBlog_itemPlaceholderContainer
{
    font-size:small;
}
#lvBlog_itemPlaceholderContainer a
{    color:red; 
     font-size:small; 
     text-decoration: none;
}

/**************************************************************************************
/* Portfolio BEGIN
/*************************************************************************************/
#portfolio
{
    padding-bottom:30px;
    
}
#portfolio h4 {
		margin:0;
		font-size:large;
		font-family:'Arial Black', Gadget, sans-serif;
	}
	

#portfolio .qitem {
	width:120px;
	height:120px;	
	border:4px solid #222;	
	margin:5px 5px 0px 0;
	background: url('images/slicing/bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

#portfolio .qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

#portfolio .qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

#portfolio .qitem .caption h4 
		{
		    font-size:small;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

#portfolio .qitem .caption p {
			font-size:xx-small;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

/**************************************************************************************
/* Portfolio END
/*************************************************************************************/

/**************************************************************************************
/* Home Page 3 Columns Bottom Begin
/*************************************************************************************/	
#bottom_bar
{
    background-color:Gray;
    height:200px;
    width:100%;
    border-top:solid 1px black;
    text-align:center;
    color:White;
    font-family:Trebuchet MS;
}
#bottom_bar a{color:White; font-size:small; text-decoration: none;}
#bottom_bar a:link{color:White; text-decoration: none;}
#bottom_bar a:visited{color:White; text-decoration: none;}
#bottom_bar a:hover{color:White; text-decoration:none; border-bottom:2px solid #2d4b9b;}
#bottom_bar a:active{color:White; text-decoration: none; border-bottom:2px solid #bf0222;}

#bottom_grey
{
    text-align: left;
    width: 820px;
    margin: 0 auto;
}
#columns_3_infobtm
{
	position:relative;
	text-align:left;
	width:100%;
}
#wrapper2btm {
	position:relative;
	text-align:left;
	width:100%;
	padding-bottom:20px;
	}
#maincolbtm {
	position:relative;
	margin:0;
	padding:10px;
	font-size:small;
	font-weight:normal;
	padding:10px;
	}
	#maincolbtm h5 {
		margin:0;
		font-size:large;
		font-family:'Arial Black', Gadget, sans-serif;
	}
#leftcolbtm { 
	position:relative;
	top:-10px;
	left:-20px;
	float:left;
	width:273px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:253px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	/*background:#ECB9E8;*/
	z-index:100;
	}
#rightcolbtm {
	position:relative;
	top:-10px;
	right:-20px;
	float:right;
	width:273px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:253px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	/*background:#D7C4FA;*/
	z-index:99;
	text-align:right;
	}
#centercolbtm {
	position:relative;
	padding:0 263px;
	}
.rLinkbtm
{
    text-align:right;
}  
.rLinkbtm a{color:red; font-size:small; text-decoration: none;}
.rLinkbtm a:link{color:red; text-decoration: none;}
.rLinkbtm a:visited{color:red; text-decoration: none;}
.rLinkbtm a:hover{color:red; text-decoration:none; border-bottom:2px solid #2d4b9b;}
.rLinkbtm a:active{color:red; text-decoration: none; border-bottom:2px solid #bf0222;}
/**************************************************************************************
/* Home Page 3 Columns Bottom END
/*************************************************************************************/
/**************************************************************************************
/* CONTENT PAGES START
/*************************************************************************************/

#leftCol
{
    float:left;
    width:260px;
}
#rightCol
{
    float:right;
    width:550px;
    min-height:250px;
    padding-bottom:50px;
    padding-left:10px;
	font-size:small;
	font-weight:normal;
}
/*
#rightCol h1 {
		margin:0;
		font-size:large;
		font-family:'Arial Black', Gadget, sans-serif;
	}

#rightCol h2 {
		margin:0;
		font-size:medium;
		font-family:'Arial Black', Gadget, sans-serif;
	}
*/	
	#rightCol a{color:red; font-size:small; text-decoration: none;}
    #rightCol a:link{color:red; text-decoration: none;}
    #rightCol a:visited{color:red; text-decoration: none;}
    #rightCol a:hover{color:red; text-decoration:none; border-bottom:1px solid #2d4b9b;}
    #rightCol a:active{color:red; text-decoration: none; border-bottom:1px solid #bf0222;}
/**************************************************************************************
/* CONTENT PAGES END
/*************************************************************************************/

/**************************************************************************************
/* PORTFOLIO DIRECTORY PAGES START
/*************************************************************************************/
	#padWrap
	{
		 padding-right:20px;
		 padding-bottom:5px;
	}
	    #padWrap img
	    {
	        border:0;
	    }
	.photo {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		font-family:arial;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:5px solid #000;
		width:250px;
		height:250px;
	}	
	
		.photo .heading, .photo .caption {
			/* position inside the container */
			position:absolute;
			background:#000;
			height:50px;
			width:250px;
			
			/* transparency for different browsers */
			/* i have shared this in my CSS tips post too */
			opacity:0.8;
			filter:alpha(opacity=80);  
		     -moz-opacity:0.8;    
			-khtml-opacity: 0.8;  

		}
		
		.photo .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			top:-50px;
		}

		.photo .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			bottom:-50px;		
		}
		

		/* styling of the classes*/
		.photo .heading span {

			color:#26c3e5;	
			top:-50px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
			color:#999;	
			font-size:9px;
			display:block;
			padding:5px 10px 0 10px;
		}
		
#portfolio
{
    
}	

/**************************************************************************************
/* PORTFOLIO DIRECTORY PAGES END
/*************************************************************************************/
/**************************************************************************************
/* CSS CLIENT PAGE START
/*************************************************************************************/
#portLeft
{
    float:left;
    width:458px;
    overflow:hidden;
    padding-right:42px;
}
#portLeft h1 {
	margin:0;
	font-size:small;
	font-family:'Arial Black', Gadget, sans-serif;
}
#portLeft a{color:red; font-size:small; text-decoration: none;}
#portLeft a:link{color:red; text-decoration: none;}
#portLeft a:visited{color:red; text-decoration: none;}
#portLeft a:hover{color:red; text-decoration:none; border-bottom:1px solid #2d4b9b;}
#portLeft a:active{color:red; text-decoration: none; border-bottom:1px solid #bf0222;}

#portRight
{
    float:right;
    width:320px;
    min-width:320px;
    padding-bottom:50px;
	font-size:small;
	font-weight:normal;
}
.anylinkcss{
/*position:absolute;
border:2px solid white;
border-bottom-width: 0;*/
/*font:normal 12px Trebuchet MS;*/
z-index: 100;
/*background-color: #F4CB5B;*/
width: 320px;

}
.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #E46112;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
color: black;
}
.anylinkcss a:hover
{ /*hover background color*/
background-color: #DED2CC;
color: black;
}
.b1, .b2, .b3, .b4
{
    font-size:1px; 
    overflow:hidden; 
    display:block;
    text-align:center;
    }
.b1 
{
    height:1px; 
    background:black; 
    margin:0 5px;
 }
.b2 
{
    height:1px; 
    background:#dddddd;
    border-right:2px solid black; 
    border-left:2px solid black; 
    margin:0 3px;
    }
.b3 
{
    height:1px; 
    background:#dddddd;
    border-right:1px solid black; 
    border-left:1px solid black; 
    margin:0 2px;
    }
.b4 
{
    height:2px; 
    background:#dddddd;
    border-right:1px solid black; 
    border-left:1px solid black; 
    margin:0 1px;
    }
.contentb 
{
    background: white; 
    border-right:1px solid black; 
    border-left:1px solid black;
    text-align:center;
    }
.contentb h4 {
		margin:0;
		margin-left:5px;
		font-size:large;
		text-align:left;
	}
.contentb .Title
{
    margin-left:0px;
    margin-right:0px; 
    background:#dddddd;
    }
.anyHeader
{
    background:#999999; 
    color:White;
    text-align:center;
    width:320px;
}
.contentb #Quote
{
    margin-left:5px;
    margin-right:5px; 
    text-align:left;
    font-style: italic;
}
.contentb .area .Quoted
{
    font-size:xx-small;
    font-weight:900;
    font-style: italic;
}
.contentb .area
{
    margin-left:5px;
    margin-right:5px; 
    text-align:left;
}
.description
{ 
   font-size:small;
}


/**************************************************************************************
/* CSS CLIENT PAGE START
/*************************************************************************************/

   /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
#slider
{
    border:solid 1px black;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:458px;
	height:318px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:458px;
	}														
#prevBtn a, #nextBtn a
{  
	display:block;
	width:30px;
	height:77px;
	/*background:url(../images/portfolio/pagestuff/scroller/btn_prev.gif) no-repeat 0 0;*/
	}	
#nextBtn a{ 
	/*background:url(../images/portfolio/pagestuff/scroller/btn_next.gif) no-repeat 0 0;	*/
	}