/******************************************************
       Project:  GloBul Art 2010

       Company:  BSH
     Developer:  Martin Metodiev

    Started on:  01/12/2009
    Updated on:  08/12/2009

    Sheet type:  DEFAULT Stylesheet
******************************************************/



/******************************************************
    LIST OF CONTENTS

        Global styles      :    Clearfix
                           :    Common
                           :    Wrappers
                           :    Links
                           :    Headings
                           :    Forms
                           :    Tables


        Layout             :    Body
                           :    Header
                           :    Main
                           :    Footer


        Header elements    :    In the past
                           :    Logo
                           :    Navigation


        Main elements      :    Blue box
                           :    Showroom


        Lightbox           :   

******************************************************/



/* ************************ GLOBAL STYLES */

/* .................. Clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0pt;
	}
/* ........................... */


/* .................... Common */
	div.note {
		background-color: #BF362D;
		line-height: 20px;
		font-size: 1.3em; /*13px*/
		display: none;
		height: 40px;
		padding: 20px;
	}

    div.note-succes {
        background-color: #809f0d;
    }

	div.success {
		background-color: #809F0D;
	}
/* ........................... */


/* .................. Wrappers */
	div.wrapper {
		width: 942px;
	}
/* ........................... */


/* ..................... Links */
	a {
		color: #b6cd00;
	}
/* ........................... */


/* .................. Headings */
	h1 {
		
	}

	h2 {
		
	}

	h3 {
		
	}

	h4 {
		
	}

	h5 {
		
	}

	h6 {
		
	}
/* ........................... */


/* ..................... Forms */
	form#send_card_form {
		width: 250px;
	}

		form div.clearfix {
			padding: 20px 0px 0px 36px;
		}

		form input.textfield,
		form textarea {
			border: 1px solid #0d6f7c;
			padding: 3px;
			color: #333;
			font: normal 1.2em Verdana, Geneva, sans-serif; /*12px*/
			width: 242px;
		}

		form input.textfield {
			margin-bottom: 10px;
		}

		input.btn {
			width: 100px;
			height: 30px;
			background: none;
			background-image: url(../images/btns.png);
			background-repeat: no-repeat;
			text-align: center;
			color: #000;
			border: 0px;
			font: normal 1.3em Verdana, Geneva, sans-serif; /*13px*/
			margin-left: 5px;
		}

		input.btn_gray {
			background-position: 0px 0px;
		}

		input.btn_green {
			background-position: 0px -40px;
		}

		form textarea {
			margin-bottom: 30px;
			height: 114px;
		}

		form label {
			margin-bottom: 5px;
			display: block;
			font-size: 1.3em; /*13px*/
		}

		form h1,
		form h2 {
			text-indent: -9999px;
			background-image: url(../images/form_labels.png);
			background-repeat: no-repeat;
			width: 250px;
			height: 24px;
			margin-bottom: 10px;
		}

		form h1 {
			background-position: 0px 0px;
		}

		form h2 {
			background-position: 0px -34px;
		}
/* ........................... */


/* .................... Tables */
	
/* ........................... */





/* ******************************* LAYOUT */

/* ...................... Body */
	body {
		background-color: #000;
		color: #FFF;
		font-family: Verdana, Geneva, sans-serif;
	}
/* ........................... */


/* .................... Header */
	div.header {
		background: url(../images/header_gradients.jpg) no-repeat center top;
		position: relative;
		overflow: hidden;
		margin-bottom: 32px;
		padding-top: 19px;
	}

	a.header_card {
		display: block;
		margin: 0px auto;
		padding-bottom: 32px;
		width: 942px;
		height: 95px;
	}
/* ........................... */


/* ...................... Main */
	div.main {
		margin-bottom: 40px;
	}
/* ........................... */


/* .................... Footer */
	div.footer {
		padding-bottom: 20px;
	}

		div.footer span.copyright,
		div.footer a.copyright,
		div.footer div.text {
			float: left;
		}
		
		div.footer div.terms_of_use {
			float: right;
		}

		div.footer span.copyright,
		div.footer a.copyright,
		div.footer div.terms_of_use {
			font-size: 1.1em; /*11px*/
		}

		div.footer span.copyright,
		div.footer a.copyright,
		div.footer div.terms_of_use {
			width: 221px;
		}

		div.footer div.text {
			width: 480px;
			margin: 0px 10px;
			font-size: 1.2em; /*12px*/
			line-height: 18px;
		}

		div.footer div.terms_of_use {
			text-align: right;
		}
/* ........................... */





/* ********************** HEADER ELEMENTS */

/* ............... In the past */
	div.in_the_past {
		width: 240px;
		height: 18px;
		position: absolute;
		left: 0px;
		top: 39px;
		background: #000 url(../images/in_the_past.png) no-repeat 0px 0px;
		padding: 0px 10px 10px 0px;
		z-index: 30;
	}

		div.in_the_past:hover {
			height: auto;
			background-position: 0px -28px;
		}

		div.in_the_past ul {
			display: none;
			height: 55px;
			padding: 30px 0px 10px;
		}

			div.in_the_past ul li {
				text-align: center;
				padding: 5px 0px;
			}

				div.in_the_past ul li a {
					font-size: 1.4em; /*14px*/
				}

		div.in_the_past:hover {
			border-right: 1px solid #B6CD00;
			border-bottom: 1px solid #B6CD00;
		}

			div.in_the_past:hover ul {
				display: block;
			}
/* ........................... */


/* ...................... Logo */
	a.logo {
		display: block;
		margin: 0px auto 18px;
		width: 252px;
		height: 58px;
	}
/* ........................... */


/* ................ Navigation */
	ul.navigation,
		ul.navigation li,
			ul.navigation li a,
			ul.navigation li span {
				height: 50px;
			}

		ul.navigation li,
			ul.navigation li a,
			ul.navigation li span {
				float: left;
			}

	ul.navigation {
		margin-top: 18px;
	}

		ul.navigation li {
			border-right: 1px solid #000;
		}

		ul.navigation li.nav_wallpapers,
			ul.navigation li.nav_wallpapers a,
			ul.navigation li.nav_wallpapers span,
		ul.navigation li.nav_screensavers,
			ul.navigation li.nav_screensavers a,
			ul.navigation li.nav_screensavers span {
				width: 310px;
			}

		ul.navigation li.nav_card,
			ul.navigation li.nav_card a,
			ul.navigation li.nav_card span {
				width: 320px;
			}

		ul.navigation li.nav_screensavers {
			border-right: 0px;
		}

			ul.navigation li a,
			ul.navigation li span {
				background-image: url(../images/navigation.png);
				background-repeat: no-repeat;
				text-indent: -9999px;
			}

			ul.navigation li a.active {
				cursor: default;
			}

			ul.navigation li.nav_wallpapers a {
				background-position: 0px 0px;
			}

			ul.navigation li.nav_wallpapers span,
				ul.navigation li.nav_wallpapers a:hover {
					background-position: 0px -60px;
				}

			ul.navigation li.nav_card a {
				background-position: 0px -120px;
			}

			ul.navigation li.nav_card span,
				ul.navigation li.nav_card a:hover {
					background-position: 0px -180px;
				}

			ul.navigation li.nav_screensavers a {
				background-position: 0px -240px;
			}

			ul.navigation li.nav_screensavers span,
				ul.navigation li.nav_screensavers a:hover {
					background-position: 0px -300px;
				}
/* ........................... */





/* ************************ MAIN ELEMENTS */

/* .................. Blue box */
	div.blue_box {
		width: 252px;
		height: 500px;
		padding: 50px 50px 40px;
		background-color: #5897A7;
		float: left;
		overflow: hidden;
	}

	div.card_page_box {
		width: 272px;
		padding: 50px 40px 40px;
	}

		div.blue_box table {
			width: 100%;
			height: 100%;
			font-size: 1.3em; /*13px*/
			line-height: 18px;
		}

				div.blue_box table tr td {
					vertical-align: bottom;
				}

					div.blue_box table tr td p {
						margin-top: 30px;
					}
/* ........................... */


/* .................. Showroom */
	div.showroom {
		
	}

		div.showroom div.clearfix {
			margin-bottom: 22px;
		}

			div.showroom div.clearfix div.left,
			div.showroom div.clearfix div.right {
				width: 460px;
				height: 250px;
			}

				div.showroom div.clearfix div img,
				div.showroom div.clearfix div div.resolution {
					float: left;
				}

				div.showroom div.clearfix div.left div.resolution,
				div.showroom div.clearfix div.right img {
					margin-right: 20px;
				}

				div.showroom div.clearfix div div.resolution {
					width: 190px;
					height: 100%;
				}

					div.showroom div.clearfix div div.resolution a {
						font-size: 1.5em; /*15px*/
						display: block;
						padding: 7px 0px;
						background-image: url(../images/arrows.png);
						background-repeat: no-repeat;
					}

					div.showroom div.clearfix div.left div.resolution a {
						text-align: right;
						padding-right: 30px;
						background-position: right -19px;
					}

					div.showroom div.clearfix div.right div.resolution a {
						padding-left: 30px;
						background-position: left -19px;
					}
/* ........................... */





/* ***************************** LIGHTBOX */

/* ........................... */
	#shadowbox_content {
		margin-bottom: 0px;
	}

		#shadowbox_content div.btns {
			padding: 10px 0px 0px 726px;
		}

			#shadowbox_content div.btns input.btn {
				background-image: url(../images/btns_lightbox.png);
				margin-left: 6px;
			}
/* ........................... */



/*****************************************************/