/* Reset */
@import 'reset.css';
@import 'navigation2.css';

/******
GLOBALS
******/

body { font:12px arial; color:#f2f2f2; line-height:16px; background:#f2f2f2; background:url(/images/page_structure_old/vavavoom_background.gif) center repeat-y;}
body *, #main, #footer { line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; }

a, a:link, a:active, a:visited { color:#000000; }
a:hover { text-decoration:none; }
hr { border:0; border-bottom:1px dotted #6D6D6D; height:1px; line-height:1px; margin:10px 0; }

input, select, textarea { padding:2px; font-family:arial; }

h1 { margin-left:-14px; margin-right:-14px; font-size:16px; line-height:18px; color:#3B3B3B; margin-bottom:12px; }
h1 a, h1 a:link, h1 a:active, h1 a:visited { color:#FFFFFF; }
h2 a, h2 a:link, h2 a:active, h2 a:visited { font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; }
h2 { font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; margin-top:15px; margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #A9A9AB;  }
h3 { font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; margin:0; padding:0; margin-bottom:12px; }
h5 { font-size:18px; font-weight:normal; color:#282828; margin:0; padding:0; margin-bottom:7px; }
h5 span { font-size:12px; }
p { padding-bottom:16px; }

.dotted_side_bg { background:url(/images/dotted_side_bg.gif) bottom left repeat-y; }

/******
HEADER
******/

#header {  padding-top:2px; margin-bottom:15px; }
#header-background {background:url(/images/page_structure_old/vavavoom_header_bg.gif) bottom; height:44px; display:block; float:none; margin:0 auto;  border:0; padding:0;}
#logo { float:left; width:188px; }
#header_options { float:right; width:766px; }

#login_area { margin-left:260px; padding-top:2px; height:49px;}
#login_area table { border-collapse:collapse; }
#login_area table tr td { padding-right:10px; vertical-align:bottom; }
#login_area table tr td input.input_field { border:1px solid #BBBDBF; color:BBBDBF; font-size:11px; padding:4px 4px 3px 4px; height:14px; }
input#login_submit { background:url(/images/buttons/login.gif); border:0; cursor:pointer; width:49px; height:23px; }

#lp { position:absolute; top:82px; margin:0; padding:0; line-height:0; }

.search { position:relative; margin-top:-3px; float:right; }
.search table { border-collapse:collapse; }
.search table tr td { vertical-align:top; }
.search table tr td input.input_field { border:1px solid #BBBDBF; border-right:0; color:BBBDBF; font-size:11px; padding:4px 4px 3px 4px; height:14px; width:165px; }
input#search_submit { background:url(/images/buttons/search.gif); border:0; cursor:pointer; width:49px; height:23px; }

.share-icons { position:absolute; top:-10px; right:0; }
.share-icons a { padding:0; }

.text_space { height:25px; }

/******
GENERAL PAGE LAYOUT
******/
.LeftColumnImage { width:260px; float:left;}
.RightColumnText { width:650px; float:left;}

/******
BANNER
******/

#banner {
	width: 954px;
    margin: 0 auto;
	margin-bottom:-17px;
	padding-bottom:22px;
	background:url(/images/headings/heading-border.gif) left bottom no-repeat;
}

/******
IDEASEARCH
******/

#content { padding-left:50px; margin-left:200px; min-height:550px; float:left; height:auto !important; height:550px; }
ul#browse li a { text-transform:uppercase; font-size:14px!important; font-weight:bold;  }
#sidebar h2 { border-bottom:0; margin-bottom:20px; }

/******
HOME
******/

.left_column { float:left;}
.left_column h1 { padding:0; margin:25px 0;}

/* Latest Products */
table.latest_products_table { border-collapse:collapse; width:444px; margin-right:-22px; }
table.latest_products_table tr td { vertical-align:top; width:126px; padding-right:22px; padding-bottom:20px; }

.product_container {
    
}

.product_img:hover{
	-moz-box-shadow: 4px 3px 5px 0px #888;
	-webkit-box-shadow: 4px 3px 5px 0px#888;
	box-shadow: 4px 3px 5px 0px #888;
	border: 1px solid #cacaca;
}

.product_img { text-align:center; margin-bottom:5px; border: 1px solid #FFF; }
.product_name { margin-bottom:2px; }
.product_send a { font-weight:bold; }

.middle_column { display: inline; position:relative; /*min-height:450px; height:auto !important; height:450px; padding:90px 30px 28px 20px;*/ float:left; width:205px; margin-left:10px; text-align:justify; }
.middle_column_text { background:url(/images/home/vive-la-difference-scroll.png) top left no-repeat; height: 435px; padding:75px 20px 0px 20px; float:left; width:170px; text-align:left; }
.middle_column_text p {line-height: 15px; font-size: 16px;}
.middle_column_end { position:absolute; bottom:0; left:0; background:url(/images/home/vive-la-difference-scroll-end.gif) top left no-repeat; width:215px; height:35px; display:block; }
.e-book-link {width:205px; margin-left:0px; height:209px; float:left;}

.right_column { width:294px; float:right; }
.right_column  h1 { margin:0; margin-bottom:15px; padding:0; }

.newsletter_signup { position:relative; }
.newsletter_signup table { border-collapse:collapse; }
.newsletter_signup table tr td { vertical-align:top; }
.newsletter_signup table tr td input.input_field { border:1px solid #BBBDBF; border-right:0; color:BBBDBF; width:230px; font-size:11px; padding:4px 4px 3px 4px; height:14px;}
input#newsletter_submit { background:url(/images/buttons/submit.gif); border:0; cursor:pointer; width:49px; height:23px; }

/* Portfolio */
.portfolio_area { position:relative; width:294px; background-color: #FFF; }

table.portfolio_gallery { border-collapse:collapse;  margin-right:-3px; }
table.portfolio_gallery tr td { vertical-align:top; width:141px; padding-right:3px; padding-bottom:5px; }

.portfolio_box { background:#363636; padding:4px; width: 136px; overflow: hidden; margin:1px; float: left; }
.portfolio_box a img { width: 136px; height: 136px; }
.portfolio_name { background:url(/images/portfolio/portfolio_name.gif) top left repeat-x; overflow: hidden; color:#FFFFFF; padding-top:3px; height:36px; text-align:center; }
.portfolio_name a, .portfolio_name a:link, .portfolio_name a:active, .portfolio_name a:visited { color:#FFFFFF; }


.portfolio_title { position:absolute; top:-5px; left:4px; z-index: 1000;}

.breaker { display:block; padding:15px 0 0px 0; margin: 0 0 5px 0; background:url(/images/breaker.gif) center left repeat-x;  }

/******
HOME PAGE YOUTUBE STYLE
******/
.youtube_area { position:relative; margin-top:0px; }
.youtube_title { left:4px; margin-bottom:4px; z-index:1000;}
.youtube { margin:0px 0px 10px 0px; color:#444444;}
.addthis_toolbox { margin:0px 0px 5px 0px;}

/******
OUR CLIENTS
******/

#our_clients_area {
	width: 954px;
    margin: 0 auto;
    padding: 40px 0 40px 0;
	background:url(/images/home/our-clients-border.gif) top left repeat-x;
}
#our_clients_area .left_col { float:left; padding-top: 85px; width:396px!important; }
#our_clients_area .right_col { float:right; width:552px!important; }
/*.clients-logo { padding:20px 0px 0px 0px;} */

/******
FOOTER
******/

#footer li { margin-right:0; }
#footer { border-top:0; margin-bottom:20px; }
#footer-background {background:url(/images/page_structure_old/vavavoom_footer_bg.gif) bottom; height:45px; display:block; float:none; margin:0 auto; border:0; padding:0;}

/* 2nd level */

.contact_locations { margin:20px 0 30px 0; }
.contact_locations table { border-collapse:collapse; }
.contact_locations table tr td .contact_text { padding:10px 0; margin-bottom:-10px; }
.contact_locations table tr td.contact_spacer { padding:0 40px; background:url(/images/presentation/footer-break.gif) top center repeat-y; }

/* 3rd level*/

#footer_logo { float:right; width:226px; padding-top:20px; }
#footer_links {width:720px; }
.footersmalltext{  color:#666; font-size:11px; margin-right: auto; width:720px;}

.footersmalltext img{margin-top:-8px!important; float:right;}
.footersmalltext a:link, .footersmalltext a:active, .footersmalltext a:visited, .footersmalltext a:hover{ font-size:11px; color:#666; font-size:11px; text-decoration:none;}



/******
CONTACT US PAGE STRUCTURE (All form style are in form.css)
******/
.Maps { width: 630px; float:left;}
.MapAddress { width:240px; float:left; margin-left:10px;}
.GoogleMap { float:left; width:380px; height: 200px; margin-bottom:20px;}
.ContactUsForm { float:left; width:300px; margin-left:20px; }
.MapContainer {width: 100%; margin-top:5px;}

/******
V-TV PAGE YOUTUBE VIDEOS
******/
#ytvideo {float: left; margin-right:10px;}
.yt_holder { background: #f3f3f3; padding: 10px; float: left; border: 1px solid #e3e3e3; margin-bottom:15px; }
.YouTubeList {width: 470px; float:left;}
.yt_holder ul { float: left; margin: 0; padding: 0; }
.yt_holder ul li { list-style-type: none; display:block; background: #f1f1f1; border-bottom:#666 dotted 1px; float: left;width: 460px; margin-bottom: 5px;padding:2px; }
.yt_holder ul li img { width: 120px; float: left; margin-right: 5px;border: 1px solid #999; clear: both; }
.yt_holder ul li a { font-family: georgia; text-decoration: none; display: block; color: #000; clear:both;}
.currentvideo {background: #e6e6e6;}
.yt_holder .clearfix { clear:both;}


/******
FLICKR PHOTO GALLERY
******/
.flickr_container {
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	width: 954px;
	height: 600px;
	text-align: center;
}