/*------------------------------------------------------------------
[Master Stylesheet]

Project:	
Version:	1.0
Date created:	28/10/2008
Last change:	28/10/2008
Author:	Tomasz Zeludziewicz

Table of Contents:

	Reset
    Forms ( imported )
	Others (lists, images, ect.)
	Typography	
	Structure
		Header Layout
		Content Layout
		Footer Layout
-------------------------------------------------------------------*/

/* Reset
--------------------------------------------------------------------------------------- */
@import "reset.css";


/* Forms
--------------------------------------------------------------------------------------- */
.textbox, input[type=text] { border: 1px solid #5f99d2; }
.btn { background: #5b90c3; border: 1px solid #0b3765; padding: 2px 6px; color: #fff; }

/* Others
--------------------------------------------------------------------------------------- */
body { text-align: center; }
table, td, th { border-collapse: collapse; }
td, th { vertical-align: top; }
div { text-align: left; }
a { cursor: pointer; }


/* Typography
--------------------------------------------------------------------------------------- */
body { font: normal normal normal 12px Arial, Verdana, Tahoma; color: #fff; }

a { text-decoration: none; color: #fff; font-weight: bold; }
a:active { text-decoration: none; }
a:link {}
a:visited {}
a:hover { color: #fbcd13; text-decoration: underline; }
h1 { color: #fff; font-size: 18px; font-weight: bold; font-family: "Myriad Pro", Arial; padding-bottom: 5px; }
h2 { color: #ffde00; font-size: 12px; font-weight: bold; text-transform: uppercase; }
h3 {}
h4 {}
h5 {}
h6 {}
p { text-align: justify; color: #fff; }



/* Structure
--------------------------------------------------------------------------------------- */
body { background: #1b4c74}
#bg { width: 100%; background: transparent url(../images/bg_main_2.jpg) repeat-x; height: 100%; }
#wrapper { width: 996px; margin: auto; position: relative; }

	/* Header Layout
	--------------------------------------------------------------------------------------- */

	
	#logo { float: left; width:360px;height:78px;margin:20px 0px 20px 0px}
	
	#main-menu { list-style: none; float: right; margin:60px 0px 20px 0px;}
	    #main-menu li { float: left; display: inline; }
	        #main-menu li a { float: left; display: block; padding: 4px 8px; font-size: 14px; }
	        #main-menu li a:hover { text-decoration: underline; }
	        
	/* Content Layout
	--------------------------------------------------------------------------------------- */
	#banner { width: 996px; float: left; }
	
	#content { width: 996px; float: left; }
	    #content .page { width: 976px; padding: 10px; }
	        #content .page p { padding: 10px 0px; }
	        
	        /* Home - page
	        --------------------------------------------------------------------------------------- */    
	        /* overide page padding on home */
	        #content .page.home { width: 996px; padding: 0px; }
	        
	        #content .home .practise-area { position: relative; margin: 40px 9px 0px 0px; width: 327px; height: 259px; float: left; background: transparent url(../images/practise_area_bg.jpg) no-repeat;}
	            #content .home .practise-area h1 {color:#fff; font-size:14px; font-family:Verdana; width: 325px; height: 19px; position: absolute; z-index: 1; top: -20px; left: 20px; }
	             
	            
	            #content .home .practise-area ul { list-style: none; width: 280px; margin: auto; margin-top: 15px; }
	            .ie #content .home .practise-area ul { padding-top: 15px; font-family:verdana; font-size:9.3pt }
	                #content .home .practise-area a { display: block; padding: 12px 10px 15px 35px; background: transparent url(../images/practise_area_icon.png) no-repeat 5px 5px; border-bottom: 1px solid #1c69af; }
	            
	        #content .home .vessel-registration { position: relative; margin: 40px 9px 0px 0px; width: 325px; height: 258px; float: left; background: transparent url(../images/vessel_bg.jpg) no-repeat; }
	            #content .home .vessel-registration h1 {color:#fff; font-size:14px; font-family:Verdana; width: 325px; height: 19px; position: absolute; z-index: 1; top: -20px; left: 10px; }

	            
	            #content .home .vessel-registration p { font-weight: bold; padding: 20px 10px 10px 30px; }
	        
	            #content .home .vessel-registration .flags {  margin: 0px 0px 0px 20px; }
	                #content .home .vessel-registration .flags img { margin: 3px; }
	                
	                
	        #content .home .free-consultation { text-align: center; position: relative; margin: 40px 0px 0px; width: 324px; height: 258px; float: left; background: transparent url(../images/free_consulatation_bg.jpg) no-repeat; }
	            #content .home .free-consultation h1 {color:#fff; font-size:14px; font-family:Verdana; width: 325px; height: 19px; position: absolute; z-index: 1; top: -20px; left: -80px; }
	            
	            
	            #content .home .free-consultation .phone {position: absolute; z-index: 1; top: 90px; left: 75px;  font-size: 14px; font-family:verdana;  }
	            #content .home .free-consultation .mail { position: absolute; z-index: 1; top: 130px; left: 75px; font-family:verdana; font-size: 12px;}
	            #content .home .free-consultation .address { margin: 10px 0px 10px 75px;   font-family:verdana; font-size: 12px}
	            #content .home .free-consultation .position { position: absolute; z-index: 1; bottom: 10px; left: 75px; font-family:verdana; text-align:center; font-size: 12px;color:#0a3256;}
	            
	        
	        /* Attorney - page
	        --------------------------------------------------------------------------------------- */    
	        #content .attorney .person { float: left; margin: 15px; border-bottom: 1px solid #1c69af; }
	            #content .attorney .img { float: left; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 0px; border: 1px solid #5f99d2; background-color:#fff; }
	            #content .attorney .fn { font-weight: bold; }
	            #content .attorney p { float: right; width: 730px; }
	            #content .attorney h3 { float: right; width: 730px; text-align: left; font-size: 18px; font-weight: bold; }
	            #content .attorney h2 { float: right; width: 730px; text-align: left; }
	            
	        /* Practise Area - page
	        --------------------------------------------------------------------------------------- */   
	        #content .practice-areas .list { clear: both; }
	            #content .practice-areas .list ul { float: left; width: 400px; margin-left: 40px; margin-top: 25px; }
	            #content .practice-areas a { font-size:large }
	            
	        /* Transactions - page
	        --------------------------------------------------------------------------------------- */  
	        #content .transactions ul { padding: 20px 0px 20px 40px; }
	        
	        /* FAQ - page
	        --------------------------------------------------------------------------------------- */
	        #content .faq .q { font-weight: bold; font-size: 14px; }
	        
	        /* Contact us - page
	        --------------------------------------------------------------------------------------- */
	        #content .contact-us .contact-info { float: left; width: 400px; margin-right: 40px; }
	        #content .contact-us .contact-form { float: right; width: 400px; }
	            #content .contact-us .contact-form .tdDesc { width: 100px; padding: 4px 0px; }
	             #content .contact-us .contact-form .textbox {width:200px; background-color:#4ca7e8}
	             #content .contact-us .contact-form .error {border:solid 1px red; background-color:#fff;padding:10px;}
	                #content .contact-us .tdBtn { padding-top: 5px; }
	        
	/* Footer Layout
	--------------------------------------------------------------------------------------- */
	#footer { float: left; width: 996px; margin: 10px 0px; border-top: 1px solid #4995d3; padding-top: 10px; color:#4995d3; }
        #footer .rights { float: left; font-size: 11px;  color:#4995d3; }
        #footer .netrostar { float: right; font-size: 11px;  color:#4995d3; }
        #footer .netrostar a { color:#4995d3; font-weight:bold;}
         #footer .netrostar a:hover { color:#fff; font-weight:bold;}