/* 
	CSS Document created for Hallmark / DE School Clipart Branding
	07.14.09
	school.discoveryeducation.com/clipart/
 	**w450 and w600 adjust layouts for the 2 respective clipart content widths
	**w600 will drop the 3rd tower ad column
 */

html, body {margin:0; padding:0;}/*temp*/

/*base*/
#hallmark-clipart-base {width:970px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; background:#fff;}

/*header - positioning*/
#hallmark-header {padding-bottom:12px;border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline; position:relative;}

/*column styles*/
.hallmark-col1, .hallmark-col2, .hallmark-col3, hallmark-col {float:left;/* border:1px #ff0000 dotted;*/ padding-right:8px;}
.w450 .hallmark-col1 {width:440px; padding-left:10px;} .w450 .hallmark-col2 {width:335px;} .w450 .hallmark-col3 {width:160px; padding-right:0;}
.w600 .hallmark-col1 {width:600px; padding-left:10px;} .w600 .hallmark-col2 {width:335px;} 


/*Create and Inspire block styles*/
#create-inspire {background:url(createAndInspire.jpg) no-repeat; width:335px; height:343px;}
#create-inspire .callout1 {padding:100px 0 0 5px; line-height:16px;}
#create-inspire a {display:block; width:308px; margin:9px 0 0 19px; padding:0 0 0 17px; background:url(hallmark-arrow.jpg) no-repeat; font-size:12px; color:#4d83d2; text-decoration:none; font-weight:bold;}
#create-inspire a:hover {background-position: 0 -40px; text-decoration:underline; color:#6a519f;}

#create-inspire span {display:block; width:308px; margin:9px 0 0 19px; padding:0 0 0 17px; background:url(hallmark-arrow.jpg) 0 -40px no-repeat; font-size:12px; color:#333; text-decoration:none; font-weight:bold;}

#get-started-el {margin:8px 12px 0 0; text-align:right;}
#get-started-el a { display:inline; font-size:16px; padding:0 17px 0 0; background-position: right 0px;}
#get-started-el a:hover {font-size:16px; text-align:right; background-position: right -40px;}


/*add styles*/
#hallmark-ad-block, #hallmark-ad-tower {padding-top:8px;}

/*sponsored links*/
.sponsored-links {display:block; padding:18px 0 3px 0; font-size:12px;}
.w450 .sponsored-block {width:500px;}
.w600 .sponsored-block {width:335px;}

/*Add This positioning -- ***may not be needed*/
#hallmark-addThis { height:18px;}

.clear {clear:both;}