@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0; border:0;}
/* ------------------------------------*/
/* << STYLES >>                        */
/* ------------------------------------*/

body 
	{
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EDEDED;
	line-height:12px;
	}
	
h1{
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:42px;
	font-weight:bold;
	font-variant:small-caps;
	}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#9f9f9f;
	font-size:17px;
	line-height:18px;
	font-weight:bold;
	font-variant:small-caps;
	padding:5px 0px 0px 0px;
	}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#66767e;
	font-size:15px;
	font-weight:bold;
	font-variant:small-caps;
	padding:18px 0px 18px 0px;
	
	}

p{
	font:Arial, Helvetica, sans-serif;
	color:#66767e;
	font-size:12px;
	line-height:18px;
	padding:0px 0px 18px 0px;
	border-bottom-style:solid;
	border-bottom-color:#b5c9d3;
	border-bottom-width:thin;
	}
	
a{color:#329bd0;}
	
img
	{
	margin:6px;
	
	}

.blue
	{
	color:#329bd0;
	font-weight:bold;
	}

.yellow
	{
	color:#fab71f;
	}

.lightGrey
	{
	color:#CCCCCC;
	}

 

/* - top navigation*/
.navButtons
	{
	float:right;
	padding:0px 0px 0px 30px;
	color:#464748;	
	}
		a.navButtons:link{
		text-decoration:none;		
		}
		a.navButtons:visited{
		text-decoration:none;
		}
		a.navButtons:hover{
		text-decoration:none;
		/*color:#fab71f;*/
		color:#329bd0;;
		}
		a.navButtons:active{	
		text-decoration:none;
		}
	
	
/* - back to top*/
.backToTop
	{
	font-size:9px;
	font-weight:bold;
	color:#464748;

	}

		a.backToTop:link{
		text-decoration:none;		
		}
		
		a.backToTop:visited{
		text-decoration:none;
		}
		a.backToTop:hover{
		text-decoration:none;
		color:#fab71f;
		}
		a.backTotop:active{	
		}
		
		

		
/* ------------------------------------*/
/* << caption styling >>               */
/* ------------------------------------*/
/* caption styling*/
.caption-top, .caption-bottom 
	{
	color:#FFFFFF;
	padding: 1px;	
	font-weight: bold;
	font-size: 9px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	}
.caption-top 
	{
   border-width: 0px 0px 0px 0px;
	}
.caption-bottom 
	{
   border-width: 0px 0px 0px 0px;
	}
.caption a, .caption a 
	{
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0;
	}
.caption a:hover, .caption a:hover 
	{
	background: #202020;
	}
.caption-wrapper 
	{
	float: left;
	}
br.c { clear: both; }




/* ------------------------------------*/
/* << LAYOUT >>                        */
/* ------------------------------------*/


/* - pricing tables */

.pricecol			
	{ width:128px; }

table 				
	{
	margin-top:15px;
	border-collapse:collapse;
	border-color:#999999;
	width:100%;
	padding:10px;
	font-size:12px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
td	
	{ border: 1px solid ccc#; padding:5px;  }
	td:hover {color:#666;}
	
th 
	{
	text-align:center;
	padding:0px 8px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
	

.print-size{ text-align:left; font-weight:bold; }
.canvas-stretched-frame {text-align:right; }
.loose-canvas-print {text-align:right;}
.mounted-gloss-print{text-align:right;}
.box-frame{text-align:right;}
.loose-glossy-print {text-align:right;}
.dimensions{
	text-align:center;
	font-size:10px;
	color:#999999
}
	
	
	
	
	
/* - container*/
#mainWrapper 
	{ margin:0px auto 0px auto; width:1016px;}

#middleWrapper
	{
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	width:950px;
	background-image:url(../images/elements/theWall-logo.png);
	background-repeat:no-repeat;
	}


/* - Shadows*/
#shadowLeft
	{
	background-image:url(../images/elements/shadow-left.jpg);
	width:32px;
	height:450px;
	float:left;
	}

#shadowRight
	{
	background-image:url(../images/elements/shadow-right.jpg);
	width:32px;
	float:right;
	height:450px;
	float:right;
	}

/* - Header Area*/

#versionNum
	{
	padding:15px 0px 0px 13px;
	float:left;
	font-size:8px;
	color:#464748;
	}

#socialNetworks
	{
	padding:0px 13px 0px 0px;
	float:right;
	font-size:8px;
	color:464748;
	
	}

#logo
	{
	position:absolute;
	padding-left:13px;
	overflow: visible;
	left: 179px;
	top: 5px;
	}

/* - navigation*/
#navArea
	{
	
	height:87px;
	width:924px;
	margin:0px auto 0px auto;
	padding:30px 0px 0px 0px;
		
	}

#mainNavigation
	{
	font-size:9px;
	font-weight:bold;
	float:right;
	margin:58px 0px 0px 0px;
	background-color:#e1f0f8;
	letter-spacing: 0.68px;
	}

/* - Body*/
#aboutUs
	{
	margin:15px auto 0px auto;
	width:924px;
	font-size:9px;
	font-weight:bold;
	color:#464748;
	line-height:12px;
	
	}

#copyright
	{
	font-size:8px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#464748;
	letter-spacing:.7px;
	line-height:12px;
	left: 894px;
	top: 127px;
	float:right;
	}
#headings
	{
	background-color:#ccc;
	height:75px;
	border-bottom-style:solid;
	border-bottom-color:#999999;
	border-bottom-width:thin;
	}
#pricingDescription
{
 padding-left:175px
}
#contactDescription
{
padding-left:320px;
}
#faqDescription
{
padding-left:120px;
}
#contentArea
{
background-color:#c3e2f1;
border-top-style:solid;
border-top-color:#FFFFFF;
border-top-width:thin;
padding:0px 20px 20px 20px;
}

/* ------------------------------------*/
/* << ARTWORK AREA >>                  */
/* ------------------------------------*/

/* - Artwork*/
#artworkArea
	{
	margin:5px auto 0px auto;
	width:936px;
	}

/*-Contact Us, FAQs, orderForm, pricing-*/
#contentWrapper
{
	width:924px;
	margin:0px auto 0px auto;
	
	
	}

/* - Back to Top*/
#backToTop
	{
	margin:15px auto 15px auto;
	width:924px;
	}
	
#backToTopBar
	{
	background-image:url(../images/elements/yellow-lines.gif);
	background-repeat:repeat-x;
	width:850px;
	height:11px;
	float:left;
	margin-right:10px;
	}
	
/*-Bottom-*/

#bottom{
	background-image:url(../images/elements/theWall-logo.png);
	height:124px;
	position:absolute;
	}


/* ------------------------------------*/
/* << CAPTIONS >>                         */
/* ------------------------------------*/

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
/*.caption-wrapper {
	float: left;
}*/
br.c { clear: both; }


/* RollOver popup */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	display:none;
	color:#fff;
	}
	
/* ------------------------------------*/
/* << CONTACT FORM >>                         */
/* ------------------------------------*/	
#contactform { margin:0; padding:20px 10px 0 0; height:230px; }
#contactform * { color:#F00; }
#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 100px; clear:both; }
#contactform label {
	margin:0;
	width:100px;
	display:block;
	padding:10px 0;
	color:#9a9a9a;
	font:normal 12px Georgia, "Times New Roman", Times, serif;
	text-transform:capitalize;
	float:left;
}
#contactform label span { color:#F00; }
#contactform input.text { width:320px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea {
	width:320px;
	border:1px solid #e1e1e1;
	margin:2px 0;
	padding:2px;
	background:#fff;
	float:left;
}
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
.response {color:#F00;}

