/* -------------------------------------------------------------------------
Style sheet for Olympic Canvases (http://www.olympiccanvases.com)

Site design and build by Matt Williams MA (http://www.kraaft.com)
mailto:matt@kraaft.com 

Last Update: March 03 2009


------------------------------------------------------------------------- */



body{
font:100%/1.5em Arial, Tahoma, "Trebuchet MS", Verdana;
font-weight: normal;
/*background: #DDD;*/
}

/* typography DO NOT EDIT HERE
---------------------------------------------------*/

/* browser default text size = 16px */

p.size18px {
     	font-size: 1.125em; /* 18px (16 x 1.125 = 18) */
	margin: 1em 0; /* 18px (18 x 1 = 18) */ }

p.size17pxPurple {
     	font-size: 1.0625em; /* 15px (16 x 0.9375 = 15) */
	line-height: 1.1em;
	color: #77408c; }
p.size17pxPurpleSub {
     	font-size: 1.0625em; /* 15px (16 x 0.9375 = 15) */
	line-height: 1.1em;
	color: #77408c; margin-top: 0;}
p.size15px {
     	font-size: 0.9375em; /* 15px (16 x 0.9375 = 15) */
	line-height: 1.2em; }
	
p { color:#5f5f54;
     	font-size: 0.875em; /* 14px (16 x 0.875 = 14) */
	margin: 1.286em 0; /* 18px (14 x 1.286 = 18) */ 
	line-height: 1.2em;}

p.size13px {
     	font-size: 0.8125em; /* 13px (16 x 0.8125 = 13) */
     	line-height: 1.2em;
}

.printstyles p.size13px, .canvasstyles p.size13px {
     	padding-right: 125px;
}


p.size12px {
line-height:1.5em;
     	font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
	margin: 1.5em 0; /* 18px (12 x 1.5 = 18) */ }

p.size11px {
     	font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
	margin: 1.6363em 0; /* 18px (11 x 1.6363 = 18) */ }
	
	
	p.size10px {
	color:#0b7e9a;
	line-height:1.5em;
     	font-size: 0.625em; /* 11px (16 x 0.6875 = 11) */
	margin: 1.8em 0; /* 18px (11 x 1.6363 = 18) */ }
	
	
	p.top15px {
     	font-size: 0.9375em; /* 15px (16 x 0.9375 = 15) */
	line-height: 1.2em; 
	padding-right:110px;}
p.top12px {
line-height:1.2em;
     	font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
     	padding-right:110px;
     	margin-bottom: 30px;
}
	
	ul.indexlist{
	font-size: 14px;
	line-height: 1.25em;
	padding-left: 20px;
	color: #FFF;
	padding-bottom: 20px;
	margin-top: 10px;
	}
	
	.indexlist li{
		background: #72725b;
	padding: 4px 15px 4px 15px;
	margin: 3px;
	width: 230px;
	}
	
	
	h1{
	text-indent: -5000em;

	height: 109px;
	margin-top: 57px;
	}
	
	h2{
	font-size: 1.5em;

	color: #662a82;
	}
	h4{
	margin-top:10px;
	font-size: 1.5em;

	color: #662a82;
	}
	.prices h4{

	float: left;
	}
	
	.wedding_canvas{
	padding-left: 25px;
	}
	
	.wedding_canvas ul{
	font-size: 15px;
	padding-left: 20px;
	color: #FFF;
	
	}
	.wedding_canvas li{
	background: #a6b6df;
	padding: 2px 15px 2px 15px;
	margin: 3px;
	width: 230px;
	}
	
	p.wedprice{
	color: #613474;
	padding-right: 80px;
	}
	.wedding_canvas h3{
	margin-top: 35px;
	background: url(../images/h3_wedding.jpg) no-repeat;
	text-indent: -5000px;
	width: 273px;
	height: 58px;
	}
	
	
	
em{	color: #662a82;}
	.home h1{
background: url(../images/h1_home.gif) no-repeat;
	}
		.printstyles h1{
background: url(../images/h1_printstyles.gif) no-repeat;
	}
			.canvasstyles h1{
background: url(../images/h1_canvasstyles.gif) no-repeat;
	}
				.prices h1{
background: url(../images/h1_prices.gif) no-repeat;
height: 81px;
	}
	.largeformat h1{
background: url(../images/h1_largeformat.gif) no-repeat;
height: 110px;
	}
		.friends h1{
	background: url(../images/h1_friends.gif) no-repeat;
	height: 88px;
	}
	.contact h1{
	background: url(../images/h1_contact.gif) no-repeat;
	height: 37px;
	}
		.thankyou h1{
	background: url(../images/h1_thankyou.gif) no-repeat;
	height: 44px;
	}
	
	.home p.size15px, .home p.size13px, .printstyles p.size15px{
	padding-right: 110px;
	}
	.canvasstyles .extra_left_content{
	padding-top: 30px;
	}

	
	h6{
	font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
	margin: 0;
	font-weight: normal;
	}
	.prices h6{
		font-size: 1.1255em; /* 12px (16 x 0.75 = 12) */
	margin: 0;
	margin-top: 20px;
	font-weight: normal;
	}

	
	h7{
	font-size: 1.125em;
	}
	
	p.address_details{
	padding: 0;
	margin: 0;
	font-size: 0.75em; /* 12px (16 x 0.75 = 12) */
	color: #2a2a2a;
	line-height: 1em;
	
	}
	p.company_info{
	margin-top: 44px;
	color: #60604b;
	font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
	padding-right: 70px;

	}
	
	.extra_left_content a:link, .extra_left_content a:visited{
color: #a060bb;
text-decoration: none;
border-bottom: 1px solid #86867a;
}
.extra_left_content a:hover, .extra_left_content a:active{
color: #60604b;
}
	
	
	a:link.back_to_top {
	margin-top: 30px;
	float: right;
	font-size: 14px;
	background: #e5e8f4;
	color: #60604b;
	padding: 6px 8px;
	text-decoration: none;
	}
	a:hover.back_to_top{
	background: #f3e9f9;
	}

.wrapper{
width: 960px;
margin: 0 auto;


}

.body_content{
float: left;
background: url(../images/rightblocks.gif) no-repeat right top;
}

.left_column{
float: left;
width: 405px;
}

.image_container{

padding-top: 57px;
height: 228px;
background: url(../images/frameleft.gif) no-repeat 0 32px;
}
.image_container img{
float: left;
}
ul#portfolio {

height: 285px !important;
float: left;
}
#imageframebottom{
width: 100%;
float: left;clear: both;
height: 17px !important;
background: url(../images/frameright.gif) no-repeat right bottom;
}
.right_column{
width: 555px;
float: left;
}

.range{
margin-top: 45px;
border-top: 1px solid #d2d2c8;
padding-top: 35px;

}
.range h2{
padding-left: 27px;
margin-bottom: 10px;
}

#rangemessage{
background: #e5e8f4;
padding: 27px;
}
#rangemessage p{
padding-right: 110px;
margin: 0;
color: #662a82;
font-size: 1.125em;
font-weight: normal;
line-height: 1.2em;
}

.secondarylinks{
padding-left: 27px;
padding-top: 5px;
border-bottom: 15px solid #e5e8f4;
padding-bottom: 25px;
}
.secondarylinks ul{
font-size:0.875em;
}
.secondarylinks ul a:link, .secondarylinks ul a:visited{
color: #282823;
text-decoration: none;
border-bottom: 1px solid #b28fc2;
}
.secondarylinks ul a:hover, .secondarylinks ul a:active{
color: #b28fc2;

}
img.bordersizing{
margin: 15px 0 25px 0;
}


#header{
border-bottom: 1px solid #d2d2c8;
padding-bottom: 2px;
}
#time_section{
background: #FFF;
height: 49px;
padding: 0;
margin: 0;
}

#clock{
float: right;
height: 49px;
}

#main_logo{
float: left;
width: 235px;
}
#main_logo a{
text-decoration: none;
}
#nav_wrapper{
margin: 0;
padding: 0;


}
#main_nav{
float:left;
list-style: none;
 margin: 0; 
 padding: 0;
 font-size: 0.8125em; /* 14px (16 x 0.875 = 14) */
 margin-top: 91px;
 margin-left: 70px;
}


#main_nav li{
margin-top: 0;
padding-top: 0;

float: left;
}

#main_nav li a, #main_nav li a:visited{
padding-left: 8px;
padding-right: 8px;
margin: 0 4px 0 0;
display: block;
text-decoration: none;
color: #60604b;
}

#main_nav li a:hover, #main_nav li a:active{
background: #e5e8f4;
}
#main_nav li a.activepage{
background: #f0e9f3;
}

.clear{
clear: both;
}
#footer{
margin-top: 50px;
}
#footer_content{

padding-top: 38px;
	padding-bottom: 20px;
margin-left: 315px;
width: 645px;
border-top: 10px solid #bfb7c8;
border-bottom: 10px solid #bfb7c8;
}

#footer_left{
float: left;
width: 250px;
}

#footer_right{
float: left;
width: 395px;

}

#footer a:link, #footer a:visited{
color: #a060bb;
text-decoration: none;
border-bottom: 1px solid #86867a;
}
#footer a:hover, #footer a:active{
color: #60604b;
}

.banner_wrapper a:link, .banner_wrapper a:visited{
color: #a060bb;
text-decoration: none;
border-bottom: 1px solid #86867a;
}
.banner_wrapper a:hover, .banner_wrapper a:active{
color: #60604b;
}

p.kraaft{

position: relative;
margin-top: 50px;

margin-left: 565px;
font-size: 0.625em;
}
p.kraaft img{
position: absolute;
top: -2px;
}
#footer p.kraaft a{
text-decoration: none;
border-bottom: none;
}


#terms{
margin-top: 500px;
padding-top: 100px;
margin-left:565px;
font-size: 0.625em;
line-height: 1.3em;
padding-bottom: 100px;

}

#terms h7{
color: #9f94ab;
}

#terms ul{
margin-top: 10px;
}
#terms li{
color: #bfb7c8;
margin-bottom:10px;
}

.sec_nav_wrapper{
width: 555px;
float: left;
padding-bottom: 50px;
border-bottom: 1px solid #e6e6e6;
}
#sec_nav{
float:left;
list-style: none;
 margin: 0; 
 padding: 0;
 font-size: 0.875em; /* 14px (16 x 0.875 = 14) */

}
.prices #sec_nav{
border-top: 3px solid #77408c;
border-bottom: 3px solid #77408c;
padding: 10px 0;
}


#sec_nav li{

margin-top: 0;
padding-top: 0;

float: left;
}
#sec_nav li.sep{
margin-left: 20px;
}
#sec_nav li a, #sec_nav li a:visited {
padding-left: 8px;
padding-right: 8px;
margin: 0 4px 0 0;
display: block;
text-decoration: none;
color: #60604b;
background: #e5e8f4;
border:1px solid #e5e8f4;
}

#sec_nav li a:hover, #sec_nav li a:active {
border:1px solid #e5e8f4;
background: #FFF;
}

.prices #sec_nav li a,.prices #sec_nav li a:visited{
color: #000;
}

.example_wrapper{
padding-top: 38px;
padding-bottom: 15px;
float: left;

}
.example_wrapper h2{
margin-top:10px;
}
.example_wrapper p.size13px{
margin:3px 0 0 0;
padding-right: 100px;
}
.example_wrapper .leftside{
width: 450px;
float: left;
}
.example_wrapper .leftside img{
border: 1px solid #ebebeb;
}
.example_wrapper .rightside{
float: left;
}
.example_wrapper .rightside a:link.back_to_top {
margin-top: 249px;
}


.extra_left_content{
width: 305px;
margin-left: 20px;

}
.extra_left_content h3{
text-indent: -5000px;

}
.extra_left_content h3#matched_canvas{
margin-top: 60px;
background: url(../images/h3matched_canvas.gif) no-repeat;
height: 60px;

}
.extra_left_content h3#your_choice{
margin-top: 60px;
background: url(../images/h3your_choice.gif) no-repeat;
height: 31px;
}
.extra_left_content h3#your_canvas{
margin-top: 10px;
margin-bottom: 30px;
background: url(../images/h4_yourcanvas.gif) no-repeat;
height: 59px;
}

#time{
float: right;
}

.finish_wrapper{
padding-top: 58px;
padding-bottom: 35px;
float: left;
border-bottom: 5px solid #e6e6e6;
}
.prices .finish_wrapper{
padding-top: 28px;
}
.finish_wrapper h2{
margin-left: 240px;
margin-top:10px;
}
.finish_wrapper p.size13px{
margin:3px 0 0 240px;

}
.finish_wrapper .leftside{
width: 450px;
float: left;
}
.finish_wrapper .leftside img{

}
.finish_wrapper .rightside{
float: left;
}
.finish_wrapper .rightside a:link.back_to_top {
margin-top: 278px;
}

.prices .finish_wrapper .rightside a:link.back_to_top {
margin-top: 246px;
}
.finish_wrapper .section{
padding-right: 50px;
}
p.size13px#screws{
padding-bottom: 75px;
	background: url(../images/screws.jpg) no-repeat right bottom;
	}
	h4#last{
margin-top: 50px;

	}
	.prices h4{
	padding-left: 10px;
	padding-bottom: 10px;
	}
	.prices h4.other{
margin-top: 50px;
	}
	.prices .extra_left_content{
	padding-top: 30px;
	}
	.prices .extra_left_content table{
	float: left;
	width: 100%;
	margin-top: 10px;

	}
	tr{
	background: #f0e9f3;
	
	}
	tr.alt{
	background: #e5e8f4;
	}
	
	th{
	font-size: 0.875em;
	padding: 3px 10px;
	background: #FFF;
	height: 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
color: #662a82;

	}
	
	td{
border-top: 5px solid #FFF;
	padding: 2px 10px;
	font-size: 0.75em;
	}
	td.first{
	width: 80px;
	}
.smallprint{
text-align: center;
margin-top: 4px;

font-size: 0.6875em; 
}
	
p.size13pxBoxed {
float: left;
border: 1px solid #CCC;
padding: 10px;
     	font-size: 0.8125em; /* 13px (16 x 0.8125 = 13) */
     	line-height: 1.2em;
}
h4#delivery{
margin-bottom: 0;
}

ul#delivery{
line-height: 1.2em;
float: left;
}

ul#delivery li{
background: url(../images/bullet.gif) no-repeat 15px 11px;
padding: 10px 10px 10px 40px;
border-bottom: 1px solid #CCC;
}

ul#delivery li.topline{
border-top: 1px solid #CCC;
}
ul#three_steps{
margin-top: 40px;
}
ul#three_steps p{
margin-top: 6px;
line-height: 1.3em;
font-size: 0.75em;

}
ul#three_steps li{
margin-right: 110px;
border-top: 1px solid #e6e6e6;
padding-top: 10px;
padding-bottom: 30px;
}

#file_upload_iframe{
background-color:#808080;
overflow:hidden;
display:block;
width : 400px;
height: 260px;
}
#file_upload_body{
background-color:#f0e9f3;
}
#paypal{
padding: 50px 40px;
border:3px solid #f0e9f3;
width : 294px;
height: 134px;
text-align: center;
}

h4.maincolumn{
padding-left: 0;
}
input{
text-align: center;
}
input#inbox{
margin-bottom: 20px;
}
#submit{
margin-bottom: 20px;
}

#fname{
background-color:#f0e9f3;
}
.banner_wrapper{
padding-top: 50px;
padding-bottom: 40px;
border-bottom: 1px solid #e6e6e6;
}

.banner_wrapper .leftside{
width: 276px;
float: left;
}
.banner_wrapper .rightside{
width: 274px;
float: left;
}

.banner_wrapper ul{
font-size: 0.75em;
}
.banner_wrapper ul li{
background: url(../images/bullet.gif) no-repeat 15px 50%;
padding: 1px 0 1px 40px;
}

.banner_wrapper a:link.back_to_top{
margin-top: 20px;
	border-bottom: none;
}

.black{
color: #000;
}

.banner_wrapper#portable ul{
margin-top: 20px;
}

#how_to_order{
padding-top: 30px;
padding-bottom: 30px;
float:left;
padding-right: 110px;
border-bottom: 10px solid #ebebeb;
}
#how_to_order a:link, #how_to_order a:visited, ul#three_steps a:link, ul#three_steps a:visited, .contact .right_column a:link, .contact .right_column a:visited, .thankyou .right_column a:link, .thankyou .right_column a:visited{
color: #a060bb;
text-decoration: none;
border-bottom: 1px solid #86867a;
}
#how_to_order a:hover, #how_to_order a:active, ul#three_steps a:hover, ul#three_steps a:active, .contact .right_column a:hover, .contact .right_column a:active, .thankyou .right_column a:hover, .thankyou .right_column a:active{
color: #60604b;
}
	#footer h6{	
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	color: #bfb7c8;
	line-height: 1em;
	margin-bottom: 2px;
	}
.contact .right_column p{
color: #000;
}

.desc_wrapper{
border-top: 2px solid #662a82;
margin-top: 30px;
}

.largeformat h5{
margin-top: 20px;
font-size: 1em;
line-height: 1em;
color: #662a82;
}

p.popup_desc{
padding-right: 20px;
line-height: 1.2em;
margin: 0;
margin-top: 10px;
font-size: 0.75em;
}

.home .extra_left_content{
padding-top: 50px;
width: 250px;
padding-left: 25px;

}

table{
margin-left: 40px;
}

.home .extra_left_content a.imagelink:link, .home .extra_left_content a.imagelink:visited{
border-bottom: none;
}

dl{
padding-top: 30px;
width: 400px;
margin-top: 40px;
border-top: 1px solid #ccc;
font-size: 0.875em;
}

dt{
padding:0;
padding-bottom: 5px;
margin: 0;
line-height: 1em;
}
dd{
line-height: 1em;
padding: 0;
margin: 0;
padding-bottom: 15px;
}
dl a:link, dl a:visited{
color:#77408c;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
dl a:hover, dl a:active{
color:#000;
text-decoration: none;
border-bottom: 1px solid #77408c;
}