/*
-------------------------------------------------------------------
Casla 
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
html {  background: url(../images/html_bk.png) rgb(253, 242,225) repeat-x left top ; }
body { font: 80%/1.5 "lucida grande","lucida sans unicode","lucida sans",verdana,sans-serif; color:#000; font-size:80%; }

.hide { display: none; } 
h2 {font-size: 16px; }
h3 {font-size: 14px ;  }
h4 {font-size: 12px;}

a:hover { color:#660033; text-decoration:underline; }
a img { border:0; }

div#wrapper { margin: 0 auto; width: 770px; color: #FFF;  }
div#container { background: url(../images/wrapper_body.png) #fff repeat-y left top ; width: 770px}

/**
* 	styles for headers 
*/
body#home div#header { background: url(../images/header_home_bk.jpg) #990033 no-repeat left top; height: 280px; width: 770px;}
div#header { background: url(../images/header_bk.jpg) #990033 no-repeat left top; height: 280px; width: 770px;}
body#home div#header h1 { display: none; }

	div#header div#logo img { margin: 20px 0 0 19px; float: left;}
	div#header_portfolio div#logo img { margin: 20px 0 0 19px; float: left;}


/**
* styles for menu
*/	
		ul.menu { margin: 0 0 0 25px; list-style: none; float: left;}
		ul.menu li { float: left; margin-left: 0px; padding: 0;  display: inline;}
		ul.menu a { padding: 0 8px; text-decoration: none; color: #FFF;  font-size: 11px; line-height: 40px;  float: left }
		ul.menu a:hover { background: #FF9900; color: #990033 }
		ul.menu a.menucurrent { background: #660033; }
		ul.menu a.menucurrent:hover { color: #FFF; }

/**
* styles for sidebar_menu 
*/				
		ul#sidebar_menu { border-top: 1px solid #FF9900; margin-left: 20px; width: 170px; }
		ul#sidebar_menu li { list-style: none;  border-bottom: 1px solid #FF9900; width: 170px }
		ul#sidebar_menu a { text-decoration: none; line-height: 40px; padding-left: 10px; font-weight: bold; color: #990033;display: block; }
		ul#sidebar_menu a:hover { color: #FF9933}
		ul#sidebar_menu a#sidebar_menucurrent { color: #660033; font-weight: bold; line-height: 40px; }
		ul#sidebar_menu a#sidebar_menucurrent:hover { color: #660033 }
		
		
div#details { background:  url(../images/details_bk.png) #FFCC99 no-repeat left top ;  margin-left: 5px ; width: 760px;}
	div#details p { color: #990033; margin: 0 20px 0 20px; font-size: 16px; padding-top: 20px }	

	
/**
*  home  contens 
*/

body#home div#content { background: url(../images/details_content_bk.png) #fff no-repeat left top ; width: 760px ; margin-left: 5px; clear: both; position: relative;  overflow: hidden; }
body#home 	div#content div#sub { width: 380px; float: left; }
	div#sub  p { font-size: 14px; color: #000; margin: 25px; }

/**
* sub pages contents 
*/	 		
div#content { width: 760px; clear: both; background: #FDF2E1 ; position: relative; overflow: hidden; margin-left: 5px; }
body#home #main_content { width: 760px; background: url(../images/main_content_bk.png) repeat-y; float: left; margin-top: 18px; }
#main_content { width: 760px; background: url(../images/sub_main_content_bk.png) repeat-y; float: left; margin-top: 0px; }

/**
*  styles for sidebar
*/
	div#sidebar{ width: 210px; background: rgb(253,242,225); padding-top: 10px; float: left;}

	div#side_box  blockquote.sub_nifty { background: url(../images/sub_nifty_bk.png) #DCDCBA no-repeat left top ; margin: 20px 20px 0px; padding: 15px; color: #000 } 
	div#side_box  p.niftycite { background: url(../images/sub_niftycite_bk.png) no-repeat left top;  margin: -20px 20px 15px; padding: 35px 5px 5px; text-align: right; color: #660033; }
	p.niftycite cite { font-style: normal; color: #660033; }
	
	div.testimonial_content  .nifty { margin-top: 20px; background: url(../images/testimonial_text_header_bk.png) #FFF no-repeat left top ; padding: 15px 15px 0 ; color: #000 } 
	div.testimonial_content  .niftycite { background: url(../images/testimonial_text_footer_bk.png) no-repeat left top;  margin: -15px 0px 15px; padding: 40px 5px 0; text-align: right; color: #660033; }
	.first { margin-top: 10px; float: left; }
	
/**
* styles for projects 
*/	div#projects { width: 510px; color: #000; float: left; background: #FFF; margin: 0 0 20px 20px }
	div#projects h2 { font-size: 24px; color: #990033; }
	div#projects p { margin-bottom:10px;  }
	div#projects p.portfolio_image { margin: 0px; }
	div#projects p a { color:#660033; }
	div#projects ul { margin:0px 0px 10px 20px}
	div#projects ul li { list-style-type: square; margin-right: 20px; }
	
	/**
	*error styles on form
	**/
	div#projects p#legend { margin-bottom: 1em; }
    div#projects p#legend em { color: #C00; font-style: normal; }
	
		div#projects div#project_notes h3 { margin-top: 10px;}
		div#project_notes img{ margin-top:  10px;}
	
		div#projects div.project_details { width: 510px; float: right;  }
			div.project_details img { float: left;  margin:15px 20px 30px 0px;  }
			
		div#projects .last_project { border-bottom:  none;}		
			div.more { float: left; width: 510px;/* padding: 10px 0px 0px 20px;*/}
				div.more h3 { color: #990033; font-size: 15px; text-decoration: underline; font-weight: bold }
				div.more p.location{ font-size: 12px; color: #FF9900; margin-bottom: 10px; }
				div.more p { font-size: 12px; margin: 0px; }
				/*div.more p.learn { margin-top: -10px;}
				div.more p.learn a { font-size: 12px; color: #990033; }
				*/
				div.more a { font-size: 14px; color: #990033; }
				
					div#projects cite { margin: 0px;  } 
					div#projects p.prot_image { margin-bottom: 20px }
					
/**
* the dialog boxs home page
*/	 
	 div#dialog  { width: 380px ; float: right; margin-top: 18px; background: rgb(253,242,225); color: #000 }
	 div#dialog_content blockquote.nifty { background: url(../images/nifty_bk.png)  rgb(220,220,186) no-repeat right top;	margin: 10px 20px 0px; padding: 20px;  }
	 	 
	 div#dialog_content p.niftycite {  background: url(../images/niftycite_bk.png) no-repeat right top; margin: -20px 20px 15px; padding: 32px 5px 5px; text-align: right; color: #660033; }
	 p.niftycite cite a { font-style: normal; }
	 
	 div#dialog h3 { text-align: right;  font-size: 12px; margin:0 20px 40px; color: #660033; }

	 
	 /**
* style for footers 
*/
	 body#home div#footer { background: url(../images/footer_home_bk.jpg) #990C36 no-repeat left top; height: 145px;  width: 760px; margin: 0pt 0pt -5px 5px; clear: both; overflow: hidden; }
	 div#footer p.footer_text { font-size: 16px; margin: 45px 0 0 20px; font-weight: normal; line-height: 200%; float: left; width: 500px}
	 div#footer p.footer_block { float: right; margin: 40px 20px  0 0 ; }
	 div#footer_content p a { color: #fff; font-size: 16px; text-decoration: none; } 
	 div#footer_content p a:hover { text-decoration: underline; } 
	 	
	 div#footer { background:url(../images/footer_bk.jpg) #990C36 no-repeat left top; height: 145px; clear: both; overflow: hidden; width: 760px; margin: 0pt 0pt -5px 5px; }
	 
	 
/**
*  styles for footnotes
*/
	 
	 	div#footnotes { float: right; width: 770px; text-align: right; margin: 5px 0px; height: 30px; background: url(../images/footnotes_bk.png) no-repeat left top ; padding-top: 15px;}
	 	div#footnotes p a { color: #660033; text-decoration: none; margin-right:5px; }