/* Reset */
@import 'reset.css';
@import 'navigation.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/presentation/footer-break.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; margin-right:33px; display: inline;}
.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; }
input#search_submit { background:url(/images/buttons/search.gif); border:0; cursor:pointer; width:49px; height:23px; }

.text_space { height:25px; }

/******
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:20px 0px 0px 10px; display: inline; margin:5px 0px 0px 10px; width: 719px; float:left; min-height:550px; height:auto !important; height:550px; }
*/
#content { padding:20px 0px 0px 10px; display: inline; margin:5px 0px 0px 10px; width: 719px; float:left; height:auto !important; height:550px; }

ul#browse li a {  font-family:Georgia, "Times New Roman", Times, serif; }
#sidebar h2 { border-bottom:0; margin-bottom:20px; padding-right: 10px }

.browse_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 #000;
	border: 1px solid #cacaca;
	
}

.browse_product_img { text-align:center; margin-bottom:5px; border: 1px solid #FFF;}

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

.left_column { float:left;  width:422px; }
.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_img { border:3px solid #363635; text-align:center; margin-bottom:5px; }
.product_name { margin-bottom:2px; }
.product_send a { font-weight:bold; }

.middle_column { position:relative; background:url(/images/home/vive-la-difference-scroll.gif) top left no-repeat; min-height:450px; height:auto !important; height:450px; padding:100px 30px 28px 20px; float:left; margin-left:10px; width:165px; text-align:justify; }
.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; }

.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 */
table.portfolio_gallery { border-collapse:collapse; width:297px; 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; margin-top:10px; }
.portfolio_name { background:url(/images/portfolio/portfolio_name.gif) top left repeat-x; color:#FFFFFF; padding-top:15px; height:24px; text-align:center; }
.portfolio_name a, .portfolio_name a:link, .portfolio_name a:active, .portfolio_name a:visited { color:#FFFFFF; }

.portfolio_area { position:relative; }
.portfolio_title { position:absolute; top:-5px; left:4px; }

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

.youtube_area { position:relative; margin-top:10px; }
.youtube_title { left:4px; margin:0px 0px 10px 0px; }
.youtube { margin:0px 0px 10px 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; 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;}
.GoogleMap { float:left; width:630px; height: 200px; margin-bottom:20px;}
.ContactUsForm { float:left; width:300px; margin-left:20px; }


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

.footersmalltext {
	color: #666666;
	font-size: 11px;
}