@import url('reset.css');
@import url('text.css');
/*@import url('fonts.css');*/

/**
 * General
 **/

p {
    font-size:13px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
/*  background: #e7e7e7 url('../img/background_gradient.jpg') no-repeat fixed top center; */
	color: #666;
}
body.wrap #background {
/*  background: #e7e7e7 url('../img/background_gradient.jpg') no-repeat fixed top center; */
}
#background {
/*	padding-bottom: 20px;*/
	padding-top: 117px;
}
#agency #background {
	padding-top:130px;
}


hr {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-color: rgba(0, 0, 0, 0.10);
	height: 1px;
	margin: 30px 0;
}


li {
	margin-left: 10px;
}

.container, .container_p {
	margin: 0 auto;
	width: 990px;
}

.container_p {
    position:absolute;
    color:#000;
}

.table {
	display: table;
	-ie-display: table;
}
.table-cell {
	display: table-cell;
	-ie-display: table-cell;
}
/* Min Width */
#footer,
#header,
.container,
.content,
#background,
#main,
#wrap {
	min-width: 990px;
}

.container {
    overflow:hidden;
}

/**
 * Paginator
 **/
.pagination {
	color: #515151;
	font-size: 11px;
}
	.pagination a {
		color: #515151;
		opacity: 0.6;
	}
	.pagination a:hover {
		text-decoration: none;
		opacity: 1;
	}
	.pagination li {
		display: inline-block;
	}
	.pagination .previous,
	.pagination .next {
		background-image: url('../../images/common/arrow-sprites.gif');
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		height: 14px;
		_line-height:0;
		text-indent: -1000em;
		width: 9px;
	}
	.pagination .next {
		background-position: -9px 0;
	}
	.pagination .previous.disabled {
		background-position:  0 -28px;
	}
	.pagination .next.disabled {
		background-position: -9px -28px;
	}
	.pagination a.previous:hover {
		background-position:  0 -14px;
	}
	.pagination a.next:hover {
		background-position: -9px -14px;
	}

/**
 * Header
 **/
#header {
	margin-bottom: 20px;
	position: absolute;
	width: 100%;
	background:#FFFFFF;
	border:none;
	border-bottom:1px solid #e5e5e5;
	z-index:100;
}
	#header .top, #menu-reel a {
		background: #000;
		height: 3px;
		_margin:-12px 0 0 0;
	}

	#header .container {
		height: 92px;
		*height: 80px;
		position: relative;
	}
		#header .logo {
			display: inline-block;
			height: 30px;
			top: 46px;
			position: absolute;
			text-decoration: none;
			width: 220px;
		}
			#header .logo h1,
			#header .logo h2 {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
			}
			#header .logo h1 {
			    float:left;
			    position:relative;
			    background:url('../img/cuker-black.gif') no-repeat;
			    text-indent: -1000em;
				font-size: 36px;
				text-transform: uppercase;
				width:96px;
			}
			#header .logo h2 {
			    float:left;
			    position:relative;
				font-size: 13px;
				font-style: italic;
				font-family:Georgia, Times, Serif;
				font-weight:normal;
				height: 36px;
				line-height: 40px;
				padding-left: 10px;
				color:#606060;
			}

		#header nav {
			display: inline-block;
			font-size: 13px;
			right: 0;
			position: absolute;
			top: 59px;
			_left:334px;
		}

		#header nav li {
		    float:left;
		    position:relative;
		    list-style-type:none;
		    list-style:none;
		}

		#header nav li a, #header nav li a:link, #header nav li a:visited  {
		    display:block;
		    text-indent:-9999px;
		    height:13px;
		    padding:0;
		    margin:0 0 0 13px;
		}

		#menu-work a, #menu-work-active a {
		    width:41px;
		    background:url('../img/navigation_sprite.gif') no-repeat -9px -8px;
		}
		#menu-work a:hover, #menu-work.active a { background-position:-9px -36px; }
		#menu-work a:active { background-position:-9px -35px; }

		#menu-services a {
		    width:62px;
		    background: url('../img/navigation_sprite.gif') no-repeat -73px -8px;
		}
		#menu-services a:hover, #menu-services.active a { background-position:-73px -36px; }
		#menu-services a:active { background-position:-73px -35px; }

		#menu-clients a {
		    width:53px;
		    background: url('../img/navigation_sprite.gif') no-repeat -159px -8px;
		}
		#menu-clients a:hover, #menu-clients.active a { background-position:-159px -36px; }
		#menu-clients a:active { background-position:-159px -35px; }

		#menu-blog a {
		    width:36px;
		    background: url('../img/navigation_sprite.gif') no-repeat -235px -8px;
		}
		#menu-blog a:hover, #menu-blog.active a { background-position:-235px -36px; }
		#menu-blog a:active { background-position:-235px -35px; }

		#menu-news a {
		    width:38px;
		    background: url('../img/navigation_sprite.gif') no-repeat -294px -8px;
		}
		#menu-news a:hover, #menu-news.active a { background-position:-294px -36px; }
		#menu-news a:active { background-position:-294px -35px; }

		#menu-brand a {
		    width:110px;
		    background: url('../img/navigation_sprite.gif') no-repeat -355px -8px;
		}
		#menu-brand a:hover, #menu-brand.active a { background-position:-355px -36px; }
		#menu-brand a:active { background-position:-355px -35px; }

		#menu-contact a {
		    width:62px;
		    background: url('../img/navigation_sprite.gif') no-repeat -488px -8px;
		}
		#menu-contact a:hover, #menu-contact.active a { background-position:-488px -36px; }
		#menu-contact a:active { background-position:-488px -35px; }

		/* ADDITION 01.13.11 */
		#menu-process a {
		    width:60px;
		    background:url('../img/navigation_sprite.gif') no-repeat -575px -8px;
		}
		#menu-process a:hover, #menu-process.active a { background-position:-575px -36px; }
		#menu-process a:active { background-position:-575px -35px; }

		#menu-agency a {
		    width:53px;
		    background:url('../img/navigation_sprite.gif') no-repeat -659px -8px;
		}
		#menu-agency a:hover, #menu-agency.active a { background-position:-659px -36px; }
		#menu-agency a:active { background-position:-659px -35px; }

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

        /*#top-menu { background: blue; }
        #header nav { background: red; }*/

        #main-menu {
            *position: absolute;
            *right: 0px;
            *float: right;
        }

        #top-menu {
            float: right;
            height: 0px;
            list-style-type: none;
            margin-bottom: -23px;
            position: relative;
            top: -40px;
        }
        #top-menu li {
            float: left;
            margin-left: 0px;
        }

		#header nav li#menu-twitter a {
			height: 16px;
			background-image:url('../img/social-media-sprite.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:16px;
            margin: 4px 0px 0px 10px;
		}
        #header nav li#menu-twitter a span { height:0; overflow:hidden; float:left; position:relative;}

		#header nav li#menu-facebook a {
			height: 16px;
			background-image:url('../img/social-media-sprite.png');
			background-repeat:no-repeat;
			background-position:-16px 0;
			width:16px;
            margin: 4px 0px 0px 10px;
		}
        #header nav li#menu-facebook a span { height:0; overflow:hidden; float:left; position:relative;}

        #header nav li#menu-newsletter a {
			height: 16px;
			background-image:url('../img/social-media-sprite.png');
			background-repeat:no-repeat;
			background-position:-32px 0;
			width:16px;
            margin: 4px 0px 0px 10px;
		}
        #header nav li#menu-newsletter a span { height:0; overflow:hidden; float:left; position:relative;}

        #header nav li#menu-newsletter-form {
            background: url('../img/newsletter-pointer.png') no-repeat;
            margin-left: 5px;
        }

        #header nav li#menu-newsletter-form form {
            border: #dadada 1px solid;
            border-left: 0px;
            height: 23px;
            margin: 0px 0px 0px 5px;
            padding: 0px 3px 0px 0px;
            _display: inline;
            _padding-left: 3px;
        }
        #header nav li#menu-newsletter-form #id_email {
            border: 0px;
            color: #696969;
            font: italic 11px "Georgia", serif;
            height: 21px;
            line-height: 21px;
            width: 130px;
            *height: 18px;
        }
        @-moz-document url-prefix() {
            #header nav li#menu-newsletter-form #id_email {
                padding-left: 3px;
                position: relative;
                top: -6px;
            }
        }



		#header nav li#menu-reel a {
			text-indent:0px;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			height: 23px;
			padding: 4px 10px;
			color:#FFF;
			opacity:1;
			filter:alpha(opacity=100);
			_filter:none;

			background-image:url('../img/view-our-reel.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:120px;
            margin-left: 10px;

			transition:opacity .25s ease-in-out;
			-moz-transition:opacity .25s ease-in-out;
			-webkit-transition:opacity .25s ease-in-out;
/*
			box-shadow: 1px 1px 2px #e0e0e0;
			-moz-box-shadow: 1px 1px 2px #e0e0e0;
			-webkit-box-shadow: 1px 1px 2px #e0e0e0;
*/
			*height:15px;
			*width:100px;
		}

		#header nav li#menu-reel a span { height:0; overflow:hidden; float:left; position:relative;}


		#header nav li#menu-reel a:hover {
			opacity:.7;
			filter:alpha(opacity=70);
			_filter:none;
			text-decoration:none;
		}


/**
 * Footer
 **/
html, body, #wrap {
	height: 100%;
	background:#FFF;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

#main {
    overflow: auto;
    padding-bottom: 30px;
}

#footer {
	clear: both;
	color: #FFFFFF;
	height: 29px;
	margin:-29px 0 0 0;
	padding:0;
	position: relative;
	border:none;
	border-top:1px solid #e0e0e0;
    overflow:hidden;
}
#footer nav {
	color: #b5b5b5;
}
	#footer nav a {
		color: #fff;
	}
	#footer nav ul {
		margin-bottom: 0;
		text-align: right;
	}
	#footer nav ul li {
		display: inline;
		margin-left: 5px;
	}

    .footer_contact {
        float:right;
        margin:4px 0 0px 0;
        padding:0;
        font-size:12px;
        color: #b5b5b5;
    }

    .footer_spacing {
        margin:0 0 0 15px;
    }

    .footer_contact a, .footer_contact a:link, .footer_contact a:visited {
        color:#ec008c;
        text-decoration:none;
    }

    .footer_contact a:hover { text-decoration:underline; }


    #footer_links {
        float:left;
        position:relative;
        height:27px;
        margin:0;
        padding:0;
        list-style-type:none;
    }

    #footer_links li {
        float:left;
        position:relative;
        list-style:none;
        margin:0 0 0 0;
        padding:0;
    }

    #footer_links li a, #footer_links li a:link, #footer_links li a:visited {
        float:left;
        position:relative;
        text-decoration:none;
    }
    #footer_links li a:hover {  }

    #footer_links span {
        visibility:hidden;
        _text-indent:-9999px;
    }

    #footer_cuker a, #footer_cuker a:link, #footer_cuker a:visited {
        width:17px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat 0 0;
    }
    #footer_cuker a:hover { background-position: 0 -28px; }

    #footer_wave a, #footer_wave a:link, #footer_wave a:visited {
        width:23px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -17px 0;
    }
    #footer_wave a:hover { background-position:-17px -28px; }

    #footer_twitter a, #footer_twitter a:link, #footer_twitter a:visited {
        width:25px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -40px 0;
    }
    #footer_twitter a:hover { background-position:-40px -28px; }

    #footer_facebook a, #footer_facebook a:link, #footer_facebook a:visited {
        width:24px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -65px 0;
    }
    #footer_facebook a:hover { background-position:-65px -28px; }

    #footer_flickr a, #footer_flickr a:link, #footer_flickr a:visited {
        width:24px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -89px 0;
    }
    #footer_flickr a:hover { background-position:-89px -28px; }

    #footer_linkedin a, #footer_linkedin a:link, #footer_linkedin a:visited {
        width:24px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -113px 0;
    }
    #footer_linkedin a:hover { background-position:-113px -28px; }

    #footer_blog a, #footer_blog a:link, #footer_blog a:visited {
        width:24px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -137px 0;
    }
    #footer_blog a:hover { background-position:-137px -28px; }

    #footer_vimeo a, #footer_vimeo a:link, #footer_vimeo a:visited {
        width:24px;
        height:27px;
        background:url('../../images/common/footer_sprite.gif') no-repeat -159px 0;
    }
    #footer_vimeo a:hover { background-position:-159px -28px; }

    #footer_newsletter a, #footer_newsletter a:link, #footer_newsletter a:visited {
        margin:5px 3px 0;
        width:16px;
        height:16px;
        background:#FFFFFF url('../../blog/img/share-sprite.png') no-repeat -64px 0px;
        opacity:.7;
        filter:alpha(opacity=70);
        _overflow:hidden;
    }
    #footer_newsletter a:hover {
        opacity:1;
        filter:alpha(opacity=100);
    }


    #footer_signup_form {
        margin-top:3px;
        padding:0;
    }

        #footer_signup_form input {
            float:left;
            position:relative;
            background:#FFF;
            border:1px solid #dadada;
            margin:0;
            padding:3px;
            font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
            color:#909090;
        }

        #footer_signup_form #id_email {
            border-right:none;
            width:137px;

            border-top-left-radius:3px;
            border-bottom-left-radius:3px;
            -moz-border-radius-bottomleft:3px;
            -moz-border-radius-topleft:3px;
            -webkit-border-top-left-radius:3px;
            -webkit-border-bottom-left-radius:3px;
        }

        #footer_signup_form input:focus { outline:0;}

        #footer_signup_form #newsletter_signup_submit  {
            border-left:none;
            padding:5px;
            text-align:center;
            padding-top:7px\9;
            padding-bottom:7px\9;

            border-top-right-radius:3px;
            border-bottom-right-radius:3px;
            -moz-border-radius-bottomright:3px;
            -moz-border-radius-topright:3px;
            -webkit-border-top-right-radius:3px;
            -webkit-border-bottom-right-radius:3px;
        }

    #footer_signup {
        float:left;
        position:absolute;
        margin:-26px 0 -5px 0;
        border:1px solid #e0e0e0;
        border-bottom:1px solid #FFFFFF;
        padding:4px 5px 4px 5px;
        background:#FFF;
        z-index:99;
        display:none;
        _width:161px;
    }

    #cuker_pronunciation {
        float:left;
        position:absolute;
        margin:-28px 0 -5px 0;
        border:1px solid #e0e0e0;
        border-bottom:1px solid #FFFFFF;
        padding:5px 5px 0 5px;
        background:#FFF;
        z-index:99;
        display:none;
    }

    #surf_report {
        float:left;
        position:absolute;
        border:1px solid #e0e0e0;
        border-bottom:1px solid #FFFFFF;
        padding:5px 10px 5px 10px;
        background:#FFF;
        z-index:99;
        width:200px;
        display:none;
/*        width:400px;*/
    }

    .surf_split {
        float:left;
        position:relative;
        width:170px;
        margin:10px 10px 0 0;
    }

    #surf_report h3, #surf_report h4, #surf_report p {
        margin:0;
        padding:0;
    }

    #surf_report h3 {
        color:#444444;
        border:none;
        border-bottom:1px solid #e0e0e0;
        padding:0 0 5px 0;
        margin:0 0 5px 0;
    }


    #surf_report h4 {
        line-height:16px;
        font-size:12px;
        font-family:Georgia, Times, Serif;
        font-style:italic;
        color:#444444;
    }

    #surf_report p {
        font-size:10px;
        color:#888;
    }

    #surf_report a {
        float:right;
        position:absolute;
        font-size:10px;
        margin:5px 0 0 149px;
        *margin-left:154px;
        *margin-left:165px;
        font-family:Georgia;
        font-style:italic;
        color:#909090;
    }


#flashpage {
    margin:96px 0 0 0;
}



/*Opera Fix*/
body:before {
	content: '';
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}

/**
 * Other
 **/
.example {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: maroon;
	color: white;
	-webkit-transition-property: all;
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: initial;
	border-top-width: 20px;
	border-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: blue;
	border-right-color: blue;
	border-bottom-color: blue;
	border-left-color: blue;
}

#send_to_friend_container {
    width:450px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    z-index:99;
    display:block;
    background:#FFFFFF;
    padding: 20px;
    border:1px solid #dadada;
}

#send_to_friend th { width:100px; text-align:right; padding:5px 10px 5px 0;}
#send_to_friend td { width:300px;}