/*
|----------------------------------------------------------------------------------------|
| SUPERAWESOME CSS FRAMEWORK - EMBEDDABLE STYLE SHEET                             | v1.1 |
|----------------------------------------------------------------------------------------|
| AUTHOR: Dragan Babic | http://sprawsm.com/                                             |
|----------------------------------------------------------------------------------------|
| DATE MODIFIED: Sat, 24 Oct 09                                                          |
|----------------------------------------------------------------------------------------|
| ABOUT:                                                                                 |
|----------------------------------------------------------------------------------------|
| Use this style sheet for all your site's styles and to override existing ones set by   |
| the framework if you wish to upgrade to a newer version at some point. This is the     |
| style sheet you should embed in your HTML page.                                        |
|----------------------------------------------------------------------------------------|
*/


/* !Generals */

html{ font-family: Arial; font-size: 13px;margin: 0;}
  body{margin-left:0;}
    #content{ position: relative; width: 980px; background: url("../images/layout/content_bg2.png") 737px 1px repeat-y; margin: 0 auto; border: 2px solid #93617e; padding: 20px; overflow: hidden;  }

/* !Global Float Clearing */
#mainContent:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* !Link Colors */

a:link,
a:visited{  text-decoration: underline;  color: #5f5f62; outline: none;}
a:focus,
a:hover  {}
a:active {}

/* !Headings */

h1, h2, h3, h4, h5, h6{}

h1{}

h2{ margin-top: 0; padding-top: 0;}

h3{margin-bottom: 0; padding-bottom: 5px;}


#secondary h3{}

h4{}

img{border: none;}

fomr{margin-top: 0; padding-top: 0;}

/* !Main Content */

#mainContent{ width: 700px; float: left; min-height: 400px; margin: 0; padding: 0; }

/* !Header */

#header{width: 700px; margin: 0; padding: 0;}
  #branding{ width:700px; }
  #home #branding{ background: #eabcc5; }
  #home-fr #branding{ background: #eabcc5; }
  #home-nl #branding{ background: #eabcc5; }

  #biography #branding{ background: #c02f48; }  
  #biography-fr #branding{ background: #c02f48; }  
  #biography-nl #branding{ background: #c02f48; }  

  #filmmaker #branding{ background: #6d4962; }  
  #filmmaker-fr #branding{ background: #6d4962; }  
  #filmmaker-nl #branding{ background: #6d4962; }  

  #photographer #branding{ background: #72615d; }  
  #photographer-fr #branding{ background: #72615d; }  
  #photographer-nl #branding{ background: #72615d; }  

  #agenda #branding{ background: #e49b30; }  
  #agenda-fr #branding{ background: #e49b30; }  
  #agenda-nl #branding{ background: #e49b30; }  

  #store-en #branding{ background: #dddbbc; }
  #store-fr #branding{ background: #dddbbc; }
  #store-nl #branding{ background: #dddbbc; }

  #newsletter #branding{ background: #bb6c7d; }
  #newsletter-fr #branding{ background: #bb6c7d; }
  #newsletter-nl #branding{ background: #bb6c7d; }

  #contact #branding{ background: #d66e2c; }
  #contact-fr #branding{ background: #d66e2c; }
  #contact-nl #branding{ background: #d66e2c; }

    #branding a{ width: 558px; height: 105px; display: block; margin:0 0 0 20px; padding: 10px 0; }
      #branding img{ width: 558px; height: 105px; border: none; }
  
  #primNav{ background: #cecac9; width: 680px; height:20px; margin: 10px 0 0 0; padding: 0 0 0 20px; text-transform: lowercase; font-size: 14px;}
  	#primNav li{ float:left; padding: 2px 10px; list-style: none; }
  	#primNav li.first{padding: 2px 10px 2px 0px !important;}

  	#primNav li.active{margin-top: -10px; padding-top: 12px;}
  	#primNav li.active.first{padding: 14px 10px 0 10px !important; margin-top: -10px; margin-left: -10px;}
  	
			#home #primNav li.active { background: #eabcc5;}
			#home-fr #primNav li.active { background: #eabcc5; }
			#home-nl #primNav li.active { background: #eabcc5; }
			
			#biography #primNav li.active { background: #c02f48; }  
			#biography-fr #primNav li.active { background: #c02f48; }  
			#biography-nl #primNav li.active { background: #c02f48; }  
			
			#filmmaker #primNav li.active { background: #6d4962; }  
			#filmmaker-fr #primNav li.active { background: #6d4962; }  
			#filmmaker-nl #primNav li.active { background: #6d4962; }  
			
			#photographer #primNav li.active { background: #72615d; }  
			#photographer-fr #primNav li.active { background: #72615d; }  
			#photographer-nl #primNav li.active { background: #72615d; }  
			
			#agenda #primNav li.active { background: #e49b30; }  
			#agenda-fr #primNav li.active { background: #e49b30; }  
			#agenda-nl #primNav li.active { background: #e49b30; }  
			
			#store-en #primNav li.active { background: #dddbbc; }
			#store-fr #primNav li.active { background: #dddbbc; }
			#store-nl #primNav li.active { background: #dddbbc; }
			
			#newsletter #primNav li.active { background: #bb6c7d; }
			#newsletter-fr #primNav li.active { background: #bb6c7d; }
			#newsletter-nl #primNav li.active { background: #bb6c7d; }
			
			#contact #primNav li.active { background: #d66e2c; }
			#contact-fr #primNav li.active { background: #d66e2c; }
			#contact-nl #primNav li.active { background: #d66e2c; }

  		#primNav li a:link,
      #primNav li a:visited{ color: #00000;  text-decoration: none;  padding: 0;}
      #primNav li.active a:link,
      #primNav li.active a:visited{ color: #ffffff;  text-decoration: none;  padding: 0;}


	#wrapper{ width: 700px; margin: 20px 0 0 0; background: url("../images/layout/primary_bg.jpg") 591px 0 no-repeat; overflow: hidden; }
 
  #primary { width: 340px; float: right; margin: 0 125px 0 0;  min-height: 143px; color: #5f5f62; font-size: 12px;}
  #primary p{padding: 0 0 10px 0; margin: 0; }  
  #primary ul{padding-left: 10px; margin-left: 0; margin-top: 0; padding-top: 0;}
  #secondary{ width: 220px; float: left; padding: 0; background: url("../images/layout/secondary_bg.jpg") 145px 0 no-repeat; min-height: 143px; }
   #secondary #secNav{ width: 160px; margin:10px 0 0 0; padding: 0; list-style: none; font-size: 12px}
	   #secondary #secNav li{ width: 160px; padding: 0 0 0 20px; text-transform: lowercase; }
		  #home #secondary #secNav li.active{  background: #eabcc5; }
		  #home-fr #secondary #secNav li.active{  background: #eabcc5; }
		  #home-nl #secondary #secNav li.active{  background: #eabcc5; }

		  #biography #secondary #secNav li.active{  background: #c02f48; }  
		  #biography-fr #secondary #secNav li.active{  background: #c02f48; }  
		  #biography-nl #secondary #secNav li.active{  background: #c02f48; }  

		  #filmmaker #secondary #secNav li.active{  background: #6d4962; }  
		  #filmmaker-fr #secondary #secNav li.active{  background: #6d4962; }  
		  #filmmaker-nl #secondary #secNav li.active{  background: #6d4962; }  

		  #photographer #secondary #secNav li.active{  background: #72615d; }  
		  #photographer-fr #secondary #secNav li.active{  background: #72615d; }  
		  #photographer-nl #secondary #secNav li.active{  background: #72615d; }  

		  #agenda #secondary #secNav li.active{  background: #e49b30; }  
		  #agenda-fr #secondary #secNav li.active{  background: #e49b30; }  
		  #agenda-nl #secondary #secNav li.active{  background: #e49b30; }  

		  #store-en #secondary #secNav li.active{  background: #dddbbc; }
		  #store-fr #secondary #secNav li.active{  background: #dddbbc; }
		  #store-nl #secondary #secNav li.active{  background: #dddbbc; }

		  #newsletter #secondary #secNav li.active{ background: #bb6c7d; }
		  #newsletter-fr #secondary #secNav li.active{  background: #bb6c7d; }
		  #newsletter-nl #secondary #secNav li.active{  background: #bb6c7d; }

		  #contact #secondary #secNav li.active{  background: #d66e2c; }
		  #contact-fr #secondary #secNav li.active{  background: #d66e2c; }
		  #contact-nl #secondary #secNav li.active{  background: #d66e2c; }

      #secondary #secNav li a{ text-decoration: none; }
		  #secondary #secNav li.active a{ color: #ffffff; text-decoration: none}
		  	
	#tercNav{ position: absolute; top: 345px; left: 175px;}		  	
		#tercNav #langSwitch{ padding: 0; margin: 0; text-align: right; }
			#tercNav #langSwitch li{ display: inline; border-right: 1px solid #e49b30; padding-right: 5px; }
			#tercNav #langSwitch li.last{ border-right: none; padding-right: 0; }
				#tercNav #langSwitch li a{ color: #e49b30; padding: 0; margin: 0;}
				#tercNav #langSwitch li.active a{ color: #ab2652;}									
				  
		#tercNav #info{ text-align: right; padding: 0; margin: 0;}
			#tercNav #info li{ list-style: none;}
				#tercNav #info li a{ color:#664383;}		
				  
#tertiary { width: 240px; margin:0 0 0 0; padding: 0; float:right; }
	#tertiary ul{ margin:0; padding: 0; width: 240px;}
			#tertiary ul li{ list-style:none; height:160px; margin: 0 0 20px 0; padding: 0; width: 240px;}
				#tertiary ul li.last{margin: 0;}
				
#subForm{padding: 0;margin: 0;}				
label{width: 100px;margin-right: 10px;}
#name{ width: 150px; border:1px solid #efefef;margin-bottom: 5px }
#kyulii-kyulii{ width: 150px;  border:1px solid #efefef; margin-bottom: 10px; }
#kyuldj-kyuldj{ width: 150px;  border:1px solid #efefef;margin-bottom: 10px; }
#kyulik-kyulik{ width: 150px;  border:1px solid #efefef;margin-bottom: 10px; }
button {border:none; border-radius:10px; background: #bb6c7d; color:#fff; width: 100px; float: right; margin-right: 140px; margin-top: 10px;}