/*GENERAL*/
BODY {
	background-color : #ffffff;  
	padding:5px;
	scrollbar-arrow-color:#000000;
   	scrollbar-face-color:#ffffff;
   	scrollbar-shadow-color:#000000;
}

form
{
	margin:0px;
}

p { margin:3px;}
	
BODY,td, input,select,textarea { 

	font-family : Tahoma, Verdana; 
	font-size : 11px; 
	color : black; 
}

body.search{	
	margin:0px 0px 0px 0px;
	padding:5px 4px 4px 5px;	
}

body.copyright div
{
	text-align:right;	
}

body.search form {	
	background-color : #ffffff;//f9f3df;  
	border-color: #f8df7f;
	border-style: solid; 
	border-width: 2px; 	
	padding:4px;	
	margin-bottom:3px;

	-moz-border-radius: 2px;
	-moz-border-top-colors: #f8df7f;
	-moz-border-right-colors: #f8df7f;
	-moz-border-bottom-colors: #f8df7f;
	-moz-border-left-colors: #f8df7f;
}

Body.title{
	padding:0px;
	margin:0px;
	background-color : #9e1271;//f8db86;  
}

.titletext{
	font-family: tahoma, Verdana, Arial, sans-serif;
		font-size: 35px;
		font-weight: normal;
		color: #999999;
	text-decoration: none;
	
}

.subtitletext{

	font-family: tahoma, Verdana, Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #999999;
	text-decoration: none;
}

.titlebar{
	padding:2px;
	margin:2px;
	background-color: #9e1271;//e48423;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;//FFCC00;
}

.titlebar a:link, .titlebar a:visited{
	padding:3px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;//FFCC00;
	text-decoration: none; 
}

input.textbox, textarea.textbox{
	background-color: #faf7f0;
	border-style:inset;
	border-width:1px;
	border-color:#c2c2c2;
	color: #000000;
	padding:2px;

}

input.textbox:focus, textarea.textbox:focus{
	background-color: #ffffff;
}


hr{
	height:1px;
	color:#faf7f0;
}


input.textbox{
	height: 18px;	
}

input.button {
	font-size : 11px;
	color: #000000;
	height: 18px;
	
	
}


a { 	
	color : black; 
	text-decoration: underline; 
}	


a:active{ 
	color : #e48423;
} 

a:visited{ 
	color : #333333;
} 


.error{
	color : red;
	font-weight:bold;
}

.success{
	color : navy;
	font-weight:bold;
}


.ImageCopyright{
	padding:4px;
	width:90%;
	text-align:left;
	color:#666666;
}

div.Instructions{
	background-color:#ffffff;
	border: #c2c2c2;
	border-style: solid; 
	border-width: 1px; 	
	padding:4px;
	text-align:left;
	
	
	-moz-border-radius: 2px;
	-moz-border-top-colors: #f8db86;
	-moz-border-right-colors: #f8db86;
	-moz-border-bottom-colors: #f8db86;
	-moz-border-left-colors: #f8db86;
}

img.homeImage {
	border: #c2c2c2;
	border-style: solid; 
	border-width: 1px; 
	padding:5px;
	margin-bottom:5px;
	display:block;
}

.marked{
	color:#e48423;
	font-weight:bold;
	text-decoration:underline;
}

form{
	margin:0px;
}


form#formComment{
	margin:10px 0px 5px 0px;
	background: url(../graphics/comment_big.gif) no-repeat top left;
	background-position: 7px 7px;
	padding: 4px 12px 3px 150px;	
}


/*END GENERAL*/

/*Folders FRAME*/
Body.folders{
	margin:2px 2px 2px -10px;
	background-color : #ffffff;  
}

Body.folders ul{
	margin: 0px;
	padding:0px;
}

Body.folders ul li{ 
	margin: 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;  
	list-style-position: outside;  
	margin-left: 12;   
}

Body.folders ul li a {
	color:#000000;
	text-decoration:none;

}

Body.folders ul li a:hover {
	color:#000000;
	text-decoration:underline;

}

Body.folders ul li a:visited {

}

/*END Folders FRAME*/


/*SEARCH*/

div.searchresults{
	padding:10px;		
	
	margin-top:20px;


}
/*END SEARCH*/





/*Show recent picture*/
div.recentpicture {

	width:150px;
	float:left;
	padding:5px;
}

div.recentcomment {
	padding:5px;
	margin-left:180px;
	border-color: #f5f5f5;
	border-style: solid; 
	border-width: 0px 0px 0px 1px; 		
}




/*FILES FRAME*/

body.files{
	padding:2px;
	margin:0px;
	background-color:#faf7f0;
}

div.top
{
	background-color : #f9f3df;  
	border-color: #f8df7f;
	border-style: solid; 
	border-width: 2px 2px 2px 2px; 	
	padding:3px;
	margin-bottom:3px;

	-moz-border-radius: 2px;
	-moz-border-top-colors: #f8df7f;
	-moz-border-right-colors: #f8df7f;
	-moz-border-bottom-colors: #f8df7f;
	-moz-border-left-colors: #f8df7f;

}


tr.ThRow td{
	padding:2px;
}

tr.ThRow td a{
	/*display:block;*/
	text-decoration:none;
}

tr.ThRow td a:hover{
	text-decoration: none; 
	background-color : #f2f2f2;
}

tr.ThRow td a img.th{
	/* for ie */	
	/*filter:Alpha(Opacity=60);*/
	/* gonna use border? */
	border: #ffffff;
	border-style: solid; 
	border-width: 2px;
	/*padding:2px;*/
}


tr.ThRow td a:hover img.th{
	/* for ie */		
	filter:Alpha(Opacity=100);
}

tr.ThRow td a:active img.th{
	border-color:#fcbe0b;
	filter:Alpha(Opacity=100);
}



/*END FILES FRAME*/




/*wraps subfolder and picture count information*/
span.S{
	color:#c2c2c2;
}
span.S1{
	color:green;
}

span.P{
	color:green;
}

span.AComments{
	color:#c2c2c2;
}

span.VComments{
	color:#c2c2c2;
}

/*FILES FRAME*/



/*wraps author comments*/

div.comments{
	width:95%;	
}

div.comments div.body{
	text-align:left;
	padding:5px 20px 20px 20px;
	margin:2px 5px 5px 5px;	 		
}

div.comments h2
{
	margin:3px 5px 0px 5px;	
	padding: 2px 2px 2px 5px;
}

h2
{	
	margin:3px 0px 0px 0px !important;
	
	padding: 2px 2px 2px 5px;
	background-color : #f9f3df;  
	border-color: #f8df7f;

	border-style: solid; 
	border-width: 2px 2px 2px 2px; 	
	
	text-align:left;
	font-size:13px;
	-moz-border-radius: 2px;
	-moz-border-top-colors: #f8df7f;
	-moz-border-right-colors: #f8df7f;
	-moz-border-bottom-colors: #f8df7f;
	-moz-border-left-colors: #f8df7f;

}


div.comment
{		
	background: url(../graphics/comment.gif) no-repeat top left;
	background-position: 5px 5px;
	padding: 4px 12px 3px 40px;
	line-height: 1em;	

	background-color : #faf7f0;  
	border-color: #f8df7f;
	border-style: solid; 
	border-width: 1px; 	
	
	margin-bottom:5px;	
	
	-moz-border-radius: 2px;
	-moz-border-top-colors: #f8df7f;
	-moz-border-right-colors: #f8df7f;
	-moz-border-bottom-colors: #f8df7f;
	-moz-border-left-colors: #f8df7f;
}

div.comments 
{
}

/*wrap each visitor comment*/
div.vc{
	margin-bottom:5px;
}

/*wraps particular items inside visitor comment*/
span.name{color: #666666; font-weight:bold;}
span.date{color: #000000;}

div.commentcontent
{
	margin-top:5px;
	background-color:#ffffff;
	padding:5px;
	
	border-width: 1px; 	
	border-color: #faf7f0;
	border-style: solid; 
	
	-moz-border-radius: 3px;
	-moz-border-top-colors: #ffffff;
	-moz-border-right-colors: #ffffff;
	-moz-border-bottom-colors: #ffffff;
	-moz-border-left-colors: #faf7f0;
}



/*wraps main title for comments: 'visitor' or 'author' comments*/


/*Big image*/
div.MainImage
{
	/*
	border: #eccc56;
	border-style: solid; 
	border-width: 1px; 
	*/
	width:99%;
	margin-top:0px;
	padding:0px;
}

#MainImage
{
	margin-top:3px;
}

div.MainImage img#MainImage{
	border: #c2c2c2;
	border-style: solid; 
	border-width: 1px; 
	padding:5px;
	margin-bottom:5px;
	display:block;
}



a.arrow img{
	border: #f5f5f5;
	border-style: solid; 
	border-width: 1px; 
}


a.arrow img:hover{
	border: #eccc56;
	border-style: solid; 
	border-width: 1px; 		
}

div.MainImageDim{
	background-color:#ffffff; 
	border: #f9f4e4;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	margin-bottom:5px;
	display:block;
	padding:1px;
	text-align:center;
}

/*END Big image*/

/* portfolio head starts from here */

body.portfolio{
padding:0;
margin:0;
}

div.portfolio_head{
padding:0 0 5px 0;
margin:0;
height:75px;
background-color:#b32b75;
}


div.portfolio_head ul{
padding:0;
margin:0;
}

div.portfolio_head ul li{
float:right;
padding:10px 10px 0 0;
margin:0;
list-style:none;
display:block;
}

div.portfolio_head ul li a{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

div.portfolio_head ul li a:hover{
text-decoration:underline;
}

div.portfolio_head div.titletext{
padding:0;
margin:5px 0 0 0;
background-repeat:no-repeat;
background-image:url(../images/logo.jpg);
height:49px;
width:455px;
		float:left;
		overflow:hidden;
	
}

div.portfolio_head div.subtitletext{

		font-family: tahoma, Verdana, Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #a7a7a7;
		text-decoration: none;
}

.spacer{
padding:0;
margin:0;
clear:both;
}




h4{
	font-family: tahoma, Verdana, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
   color: #a7a7a7;
	text-decoration: none;
	padding:0;
	margin:0;
	
}



div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:45px;
	background-color:#fff;
	margin:0 0 0 0;
	border-top:2px solid #9E1271;
}
div#footerwrap {
	position:fixed;
}

div#footerwrap p {
	text-align:right;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	color:#000;
	padding:0 10px 0 0;
	margin:15px 0 0 0;
	float:right;
}

div#footerwrap img{
float:right;
padding:0;
margin:10px 10px 0 0;
border:0;
display:block;
}

div#footerwrap div.pagination{
padding:0 0 0 10px;
margin:15px 0 0 0;
float:left;
}

div#footerwrap div.pagination p{
font-family:Tahoma, Arial, Verdana;
font-size:12px;
text-align:left;
padding:0 10px 0 0;
margin:0;
float:left;
line-height:20px;
}

div#footerwrap div.pagination ul{
padding:0;
margin:0;
float:left;
}

div#footerwrap div.pagination ul li{
padding:0;
margin:0 0 0 2px;
float:left;
list-style:none;
display:block;
}



div#footerwrap div.pagination ul li a{
font-family:Tahoma, Arial, Verdana;
font-size:12px;
text-align:center;
display:block;
padding:0 6px 0 6px;
margin:0;
border-right:1px dotted #000;
color:#000000;
text-decoration:none;
line-height:20px;
}

div#footerwrap div.pagination ul li a:hover{
color:#9E1271;
}

div#footerwrap div.pagination ul li a.active{
font-family:Tahoma, Arial, Verdana;
font-size:12px;
text-align:center;
display:block;
padding:3px 8px;
margin:0;
border:0;
color:#fff;
text-decoration:none;
background-color:#9E1271;
line-height:normal;
}

div#footerwrap div.pagination ul li a.next1{
padding:0 ;
margin:3px 0 0 5px;
background-repeat:no-repeat;
background-image:url(../images/arrow_right.png);
width:14px;
height:13px;
overflow:hidden;
text-decoration:none;
color:#FFFFFF;
display:block;
border:none;
cursor:pointer;
}

div#footerwrap div.pagination ul li a.prev1{
padding:0 ;
margin:3px 0 0 5px;
background-repeat:no-repeat;
background-image:url(../images/arrow_left.png);
width:14px;
height:13px;
overflow:hidden;
text-decoration:none;
color:#FFFFFF;
display:block;
border:none;
cursor:pointer;
}


/* end of portfolio area */

/* menu  for portfolio starts from here */
.suckertreemenu{
margin:0 auto;
padding:0 0 0 0;
width:990px;
}

.suckertreemenu ul{
margin: 0 auto;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
margin-right:2px; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
padding: 3px 15px 3px 8px;

border-left-width: 0;
text-decoration: none;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;

}

.suckertreemenu ul li a.lesspadding{
padding: 3px 6px;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border-left: 1px dotted #000;
border-right: 1px dotted #000;
border-top: 1px dotted #000;
z-index:80;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
margin-right:0;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #000;
text-decoration: none;
padding: 5px 5px;
border-bottom: 1px dotted #000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
background-color:#fff;
}

.suckertreemenu ul li a:hover{
background-color: #9E1271;
color: white;
}

.suckertreemenu ul li ul li a:hover{
background-color:#9E1271;
color:#fff;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #fff url(../images/arrow-down1.gif) no-repeat right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #fff url(../images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }


/* End of menu for portfolio */

/* new gallery starts from here */

.gallery{padding:0 0 60px 0;margin:0 auto;width:990px; min-height:400px;}

.gallery ul{padding:0;margin:0;}

.gallery ul li{float:left; padding:0; margin:0 11px 10px 0; list-style:none;}

.gallery ul li img{ border:1px solid #CCCCCC; height:128px; width:128px;}

.gallery ul li img:hover{ border:1px solid #9E1271; opacity:0.6;filter:alpha(opacity=60);}

.gallery a.pdffile{
padding:7px 0 10px 35px;
margin:0;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background-image:url(../images/pdf.png);
background-repeat:no-repeat;
overflow:hidden;
background-position:left;
font-style:italic;
}

.gallery a.pdffile:hover{
text-decoration:underline;
color:#999999;
}

.gallery a.video{
padding:7px 0 10px 35px;
margin:0;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background-image:url(../images/video.png);
background-repeat:no-repeat;
overflow:hidden;
background-position:left;
font-style:italic;
}

.gallery a.video:hover{
text-decoration:underline;
color:#999999;
}


#content p{
padding:0;
margin:0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
text-align:left;
}

.mypic{
padding:0;
margin:0px 0 0 0;
background-repeat:no-repeat;
background-image:url(../images/eleena.jpg);
width:257px;
height:350px;
overflow:hidden;
float:left;
}
