@charset "UTF-8";

/* CSS Document -- Created by Media Contour */

/* We are are a multi-disclipined design studio that specializes in web design and development. View our services at www.mediacontour.com */

/* -------------------- ZERO OUT ------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, { margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:100%; color:#000; list-style-type:none; }

* table { border-spacing: 0px; border-collapse:collapse; cellpadding:0px; cellspacing:0px; border:0px; margin:0px; padding:0px; }

html { height:100%; }
body { height:100%; background:#ececec ;}
html body { text-align:center; } /* ie fix */

#page { width:799px; margin:0 auto; height:100%;}
* img { border:0px; }
* { margin: 0; padding: 0; }

/*----------------------global-------------------------*/

a.bold:link  { text-decoration: none; color: #111111; font-size: 10px; font-weight:bold;} 
a.bold:hover  { text-decoration: none; color: #555555; font-size: 10px; font-weight:bold;} 
a.bold:visited { text-decoration: none; color: #111111; font-size: 10px; font-weight:bold;}  
a.bold:visited:hover { text-decoration: none; color: #555555; font-size: 10px; font-weight:bold;}

* a {font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; xcolor:#da1212;}
x* a:link { color:#333; }
x* a:visted { color:#333; }
x* a:hover { color:#da1212; }
x* a:visited:hover { color:#da1212; }

.red { color:#da1212;}
.gray { color:#444;}
.big { font-size:15px;}
.small { font-size:9px;}
.note { color:#666666;}
.u { text-decoration:underline;}
.b {font-weight:bolder}
.left {float:left;}
.right {float: right;}
.clear {clear:both;}
.right15 {padding-right:15px;}
.out15 {margin-left:15px;}
.pink {color: #ff0033;}
.padding_right_bottom {padding: 0 10px 10px 0;}

.clear {clear:both;}

.orange { color:#ff6600; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; }

.orange a { color:#ff6600; font: 12px Arial, Helvetica, sans-serif; text-decoration:underline; }

.black { color:#000000; font: 12px Arial, Helvetica, sans-serif; }

.wavy_back {background-image: url('../images/wavy_background.gif');background-repeat: no-repeat;background-position: top right;}
.fine_art_back {background-image: url('../images/fine_art_back.gif');background-repeat: no-repeat;background-position: right;}
.art_back {background-image: url('../images/art_bg.jpg');background-repeat: no-repeat;background-position: bottom right;}


/* Background -- Add a background image or color */
body {margin:0; padding:0; text-align:center; background: #CCCCCC url(../images/striped_bg.jpg) repeat top left; }




/* Container Wrapper -- Contains all the DIV modules */
#container { width:850px; height:100%; margin: 0 auto 0px auto; position:relative; text-align:left; background: #FFFFFF; }




/* Webpage Masthead -- Add logo and background image or color ( Width:800px | Height: Variable ) */ 

#masthead { width:850px; height:93px; postion:relative; background:#FFFFFF url(...) no-repeat left top; }

#logo {  background:#FFFFFF; float:left; width:645; height:92; padding:0; margin:0;} /* Holds Clients logo */

#top_nav {
	float: right;
	width: 229px;
	height: 92;
	margin: 15px 0 0;
	padding: 0;
}

#top_nav p { xfloat:left; padding:0;}
#top_nav a { color:#ff6600;}
#top_nav a:hover {color:#0066FF; }



/* Main Navigation Bar */

ul#nav { clear:both; width:790px; height:44px; padding:0 8px; margin: 0px 25px 10px 25px; list-style:none; background: #ff6600 url(../images/top_nav_bg.jpg) repeat-x; border:#CCCCCC solid 1px;  } /* Contains the background image or color of the nav ( Width:800px | Height: Variable ) */

ul#nav li { float:left; padding: 10px 0px 0 0; font: 15px Arial, Helvetica, sans-serif; }

ul#nav li a { display:block;  font: 15px Arial, Helvetica, sans-serif; text-decoration:none; } /* Use background image to control look of link button */

ul#nav li a:hover { display:block;  font: 15px Arial, Helvetica, sans-serif; text-decoration:none; } /* Use this for image/text rollover */

/* Sub Naviagion Bar */
ul#sub_nav { clear:both; width:770px; height:38px; padding: 0 15px; list-style:none; background:#444 url(...) no-repeat left top;  } /* Contains the background image or color of the nav ( Width:800px | Height: Variable ) */
ul#sub_nav li { float:left; padding: 10px 10px 0 0; }
ul#sub_nav li a { display:block; background:#999999 url(...) no-repeat left top; font: 15px Arial, Helvetica, sans-serif; text-decoration:none; } /* Use background image to control look of link button */
ul#sub_nav li a:hover { display:block; background:#999999 url(...) no-repeat left top; font: 15px Arial, Helvetica, sans-serif; text-decoration:none; } /* Use this for image/text rollover */

/*Module*/
.module_top { xwidth:100%; height:35px; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-top: 1px #CCCCCC solid; background: url(../images/top_bg.jpg) repeat-x top left; margin:0; padding:0; }
.module_top h1 { padding:5px 0 0 10px; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; }
.module_top_big { xwidth:100%; height:50px; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-top: 1px #CCCCCC solid; background: url(../images/top_bg.jpg) repeat-x top left;background-position: bottom; margin:0; padding:0; }
.module_top_big h1 { padding:5px 0 0 10px; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; }

.module_middle { xwidth:100%; border: 1px #CCCCCC solid; margin:0; padding:10px 0; }
.module_middle h1 { border-bottom: 1px solid #CCCCCC;xwidth:98%; margin: 0 10px;padding:0 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#ff6600; }
.module_middle h1 a, .module_middle h1 a:link, .module_middle h1 a:visited {color: #00aeef;font-size: 18px;}
.module_middle .huge {font-size: 28px; line-height: 20px;}
.module_middle h2 { xwidth:98%; padding:10px 0 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#ff6600; }
.module_middle h3 { xwidth:98%; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#000000; }
.module_middle p { xwidth:98%; padding:5px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#444; }
.module_middle p a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0099ff; text-decoration:none; }
.module_middle p a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0099ff; text-decoration:underline; }
.module_middle ul {xwidth:90%; list-style:outside; padding:5px 10px 10px 25px; }
.module_middle ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#444; margin-top:5px;list-style:square; }
.module_middle hr { width: 98%; color: #CCCCCC;text-align: center; height: 1px;}
.module_middle table {margin: 0 0 15px 10px;font-weight: normal;}
.module_middle td {border: 1px solid #CCCCCC;padding: 10px;}
.module_middle form { width:90%; padding:5px 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#444; }

.module_middle select { width:160px; border:#999999 1px solid; margin:5px 10px; font-size:10px;}

.module_inside_column {width: 171px; float: left;margin-left: 39px;}
.module_middle > .module_inside_column:first-child {margin-left: 0;}


.project_name { width:160px; border:#999999 1px solid; margin:5px 10px; font-size:10px;}
.center { text-align:center; }
.push_up { margin-top:-1px;}
.push_down {margin-top: 10px;}

.padding_top_bottom_20 {padding: 20px 0 20px 0;}

.gray_bg { background-color:#efefef; }

.module_bottom { width:100%; height:10px; background:url(../images/bottom_bg.jpg) repeat-x top center; margin:0; padding:0; }

.module_box { width:100%; height:50px; border: 1px #CCCCCC solid; margin:0; padding:0; }



/* UPLOAD FORM */
#upload_form .checkbox, #upload_form .upload_file, #upload_form .textarea {xborder: 1px solid black;xbackgroud-image: none;}
.upload_file {
	border: 1px solid #000;
}

#files {
	padding: 0 0 0 10px;
}



/* ************************************************************** */
/* ********** THE FOLOWING CODE IS FOR TEMPLATE TWO ************* */
/* ************************************************************** */


/* Side Navigation Bar */

ul#side_sub_nav { float:left; width:125px; padding: 0 15px; list-style:none; background:#999999 url(...) no-repeat left top;  } /* Contains the background image or color of the nav ( Width:800px | Height: Variable ) */
ul#side_sub_nav li { padding: 10px 10px 0 0; }
ul#side_sub_nav li a { display:block; background:#999999 url(...) no-repeat left top; font: 15px Arial, Helvetica, sans-serif; text-decoration:none; } /* Use background image to control look of link button */
ul#side_sub_nav li a:hover { display:block; background:#999999 url(...) no-repeat left top; font: 15px Arial, Helvetica, sans-serif; text-decoration:none; } /* Use this for image/text rollover */


#side_nav_middle ul { width:150px; margin-left:10px; list-style:none; }
#side_nav_middle li a, #side_nav_middle li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ff6600; }

#side_nav_middle .indent a, #side_nav_middle .indent a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#444; } 
#side_nav_middle .indent a:hover { color: #0099FF; }

/* Sub Body Container */

#sub_body_container { float:left; clear:right; width:585px; min-height:400px; padding: 15px 15px; postion:relative; background:#EEE url(...) no-repeat left top; overflow:hidden; } /* Add background image or color to style */


/* ************************************************************** */
/* *************** END OF TEMPLATE TWO CODE ********************* */
/* ************************************************************** */




/* Body Container - Default 15px padding */

#body_container { clear:both; width:850px; min-height:400px; padding: 0; postion:relative; background:#FFF; overflow:hidden; } /* Add background image or color to style */

/* Side Nav */

#side_nav { width:190px; padding-left:21px; float:left; margin-right: 8px; }
#side_nav p {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

#side_nav_top { width:150px; height:26px; padding-left:40px; padding-top:10px; background: url(../images/services_sub_top.jpg) no-repeat top left; }
#side_nav_top p {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight:bold;}

#side_nav_middle { width:185px; padding: 10px 0 0 5px; background: url(../images/services_sub_middle.jpg) repeat-y top left; }
#side_nav_middle p {border-top: 1px solid #ccc;margin: 0 10px 0 5px;padding: 10px 0;}
/*
#side_nav_middle > p:first-child {border-top: none;}
#side_nav_middle a, #side_nav_middle a:link, #side_nav_middle a:visited {font-weight: bold;color: #ff6600; text-decoration: none;}
#side_nav_middle a:hover, #side_nav_middle a:visited:hover {text-decoration: underline;}
*/


#side_nav_bottom { width:190px; height:18px; background: url(../images/services_sub_bottom.jpg) no-repeat top left;}


#main_body { width:611px; float:left; }

#box { width:617px; xfloat:left; clear:right; }

#box_top { xwidth:598px; height:26px; padding-left:20px; padding-top:10px; background: url(../images/box_top.jpg) no-repeat top left; }
#box_top p { font-weight:bold;}

#box_middle {  width:617px; padding: 10px 0 0 0;background: url(../images/box_middle.jpg) repeat-y top left; overflow:hidden; }

#box_bottom { width:617px; height:14px; background: url(../images/box_bottom.jpg) no-repeat top left; }



#services_box {xbackground: yellow;width:190px; height: 180px;xpadding-left: 10px; margin-right:10px 20px 10px 0; text-align:center; float:left;}
#services_box img { margin-bottom:10px;}
#services_box a, #service_box a:link, #service_box a:visited { margin-left: 50px;display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003399; text-align:center; }
#services_box a:hover { color:#0066FF;}

#intro { display:block; xwidth:585px; color:#333333; background:url(../images/rule.jpg) no-repeat top left; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:13px; line-height:20px; padding: 15px 10px 10px 0px; margin-left:5px;}


/* Module Nav w/ Orange BG */
#module_nav {width: 100%;border-right: 1px solid #ccc;border-left: 1px solid #ccc;background: #ff6600 url('../images/module_nav_bg.gif') repeat-x top;}
#module_nav ul {margin: 0 20px; padding: 5px 0; list-style:none;}
#module_nav li {margin: 0;display: inline;color: #fff;}
#module_nav li a, #module li a:link, #module li a:visited {color: #fff;}
#module_nav li a:hover, #module li a:visited:hover {text-decoration: underline;}

/* Gallery Box */
.gallery_row {
	margin: 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
}

.gallery_box {
	width: 120px;
	float: left;
	padding: 0 0 0 26px;
	margin: 0;
	border: 1px solid #ccc;
}

.gallery_box p {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

.gallery_box a,
.gallery_box a:link,
.gallery_box a:visited {
	font-weight: bold;
	color: #ff6600;
}

.gallery_box a:hover,
.gallery_box a:visited:hover {
	font-weight: bold;
	color: #ff6600;
	text-decoration: underline;
}


/* One column structure */
#one_column { float:left; width:740px; padding:15px; background:#EEE url(...) no-repeat left top; }

/* Two Column Structure - Each column is 385px wide */
#two_column_left { float:left; width:355px; padding:15px; background:#EEE url(...) no-repeat left top; }
#two_column_right { float:left; width:355px; padding:15px; background:#EEE url(...) no-repeat left top; }

/* Three Column Structure - Left & Middle column are 256px wide and the right column is 258px wide */
#three_column_left { float:left; width:226px; padding:15px; background:#EEE url(...) no-repeat left top; }
#three_column_middle { float:left; width:226px; padding:15px; background:#EEE url(...) no-repeat left top; }
#three_column_right { float:left; width:228px; padding:15px; background:#EEE url(...) no-repeat left top; }

/* Footer */
#footer { clear:both; width:820px; padding: 0 15px; postion:relative; background:#FFF url(...) no-repeat left top; overflow:hidden; }

/* Legal information, etc. */
#legal_container { width:300px; float:left;}
.legal { font:11px Arial, Helvetica, sans-serif ; color:#999999;}
.legal p {vertical-align:middle;}

#bottom_nav { width:500px; float:right; }
#bottom_nav ul { list-style:none; }
#bottom_nav li { float:right; padding-right:10px; }
#bottom_nav a {  font:11px Arial, Helvetica, sans-serif ; color:#ff6600; text-decoration:underline;}
#bottom_nav a:hover {  font:11px Arial, Helvetica, sans-serif ; color:#0066FF; text-decoration:underline;}

/* FORM */
form {border: none;}

form table,
form tr,
form td {
	margin: 5px 10px !important;
	padding: 5px !important;
	margin: 0;
	border: none !important;
	vertical-align: top !important;
}

form label {
	display: block;
	width: 150px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
form .textbox, form select {
	width: 100px;
	color: #333333;
	padding: 2px 0 0 2px;
	font-size: 12px;
	display: block;
	height: 20px;
}

form .textbox2 {
	width: 300px;
	padding: 2px 0;
	display: block;
	border: 1px solid #000;
}

form textarea {width: 300px; color: #333333;padding: 2px 0 0 2px;font-size: 14px;display: block;border: 1px solid #000;}
form a, form a:link, form a:visited {color: #00aeef; text-decoration: underline;}
form a:hover, form a:visited:hover {color: #00aeef; text-decoration: none;}
form .submit_submit_button {background-image: url('../images/submit_quote_button.jpg'); width: 136px; height: 33px; margin: 0;padding: 0;border: 0;}
form .submit_save_changes_button {background-image: url('../images/submit_save_changes.gif'); width: 142px; height: 35px; margin: 0;padding: 0;border: 0;}
form .submit_checkout_button {background: url('../images/submit_checkout.jpg') no-repeat; width: 132px; height: 32px;padding: 0;border: 0;}
form .submit_sign_in_button {background-image: url('../images/sign_in.jpg'); width: 132px; height: 32px;padding: 0;border: 0;}
form .submit_sign_up_button {background: url('../images/submit_sign_up_button.gif') no-repeat; width: 132px; height: 32px;padding: 0;border: 0;}
form .small {font-size: 9px; font-weight: normal;}
.checkbox {width: 20px;height: 20px;}

#sign_up input {width: 150px;}
#sign_up label {width: 100px;}
#upload input {}
#upload label {text-align: left;}



/* CHECKOUT TABLE */
#module_table table {padding: 0 20px;border: none;}
#module_table thead {background: #ff6600 url('../images/module_nav_bg.gif') repeat-x; font-family: Arial, Helvetica, sans-serif;padding: 0 10px;}
#module_table th {padding: 10px;color: #fff; font-weight: bold;}
#module_table tr {border-bottom: 1px solid #CCC;}
#module_table td {border: none;padding: 10px;font-family: Arial, Helvetica, sans-serif;}


/* ERROR MESSAGE */
#error_message {
	margin: 10px;
	padding: 7px 0 0 38px;
	border: 1px solid #0ac832;
	background: #fbff91 url('../images/error_warning.png') no-repeat 10px 6px;
}

#error_message p {
	color: #0ac832;
	font-size: 14px;
	font-weight: bold;
}

img.artist_picture {
	width: 200px;
}

#sample_list {
	list-style: none;
	padding: 0 14px 0 16px;
}

#sample_list li {
	display: inline;
}

#sample_list a, #sample_list a:link, #sample_list a:visited {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 0 21px 21px 0;
}

#sample_list li.no-margin a, #sample_list li.no-margin a:link, #sample_list li.no-margin a:visited {
	margin: 0 0 21px 0;
}

#sample_list img {
	width: 100px;
	display: block;
}

#mediacontour {
	float: left;
	margin: 5px 0 0;
	padding: 0 26px 0 0;
	background-image: url(../images/mc.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#mediacontour a, #mediacontour a:link, #mediacontour a:visited {
	color: #49639d;
	font-weight: normal;
}

/* CLEAR */
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE5+6/win only */
* html .clear {height: 1%;}
/* IE7/win only */
*:first-child+html .clear {min-height: 1px;}

#trade_images {
	list-style: none;
	margin: 0;
	padding: 0;
}

#trade_images li {
	display: inline;
}

#trade_images a, #trade_images a:link, #trade_images a:visited {
	display: block;
	float: left
}

#facebookLink {
	width: 29px;
	height: 33px;
}