html, body, div, span, p, a, ul, ol, li, table, td, strong, em, h1, h2, h3, h4, h5, h6, dd, dl, dt, img {margin: 0; padding: 0; font-size: 15px; font-family: Tahoma, Arial, Lucida, Verdana, sans-serif; border: none; text-decoration: none; }

ul, dl {list-style: none;}
            
body {background: url(../design/body_bg.png) 0 0 repeat-x #fff; }   

#head {position: relative; width: 1203px; height: 520px; margin: 0 auto; background: url(../design/head_bg.jpg) top center no-repeat; margin-top: 5px;}   

h1#xixi_studio {position: absolute; width: 207px; height: 318px; font-size: 1px; top: 40px; left: 150px; } 

#xixi_studio a span {position: absolute; width: 100%; height: 100%; background: url(../design/logo_xixi.png) 0 0 no-repeat; top: -10px; left: -10px;} 

#main_nav {background: url(../design/nav_green_bg.png) 0 0 repeat-x #B8C300; position: absolute; top: 389px; height: 126px; right: 861px; left: -9000px; text-align: right; padding-top: 1px;}
#main_nav li {width: 100%; height: 42px;}      

#main_nav li a {display: block; height: 100%; font-size: 1px; position: relative; text-align: left;}
#main_nav li a:hover  {background: url(../design/nav_green_hover.gif) 0 0 repeat-x;} 
a#witamy span  {width: 102px; height: 25px; background: url(../design/witamy_icon.png) 0 0 no-repeat; position: absolute; right: 10px; top: 10px;}
a#onas span  {width: 78px; height: 15px; background: url(../design/onas_icon.png) 0 0 no-repeat; position: absolute; right: 10px; top: 15px;} 
a#jak span  {width: 196px; height: 25px; background: url(../design/jak_icon.png) 0 0 no-repeat; position: absolute; right: 10px; top: 10px;}

#sec_nav_field {position: absolute; top: 389px; height: 127px; width: 744px; left: 342px; background: url(../design/nav_bg_blue.png) 0 0 no-repeat;}

h2.header {position: absolute; top: 10px;}
h2.header span {visibility: hidden;} 

.portfolio {width: 117px; height: 25px; background: url(../design/portfolio_icon.png) 0 0 no-repeat; left: 30px;}    
.contact {width: 107px; height: 20px; background: url(../design/kontakt_icon.png) 0 0 no-repeat; }
 

#portfolio_nav a {color: #CAC9DA;  font-size: 1.15em; padding: 3px 30px 2px 15px; display: block; }   
#portfolio_nav a:hover {background-color: #0d092c;}

#portfolio_nav li {position: absolute;}     
li.strony_www {left: 15px; top: 52px;}     
li.opakowania {left: 15px; top: 94px;}
li.logo {left: 200px; top: 10px;}
li.ilustracje {left: 200px; top: 52px;}
li.reklamowe {left: 200px; top: 94px;}  

#contact_field {position: absolute; left: 470px; color: #8d89b0; line-height: 1.8em; }
p.phones {top: 38px; position: absolute; left: 0; width: 120px; font-size: 14px;}  
p.address {position: absolute; top: 11px; left: 160px; width: 170px; font-size: 14px;}
p.address a {color: #8d89b0 ; font-size: 1em;}   

body#sub_page div.wrapper {width: 1200px; margin: 0 auto; overflow: auto; position: relative;} 
body#index div.wrapper {width: 1100px; margin: 0 auto; overflow: auto; position: relative;}
body#index #footer div.wrapper, body#sub_page #footer div.wrapper {width: 1095px; margin: 0 auto; overflow: auto; position: relative;}

#top_infos {position: relative;  margin-bottom: 20px;}  
.more_links {position: absolute; top: -27px; right: 125px;} 
.more_links li {margin-bottom: 7px; text-align: right;}
.more_links li a {color: #1C1B37; font-size: .9em; display: block; padding: 5px 35px 2px 0;}
.more_links li a > span { background: url(../design/pdf.gif) 0 0 no-repeat; display: block; visibility: hidden;}
li.to_form_link {background: url(../design/toform_button.png) top right no-repeat;} 
li.download_portfolio {background: url(../design/pdf.gif) top right no-repeat;} 

ul#project_list {background-color: rgba(255,255,255,0.4); margin-left: 143px;}
ul#project_list li {background: url(../design/project_bg.png) left bottom no-repeat; overflow: auto; margin-bottom: 30px; height: 100%; display: table; padding-bottom: 20px;}
ul#project_list > li:last-child {background: none;} 
ul#project_list div.project_desc {float: left; width: 193px; margin: 0;}
ul#project_list li p { margin: 0 0 20px 0; line-height: 1.6em; color: #1C1B37; text-align: left; font-size: 14px;}
ul#project_list li h4 { margin: 20px 0; font-weight: normal; font-size: 1.1em; color: #97A327;}
ul#project_list li div.project { width: 800px; display: table-cell; vertical-align: middle;} 
ul#project_list li div.project img {display: block; margin: 0 auto;}
ul#project_list li div.project img.web_image {background-color: #e8e8f1; padding: 0; margin: 0 0 0 35px; border: 3px solid #e8e8f1; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px}
ul#project_list ul.projects_links li {background: none; margin: 0 0 3px 0; text-align: right; padding: 0; width: 107px;}
.projects_links li a {color: #73728f; background: url(../design/see_button.png) top right no-repeat; padding: 0 23px 4px 0;  display: block; font-size: 13px;}

#content {float: right; width: 71%; padding: 40px 0 0 0; min-height: 20em; color: #1C1B37;}  
#content p {margin: 0 170px 20px 0; line-height: 1.6em; color: #1C1B37;} 
#content p > a {text-decoration: underline; color: #1C1B37;}
#content ul, #content ol {margin-left: 3em; margin-bottom: .5em;}
#content ul {list-style: circle;}
#content h1 {font-size: 2em; font-weight: normal; margin-bottom: .5em;} 
#content h2 {font-size: 1.8em; font-weight: normal; margin-bottom: .5em;}
#content h3 {font-size: 1.6em; font-weight: normal; margin-bottom: .5em;}
#content h4 {font-size: 1.4em; font-weight: normal; margin-bottom: .5em;}
#content h5 {font-size: 1.2em; font-weight: normal; margin-bottom: .5em;}
#content h6 {font-size: 1.2em; font-weight: normal; margin-bottom: .5em;}

.img_replace {position: relative; text-indent: -9999px;}
h3.welcom {background: url(../design/welcome_icon.png) 0 0 no-repeat; height: 28px; margin-bottom: 20px;} 
h3.opakowanie {width: 195px; height: 35px; background: url(../design/opakowania_icon.png) 0 0 no-repeat; margin: 50px 0 20px 142px;}
h3.kontakt_ico {width: 166px; height: 22px; background: url(../design/kontakt_icon_content.png) 0 0 no-repeat; margin: 10px 0 20px 0;} 
h3.form_ico {width: 343px; height: 28px; background: url(../design/form_icon.png) 0 0 no-repeat; margin: 20px 0;} 
h3.www {width: 199px; height: 36px; background: url(../design/strony_www_icon.png) 0 0 no-repeat; margin: 50px 0 20px 135px;}
h3.ilustracje {width: 136px; height: 28px; background: url(../design/ilustracje_icon.png) 0 0 no-repeat; margin: 50px 0 20px 194px;}
.o_nas {width: 88px; height: 28px; background: url(../design/onas_icon_content.png) 0 0 no-repeat; margin-bottom: 20px;}
.jak_pracujemy {background: url(../design/JakPracujemy_icon.png) 0 0 no-repeat; height: 28px; margin-bottom: 20px;}  
.logo_content {width: 70px; height: 28px; background: url(../design/Logo_icon.png) 0 0 no-repeat; margin: 50px 0 20px 260px;}
.materialy {width: 314px; height: 28px; background: url(../design/Mreklamowe_icon.png) 0 0 no-repeat; margin: 50px 0 20px 134px;} 

div#contact_group {background: url(../design/contact_bg.png) left bottom no-repeat; overflow: auto; width: 746px; padding: 0 0 22px 25px; margin-left: -25px;}
div#contact_group p {width: 200px; float: left; margin-right: 60px; padding: 3px 0;}
div#contact_group p > a {text-decoration: none;}

#sidebar {float: left; padding: 50px 0 0 82px; text-align: right; width: 200px;}  
       
#sidebar > h4 {font-weight: normal; color: #1C1B37; font-size: 1.2em; line-height: 1.5em; }   
#sidebar > h4 > a {color: #1C1B37; font-size: 1em;}
div#sidebar h4:first-of-type, div#sidebar + h4 {margin-bottom: 10px;}

#download_list {margin-bottom: 30px;}
#download_list li {margin-bottom: 5px;} 
#download_list li a {color: #1C1B37; font-size: .9em; padding-right: 30px; background: url(../design/pdf_icon.gif) top right no-repeat; display: block; padding-top: 2px;}

#footer {clear: both; background-color: #97A327; color: #F6F5E8; margin-top: 30px; min-height: 100px;}
#footer a {color: #F6F5E8;}   

#copyright_field {position: relative; border-right: 1px solid #BFCA38; width: 280px; text-align: right; padding: 13px 10px 15px 0; min-height: 100px;}    
div#copyright_field p.copy_p {margin-bottom: 68px;}
div#copyright_field > p {font-size: .7em;}
div#copyright_field p a {font-size: 1em;}

#foot_portfolio_nav {position: absolute; top: 0; left: 291px; border-left: 1px solid #6D7D14; height: 100%; border-right: 1px solid #BFCA38; width: 418px;} 

#foot_contact_field {position: absolute; top: 0; left: 711px; border-left: 1px solid #6D7D14; height: 100%; padding: 0 0 0 46px;} 
#foot_contact_field p.phones {left: 46px; font-size: .9em; line-height: 2.05em; top: 33px;} 
#foot_contact_field p.address {font-size: .9em; line-height: 2.05em; top: 5px; padding-left: 46px;}
#foot_contact_field p.address a {font-size: 1em;}

#footer .portfolio {width: 117px; height: 25px; background: url(../design/portfolio_icon_foot.gif) 0 0 no-repeat; left: 27px;}    
#footer .contact {width: 107px; height: 20px; background: url(../design/kontakt_icon_foot.gif) 0 0 no-repeat; }

#foot_portfolio_nav li {position: absolute;} 
#foot_portfolio_nav li a {font-size: .8em;}
#foot_portfolio_nav li.strony_www {left: 27px; top: 35px;}     
#foot_portfolio_nav li.opakowania {left: 27px; top: 64px;}
#foot_portfolio_nav li.logo {left: 27px; top: 90px;}
#foot_portfolio_nav li.ilustracje {left: 210px; top: 35px;}
#foot_portfolio_nav li.reklamowe {left: 210px; top: 64px;} 

/* -------------- formularz kontaktowy ------------ */
p.form_info {font-size: .7em; position: absolute; top: 235px; right: 65px; text-transform: lowercase; }
.form_info > span {font-size: 1em; color: #CD2117;}

form label > span {font-size: 1em; color: #CD2117;}    

#content form p{
clear: left;
margin: 0 0 15px 0;
padding: 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%; 
}
#content form p.question_field {margin: 0 0 5px 0;}

form label{
float: left;
text-align: right;
font-size: .9em;
margin-left: -190px; /*width of left column*/
width: 150px;  /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-right: 0;
}

form input.long_inp{ /*width of text boxes. IE6 does not understand this attribute*/
width: 338px; 
margin-left: -37px;  
font-size: .9em;  
border: none; 
background: url(../design/input_bg.png) 0 0 no-repeat; 
height: 22px;
}  

form input.short_inp {
	width: 135px;
	margin-left: -37px;
	font-size: .9em;
	border: none; 
	background: url(../design/input_short_bg.png) 0 0 no-repeat; 
	height: 22px; 
}

form textarea{
width: 340px;
height: 181px;
margin-left: -37px;
overflow: hidden;
font-size: .9em; 
font-family: Tahoma, Arial, Lucida, Verdana, sans-serif; 
border: none; 
background: url(../design/textarea_bg.png) 0 0 no-repeat; 
}

input[type="submit"] {width: 80px; height: 24px; background: url(../design/send_button.png) 0 0 no-repeat; border: none; margin: -30px 0 0 220px;} 

div#errorDiv1 {position: absolute; top: -5px; left: 290px;}
div#errorDiv1 div {height: 210px; background: url(../design/message_bg.gif) 0 0 repeat-x; padding: 50px 0 0 15px; }
div#errorDiv1 div #message {background: url(../design/uwaga_bg.gif) 0 0 repeat-x; height: 106px; padding: 15px 0 0 10px;}
#message h3 {background: url(../design/uwaga.png) 0 0 no-repeat; height: 26px; text-indent: -9999px; padding: 3px 0 0 0; width: 725px; margin-bottom: 5px;}                                 
#message p {color: #fff; font-size: 1.1em; margin-bottom: 0; line-height: 1.6em;}

div#message_sent {background: url(../design/thx_bg.gif) 0 0 repeat-x; padding: 10px 0 20px 15px;} 
#message_sent h3 {background: url(../design/thx.gif) 0 0 no-repeat; text-indent: -9999px; width: 140px; height: 28px; margin-bottom: 10px;}
#message_sent p {color: #E6E6F6; font-size: 1.1em; margin: 0; line-height: 1.6em;}   

a.back_link {display: block; text-indent: -9999px; background: url(../design/back_button.png) 0 0 no-repeat; height: 24px; width: 80px; position: absolute; top: 150px; right: 0;}