/* =================================== */
/* /css/tools.css */
/* ----------------------------------- */

/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;
        
        margin: 0;
        padding: 0;
        
        font-size: 100%;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        
        display: block;
        visibility: hidden;
        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
/* end clearing */

/* accessibility */
     span.accesskey {
         text-decoration: none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
	.dnone {
		display: none;
	}
	.print_only {
		display: none;
	}
/* end accessibility */

/* replace */
	.replace {
		display: block;
        
		background-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: -1000em;
	}
/* end replace */

/* =================================== */
/* /css/typo.css */
/* ----------------------------------- */

/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* TYPOGRAPHY */
    body {
        text-align: left;
        
        color: #231f20;
    }
    div {
        font-size: 100%;
    }
    
/* LINKS */
    a,
    a:link,
    a:active {
        text-decoration: underline;
        
        color: #231f20;
    }
    a:visited {
        color: #231f20;
    }
    a:hover {
        text-decoration: none;
        
        color: #dd1515;
    }
/* END LINKS */
    
/* HEADINGS */
    h1 {
        margin: 0 0 0.5em 0;
        padding: 0;
        
        font-size:138.5%;
        line-height: 1.5;
        
        color: black;
    }
    h2 {
        margin: 0 0 0.5em 0;
        padding: 0;
        
        font-size:123.1%;
        line-height: 1.5;
        
        color: black;
    }
    h3 {
        margin: 0 0 0.5em 0;
        padding:0;
        
        font-size:108%;
        line-height: 1.3;
        
        color: black;
    }
    h4 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size:100%;
        line-height: 1.3;
        
        color: black;
    }
    h5 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size:100%;
        line-height: 1.3;
        
        color: black;
    }
    h6 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size:100%;
        line-height: 1.3;
        
        color: black;
    }
/* END HEADINGS */

/* TEXT */
    p {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 100%;
        line-height:1.4em;
    }
    blockquote {
        margin-left: 10px;
        
        border-left: 10px solid #ddd;
    }
    pre {
        font-family: monospace;
        font-size: 100%;
    }
    strong, b {
        font-weight: bold;
    }
    em, i {
        font-style:italic;
    }
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 100%;
        white-space: pre;
    }
/* END TEXT */
    
/* LISTS */
    ul {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height:1.4;
    }
    ul li {
        margin: 0 0 0.25em 30px;
        padding: 0;
		
		font-size: 100%;
		
		list-style: disc outside;
    }
    ol {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 100%;
        line-height: 1.4;
    }
    ol li {
        margin: 0;
        padding: 0;
        
        font-size: 100%;

		list-style: decimal inside;
    }
    dl {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height: 1.4;
    }
    dl dt {
        margin: 0.25em 0 0.25em 0;
        padding: 0;
        
        font-weight: bold;
    }
    dl dd {
        margin: 0 0 0 30px;
        padding: 0;
    }
/* END LISTS */
    
    
/* TABLE */
    table {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 100%;
    }
    table caption {
        margin: 0;
        padding: 0 0 1.5em 0;
        
        font-weight: bold;
    }
    th {
        font-weight: bold;
        text-align: left;
    }
    td {
        font-size: 100%;
    }
/* END TABLE */    
    
    hr {
        display: none;
    }
    div.hr {
        height: 1px;
        
        margin: 1.5em 10px;
        
        border-bottom: 1px dotted black;
    }
    
/* END TYPOGRAPHY */    

/* =================================== */
/* /css/forms.css */
/* ----------------------------------- */

/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* FORM ELEMENTS */
    form {
        margin:0;
        padding:0;
    }
    form div,
    form p {
        margin: 0 0 4px 0;
        padding: 0;
        
        font-size: 100%;
    }
    label {
        font-weight: bold;
		margin-top: 5px;
    }
    fieldset {
        padding: 5px 10px;
        margin: 0 0 1.5em 0;
        
        border: 1px solid #eee;
    }
    fieldset legend {
        margin: 0 0 0 0px;
        padding: 0;
        
        font-size: 108%;
        font-weight: bold;
        
        color: #666;
        background-color: white;
    }
    * html fieldset legend {
        margin: 0 0 10px -10px;
    }
    fieldset ul {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        list-style: none;
    }
    fieldset ul li {
        margin: 0 0 0.5em 0;
        padding: 0;
        
        list-style: none;
    }
    input, select, textarea {
        margin: 0;
        padding: 2px;
        
        font-size: 100%;
    }

    input{
		border: 0;
		font-size: 100%;
		line-height: 1;
		margin-bottom: 3px;
	}
    input, select {
        vertical-align: middle;
    }
    textarea {
        width: 200px;
        height: 8em;
    }
    
    input.check {
        width: auto;
        height: auto;
        
        margin: 0;
        
        border: none;
    }
    input.radio {
        width: auto;
        
        height: auto;
        margin: 0;
        
        border: none;
    }
    input.file {
        width: 250px;
        height: auto;
    }
    input.readonly {
        background-color: transparent;
        border: none;
    }
    input.button {
        width: 10em;
        
        background-color: #ddd;
        border: 1px solid black;
    }
    input.image {
        width: auto;
        height: auto;
        
        border: none;
    }
    
    form div.submit {
        margin: 1em 0;
    }
    form div.submit input {
        width: 15em;
        height: 2em;
    }
/* END FORM ELEMENTS */

/* =================================== */
/* /css/nav-vertical.css */
/* ----------------------------------- */

/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* NAV */
    div#nav {

    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        width: 100%;
		min-height: 346px;
    }
    div#nav ul {
        width: 100%;
                
        padding: 21px 0 0 0;
        margin: 0 0 0 23px;
        
        line-height: 1em;
        list-style: none;
    }
    div#nav li {
        display: block;
        
        
        margin: 0 0 4px 0px;
        padding: 0;
        list-style: none;
        
        line-height: 1em;
    }
    * html div#nav li {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }

	div#nav div.wrapper ul ul,
	div#nav div.wrapper ul ul ul{
		margin: 0 0 0 18px;
		padding: 4px 0 0 0;
	}
	
    div#nav div.wrapper a,
    div#nav div.wrapper a:link,
    div#nav div.wrapper a:active,
    div#nav div.wrapper a:visited {
        display: block;
        
		background-position: top left;
		background-repeat: no-repeat;
		background-color: transparent;
		overflow: hidden;
		text-indent: -1000em;
        
		color: #000;
        margin: 0;
        padding: 0;
		height: 14px;
    }

    div#nav div.wrapper a:hover,
	div#nav div.wrapper a.active {
        background-position: bottom left;
		background-color: transparent;
    }

	div#nav div.wrapper ul li.xcontact {
		position: absolute;
		top: 48px;
		left: 904px;
		z-index: 100;
	}
	
	div#nav div.wrapper ul li.xcontact a,
	div#nav div.wrapper ul li.xcontact a.active{
		height: 20px !important;
		width: 121px !important;
		background-image: url('/i/nav_contact.png') !important;
		
	}
	
	
	/* ABOUT US INVERSE NAV */
	body#page-about div#nav div.wrapper ul li.xabout a,
	body#page-about div#nav div.wrapper ul li.xabout a.active{
		background-image: url('/i/nav_about_about.png') !important;
	}
	body#page-about div#nav div.wrapper ul li.xprojects a,
	body#page-about div#nav div.wrapper ul li.xprojects a.active{
		background-image: url('/i/nav_about_projects.png') !important;
	}
	body#page-about div#nav div.wrapper ul li.xpress a,
	body#page-about div#nav div.wrapper ul li.xpress a.active{
		background-image: url('/i/nav_about_press.png') !important;
	}
	body#page-about div#nav div.wrapper ul li.xnews a,
	body#page-about div#nav div.wrapper ul li.xnews a.active{
		background-image: url('/i/nav_about_news.png') !important;
	}
	body#page-about div#nav div.wrapper ul li.xloves a,
	body#page-about div#nav div.wrapper ul li.xloves a.active{
		background-image: url('/i/nav_about_loves.png') !important;
	}

/* =================================== */
/* /css/layout-navleft-1col.css */
/* ----------------------------------- */

/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        /*width: 780px;*/
        width: 100%;
    }
    div#main {
        float: left;
        width: 560px;
        display: inline;
    }
    div#local {
        display: none;
    }
    div#sub {
        display: none;
    }
    div#nav {
        float: left;
		width: 305px;
        display: inline;
		min-height: 544px;
    }
/* END CONTENT */

/* =================================== */
/* /css/layout.css */
/* ----------------------------------- */

/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
	html{
		background-color:transparent;
	}
/* SITE SPECIFIC LAYOUT */
    body {   
        background-color: white;
		background-position: top left;
		background-repeat: no-repeat;
		padding: 0 0 50px 0;
		margin: 0;
    }
    div#page {

    }
    
    /* HEADER */
        div#header {

        }
        div#branding {

        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {

        }
        
        /* MAIN */
            div#main {
                margin:-122px 0 0 0;
            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
        	/*background: url('/i/bg_dots.png') repeat-x top left;*/
			background: url('/i/bg_dots_ie6.png') no-repeat top left;	
        }
		
        div#footer p {
            margin: 0;
            padding: 14px 0px 0px 826px;

            /*background: url('/i/bg_dots_cover.gif') repeat-y top left;*/
        }
    /* END FOOTER */
	div#home_widgets{
		position: absolute;
		top: 405px;
		left: 0;
	}
    div#newsbox {
		background: #77c8db;
		color: #101bfa;
		width: 140px;
		padding: 17px 24px 0 24px;
		margin: 0 0 20px 0;
    }
	div#newsbox p{
		font-size: 93%;
		line-height: 1;
		margin: 0;
		padding: 0 0 1.3em 0;
		width: 105px;
	}
	div#newsbox p a,
	div#newsbox p a:link,
	div#newsbox p a:visited,
	div#newsbox p a:focus,
	div#newsbox p a:active {
		color: #101bfa;
	}
	div#newsbox p a:hover {
		color: #231F20;
	}
	div#newsbox h2{
		background-image: url('/i/lbl_news.gif');
		width: 101px;
		height: 13px;
	}

	div.descbox {
		position: relative;
		margin: 467px 0 28px 0;
		left: -280px;
		width: 300px;
    }
	div.descbox h2{
		background-image: url('/i/lbl_project.gif');
		width: 121px;
    	height: 15px;
	}
	div.descbox h1{
		margin: 24px 0 4px 0;
	}
	div.descbox p{
		font-size: 108%;
		line-height: 1;
		/*width: 300px;*/
	}
	
	div#lovesbox {
		position: absolute;
		top: 405px;
		left: 0;
		background: #f5bec4;
		color: #bf1027;
		padding: 18px 24px 0 24px;
		width: 156px;
    }
	div#home_widgets div#lovesbox {
		position: relative;
		top: 0px;
		width: 140px;
	}
	div#lovesbox h2{
		background-image: url('/i/lbl_love.gif');
		width: 121px;
    	height: 15px;
	}
	div#lovesbox p{
		font-size: 93%;
		line-height: 1;
		margin: 0;
		padding: 0 0 1.3em 0;
	}
	div#lovesbox p a,
	div#lovesbox p a:link,
	div#lovesbox p a:visited,
	div#lovesbox p a:focus,
	div#lovesbox p a:active {
		color: #bf1027;
	}
	div#lovesbox p a:hover {
		color: #231F20;
	}
	ul.pagination{
		background: url('/i/bg_paginationwrapper.gif') no-repeat top left;
		width: 213px;
		height: 31px;
		padding: 11px 0 0 7px;
	}
	
	ul.pagination li {
        float: left;
        display: inline;
        
        margin: 0;
        padding: 0;
        
        list-style: none;
        
        width: 19px;
    }
	ul.pagination li.p_4,
	ul.pagination li.p_8{
		width: 20px;
	}
	ul.pagination li a,
    ul.pagination li a:link,
    ul.pagination li a:active,
    ul.pagination li a:visited {
        display: block;
        
		background-image-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: -1000em;
        
		color: #000;
        margin: 0;
        padding: 0;
		height: 11px;
    }
	ul.pagination li a:hover,
	ul.pagination li a.active{
		background-position: bottom left;
	}
	
	ul.pagination li.p_prev a {
		background-image: url('/i/nav_p_prev.gif');
		width: 7px;
	}
	ul.pagination li.p_9 a {
		background-image: url('/i/nav_p_9.gif');
		width: 7px;
		
	}
	ul.pagination li.p_8 a {
		background-image: url('/i/nav_p_8.gif');
		width: 8px;
		
	}
	ul.pagination li.p_7 a {
		background-image: url('/i/nav_p_7.gif');
		width: 7px;
		
	}
	ul.pagination li.p_6 a {
		background-image: url('/i/nav_p_6.gif');
		width: 7px;
		
	}
	ul.pagination li.p_5 a {
		background-image: url('/i/nav_p_5.gif');
		width: 7px;
		
	}
	ul.pagination li.p_4 a {
		background-image: url('/i/nav_p_4.gif');
		width: 8px;
		
	}
	ul.pagination li.p_3 a {
		background-image: url('/i/nav_p_3.gif');
		width: 8px;
		
	}
	ul.pagination li.p_2 a {
		background-image: url('/i/nav_p_2.gif');
		width: 6px;
		
	}
	ul.pagination li.p_1 a {
		background-image: url('/i/nav_p_1.gif');
		width: 7px;
		
	}
	ul.pagination li.p_next a {
		background-image: url('/i/nav_next.gif');
		width: 7px;
	}
/* END LAYOUT */

/* =================================== */
/* /css/elements.css */
/* ----------------------------------- */

/* elements.css */

/*projects 3rd level*/
ul#project_pagination{
	position: absolute;
	top: 86px;
	left: 813px;
}
span#project_img_wrapper{
	display:block;
	height:525px;
	position:absolute;
	top:130px;
	width:720px;
}
span#no_project_img{
	display:block;
	height:525px;
	position:absolute;
	top:130px;	
}
/*end projects 3rd level*/

/*contact*/
body#page-contact {
	background-image: url("/i/bg_contact.gif");
	background-color: #e3ebe3;
}
body#page-contact div#footer p{
	background: url('/i/bg_dots_cover_contact.gif') repeat-y top left;
}
body#page-contact div.vcard{
	background: url('/i/bg_address.gif') no-repeat scroll top left;
	width: 287px;
	height: 202px;
	position: relative;
	left: 65px;
	top: 380px;
}
body#page-contact div.vcard a.email {
	position: absolute;
	top: 176px;
	left: 106px;
	z-index: 2;
    background-image: url('/i/bg_address_mail.gif');
	width: 181px;
	height: 15px;
}
body#page-contact div.vcard a.email:hover {
	background-position: bottom left;
}
/*end contact*/
/*press*/
body#page-press div#main{
	margin: 20px 0 0 64px;
}
div#press_login {
	position: absolute;
	top:313px;
	left: 23px;
	width: 250px;
}
div#press_login h2{
	background-image: url(/i/lbl_press_login.gif);
	width: 121px;
	height: 14px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

div#press_login p{
	font-size: 108%;
	line-height: 0.9;
}

ul#press_pagination_top {
	position: absolute;
	top:253px;
	left: 25px;
}
div.press_pagination_bottom_wrapper{
	position:relative;
	height: 1px;	
}
ul#press_pagination_bottom {
	position:absolute;
	left:-344px;
	top:-60px;
}
div.figure{
	width: 580px;
}
	div.figure p.image{
		float: left;
		display: inline;
		width: 160px;
		margin: 0;
		padding-bottom: 28px;
	}
	div.figure div.legend{
		float: left;
		display: inline;
		width: 400px;
	}
		body#page-press div.figure h2.title{
			margin: 0 0 0 20px;
		}
		div.figure div.legend div.caption{
			margin: 5px 0 20px 0;
		}
		div.figure div.legend div.caption p{
			padding: 0 0 0 20px;
			margin: 0 0 1em 0;
			font-size: 108%;
			line-height: 0.9;
		}
		a.pdf_download{
			background-image: url('/i/lbl_download_full_article.gif');
			width: 224px;
			height: 13px;
			margin: 0 0 0 20px;
		}
		a.article_link{
			background-image: url('/i/btn_visit_article.gif');
			width: 160px;
			height: 13px;
			margin: 0 0 0 20px;
		}
		
		a.article_link:hover,
		a.pdf_download:hover{
			background-position: bottom left;
		}
	/*form*/
	body#page-press form{
		margin: 0 10px 0 0;
	}
	body#page-press form p{
		background:#fff url('/i/bg_login.jpg') no-repeat bottom left;
	}
	body#page-press form p.p2{
		background:#fff url('/i/bg_password.jpg') no-repeat bottom left;
	}
	body#page-press form p.p1 label {
		background: url('/i/lbl_login.gif') no-repeat scroll top left;
		width: 59px;
		height: 14px;
		float: left;
	}
	body#page-press form p.p2 label {
		background: url('/i/lbl_password.gif') no-repeat scroll top left;
		width: 86px;
		height: 11px;
		float: left;
	}
	body#page-press form p input {
		display: inline;
		width: 150px;
	}
	body#page-press label.submitwrapper
	{
		width: 53px;
		height: 11px;
		background-image: url('/i/btn_submit.gif');
		background-position: top left;
		background-repeat: no-repeat;
		display: inline;
		overflow: hidden;
		cursor: hand;
		float: right;
	}
	
	body#page-press label.submitwrapper:hover{
		background-position: bottom left;
	}
	body#page-press label.submitwrapper input
	{
		position: relative;
		height: 100%;
		width: auto;
		opacity: 0;
		-moz-opacity: 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		cursor: hand;
	}
	/*end form*/
/*end press*/
/*private press*/
body#page-protected-press div#main{
	margin: 21px 0 0 64px;
	width: 475px;
}
body#page-protected-press div#main h2{
	margin: 0 0 4px 0;
	padding: 0;
	height: 14px;
}
body#page-protected-press div#main p{
	font-size: 108%;
	line-height: 0.94;
	margin: 0 0 0.93em 0;
}
body#page-protected-press div#main p.downloads{
	margin: 28px 0 0.93em 0;
}
body#page-protected-press div#main p a.logout {
	background-image: url('/i/btn_logout.gif');
	width: 52px;
	height: 11px;
	position: absolute;
	top: 142px;
	left: 975px;
	line-height: 11px;
}
body#page-protected-press div#main p a.logout:hover {
	background-position: bottom left;	
}
/*end private press*/
/*about*/
body#page-about div#content{
	min-width: 1130px;
}
body#page-about div#main{
	margin: 98px 0 0 487px;
	width: 300px;
}
body#page-about div#main div.about{
	width: 301px;
}
body#page-about div#main div.about p{
	font-size: 108%;
	line-height: 0.94;
	margin: 0 0 0.8em 0;
}
body#page-about div#main div.logo{
	padding-bottom: 10px;
}
/*end about*/
/*news*/
body#page-news div#main{
	margin: 21px 0 0 64px;
}
body#page-news div#main div.newsitem p{
	font-size: 108%;
	width: 475px;
	line-height: 0.94;
}
body#page-news div#main div.newsitem{
	padding: 0 0 30px 0;
}

div.newsitem p.date{
	padding: 0;
	margin: 0 0 8px 0;
}
div.newsitem p.date span.day{
	width: 26px;
	height: 18px;
	float: left;
}
div.newsitem p.date span.day_01{
	background-image: url('/i/01.gif');
}
div.newsitem p.date span.day_02{
	background-image: url('/i/02.gif');
}
div.newsitem p.date span.day_03{
	background-image: url('/i/03.gif');
}
div.newsitem p.date span.day_04{
	background-image: url('/i/04.gif');
}
div.newsitem p.date span.day_05{
	background-image: url('/i/05.gif');
}
div.newsitem p.date span.day_06{
	background-image: url('/i/06.gif');
}
div.newsitem p.date span.day_07{
	background-image: url('/i/07.gif');
}
div.newsitem p.date span.day_08{
	background-image: url('/i/08.gif');
}
div.newsitem p.date span.day_09{
	background-image: url('/i/09.gif');
}
div.newsitem p.date span.day_10{
	background-image: url('/i/10.gif');
}

div.newsitem p.date span.day_11{
	background-image: url('/i/11.gif');
}
div.newsitem p.date span.day_12{
	background-image: url('/i/12.gif');
}
div.newsitem p.date span.day_13{
	background-image: url('/i/13.gif');
}
div.newsitem p.date span.day_14{
	background-image: url('/i/14.gif');
}
div.newsitem p.date span.day_15{
	background-image: url('/i/15.gif');
}
div.newsitem p.date span.day_16{
	background-image: url('/i/16.gif');
}
div.newsitem p.date span.day_17{
	background-image: url('/i/17.gif');
}
div.newsitem p.date span.day_18{
	background-image: url('/i/18.gif');
}
div.newsitem p.date span.day_19{
	background-image: url('/i/19.gif');
}
div.newsitem p.date span.day_20{
	background-image: url('/i/20.gif');
}

div.newsitem p.date span.day_21{
	background-image: url('/i/21.gif');
}
div.newsitem p.date span.day_22{
	background-image: url('/i/22.gif');
}
div.newsitem p.date span.day_23{
	background-image: url('/i/23.gif');
}
div.newsitem p.date span.day_24{
	background-image: url('/i/24.gif');
}
div.newsitem p.date span.day_25{
	background-image: url('/i/25.gif');
}
div.newsitem p.date span.day_26{
	background-image: url('/i/26.gif');
}
div.newsitem p.date span.day_27{
	background-image: url('/i/27.gif');
}
div.newsitem p.date span.day_28{
	background-image: url('/i/28.gif');
}
div.newsitem p.date span.day_29{
	background-image: url('/i/29.gif');
}
div.newsitem p.date span.day_30{
	background-image: url('/i/30.gif');
}

div.newsitem p.date span.day_31{
	background-image: url('/i/31.gif');
}
div.newsitem p.date span.month{
	width: 31px;
	height: 18px;
	float: left;
}
div.newsitem p.date span.month_01{
	background-image: url('/i/jan.gif');
}
div.newsitem p.date span.month_02{
	background-image: url('/i/feb.gif');
}
div.newsitem p.date span.month_03{
	background-image: url('/i/mar.gif');
}
div.newsitem p.date span.month_04{
	background-image: url('/i/apr.gif');
}
div.newsitem p.date span.month_05{
	background-image: url('/i/may.gif');
}
div.newsitem p.date span.month_06{
	background-image: url('/i/jun.gif');
}
div.newsitem p.date span.month_07{
	background-image: url('/i/jul.gif');
}
div.newsitem p.date span.month_08{
	background-image: url('/i/aug.gif');
}
div.newsitem p.date span.month_09{
	background-image: url('/i/sep.gif');
}
div.newsitem p.date span.month_10{
	background-image: url('/i/oct.gif');
}
div.newsitem p.date span.month_11{
	background-image: url('/i/nov.gif');
}
div.newsitem p.date span.month_12{
	background-image: url('/i/dec.gif');
}

div.newsitem p.date span.year{
	width: 34px;
	height: 18px;
	float: left; 
}
div.newsitem p.date span.year_2007{
	background-image: url('/i/2007.gif');
}
div.newsitem p.date span.year_2008{
	background-image: url('/i/2008.gif');
}
div.newsitem p.date span.year_2009{
	background-image: url('/i/2009.gif');
}
div.newsitem p.date span.year_2010{
	background-image: url('../i/2010.gif');
}
div.newsitem p.date span.year_2011{
	background-image: url('../i/2011.gif');
}
div.newsitem p.date span.year_2012{
	background-image: url('../i/2012.gif');
}

div.newsitem h2.title{
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 10px;
	line-height: 13px;
}
/*end news*/
/*loves*/
ul#loves_pagination {
	position: absolute;
	top:253px;
	left: 25px;
	padding:3px 0pt 0pt 7px;
}
ul#loves_pagination li{
	
}
ul#loves_pagination li.p_prev,
ul#loves_pagination li.p_next{
	width: 15px;
}
ul#loves_pagination li a{
	background-image: url(/i/nav_l.gif);
	width: 17px;
	height: 27px;
}
ul#loves_pagination li.p_prev a{
	background-image: url(/i/nav_p_prev.gif);
	width: 7px;
	height: 11px;
	margin: 7px 0 0 0;
}
ul#loves_pagination li.p_next a{
	background-image: url(/i/nav_next.gif);
	width: 7px;
	height: 11px;
	margin: 7px 0 0 5px;
}
/*end loves*/