body { margin: 0px; padding: 0px; font-family: helvetica, arial, sans-serif; font-size: 100%; background: #0D93CB;}
div, dd, dl, dt, fieldset, form, h1, h2,  h3, h4, img, p, ul {
	margin: 0;
	border: 0;
	padding: 0;
	white-space: normal;
	vertical-align: middle;
	margin-left: inherit;
}
div.clearfloats {clear:both;}

#mainwrap{margin-left : auto; margin-right : auto; padding: 0px;	width: 940px;}

/*********** Top Section ***************/

#top { background :  url(images/bg.png) repeat-x; width : 100% ;height : 399px; padding : 0px ; margin : 0px;}

#logo {width : 994px; height: 84px; margin : 0px; padding : 0px;  margin-left : auto; margin-right : auto;}
#logo p{margin : 0px; padding : 5px 10px ;  text-align: right; float: right; font-size: 0.75em; color: #0B59B7;}
#logo img{margin : 0px; padding : 0px;  float: left;}

#logo a {text-decoration: underline;color: #ED008C;}
#logo a:hover {text-decoration: none;color: #fff;background: #ED008C}

#nav {width : 994px ; margin : 0px; padding : 0px;  height: 37px;margin-left : auto; margin-right : auto;}

div#menu {height: 37px;overflow: hidden;	font-size : 0.8em; width:994px; float: left;}
div#menu ul {height: 37px;margin: 0;	padding:  0;	}
div#menu li {height: 37px;list-style-type: none;	margin: 0;padding: 0;	float:left;}
div#menu li a {height: 37px;display: block;margin: 0;padding: 9px 7px 0px 7px;text-decoration: none;	color: #fff;float:left;font-weight: 700;}
div#menu li a:hover, div#menu li a.current {background: #0B59B7;		color: #fff !important;	}

div#menu li.end {height: 37px;list-style-type: none;	margin: 0;padding: 0;	float:left;}
div#menu li.end a {height: 37px;display: block;margin: 0;padding: 9px 7px 0px 7px;text-decoration: none;	color: #fff;float:left;font-weight: 700;}
div#menu li.end a:hover, div#menu li.end a.current {background: #0B59B7;		color: #fff !important;	}

div#menu li.divider {height: 37px;list-style-type: none;	margin: 0;padding: 9px 4px 0px 4px;	color: #fff;float:left;}


div#promo {width : 994px; height: 278px; padding : 0 ; margin: 0; margin-left : auto; margin-right : auto;}
div#promoleft {width : 727px; height: 278px; padding : 0 ; margin: 0; float: left;}
div#promoleftpic {width : 200px; height: 278px; padding : 0 ; margin: 0; float: left;}
div#promoleftpic img{margin : 0px; padding : 25px 0 10px 15px; float : left;}
div#promoleftcopy {width : 527px; height: 278px; padding : 0 ; margin: 0; float: left;}
div#promoleftcopy h1 { margin : 0px; padding : 20px 0 10px 20px; font-size : 22px; 
color: #fff; }
div#promoleftcopy p { margin : 0px; padding : 0px 20px 0 20px; color: #fff; text-align : justify; line-height : 1.5;font-weight: 700; font-size: 15px;;
}
div#promoleftcopy img{margin : 0px; padding : 21px 0 0 0; float : left;}
.userguide {margin : 0px; padding : 0 0 0 100px; float : left;}
div#promoright {width : 261px; height: 250px; padding : 20px 0 0 0 ; margin: 0; float: left; background :  url(images/123.gif);}
div#promoright h3 { margin : 0px; padding : 0px 0 5px 0px ; font-size : 1.9em; color: #fff; }
div#promoright img{ padding : 0; margin: 10px 0 0 50px; border: 0;float: left;}
div#promoright img a{border: 0;  text-decoration : none; padding : 0px; margin: 0; float:left;}
div#promoright img a:hover{text-decoration : none; padding : 0; margin: 0; border: 0;}

.promo1 {width : 169px; height: 38px; padding : 5px 0 ; margin: 10px 20px 0 70px; float: left; font-size: 0.7em; color: #ccc; font-weight: 700;line-height: 1.0em;}
.promo2 {width : 261px; height: 39px; padding : 5px 0 ; margin: 0; float: left;}


/*********** Mid Section ***************/

div#mid { background : #fff; width : 100% ;padding : 0px 0;}

.midbar {
	float:left;
	width: 980px;
	margin: 10px 0 20px 0;
}

.midbarleft {
	float:left;
	width: 600px;
    margin-left: 120px;
	text-align:center;
}

.midbar a {text-decoration:none;}
.midbar a:hover {margin : 0px; padding: 0; text-decoration: underline;}

.midbarright {
	float:right;
	width: 190px;
}

.magenta {color: #ED008C;}
.contenthome {width : 994px; margin-left : auto; margin-right : auto; padding :  0 0 20px 0; }
.contenthome h3 { margin : 0px; padding : 5px 0 10px 10px ; font-size : 1.3em; color: #0B59B7; }
.contenthome a{
	margin : 0px;
	padding: 0;
	text-decoration: none;
	color: #0B59B7;
	text-align: center;
}
.contenthome a:hover{ margin : 0px; padding: 0; text-decoration: underline ;color: #0B59B7; }
.box {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background: #F2F0F1;border: #999 1px solid; float: left;}
.poster {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/poster-home.gif); border: #999 1px solid; float: left;}
.greetings {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/card-home.gif); border: #999 1px solid; float: left;}
.banner {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/banner-home.gif); border: #999 1px solid; float: left;}
.yearbooks {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/school-home.gif); border: #999 1px solid; float: left;}
.photobooks {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/photobook-home.gif); border: #999 1px solid; float: left;}
.calendars {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/calendar-home.gif); border: #999 1px solid; float: left;}
.wedding {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/wedding-home.gif); border: #999 1px solid; float: left;}
.canvas {width : 215px; height: 160px; margin: 0 15px ; padding :  0 ; background :  url(images/canvas-home.gif); border: #999 1px solid; float: left;}

#content1 {width : 994px; margin-left : auto; margin-right : auto; padding : 0px; background: #fff;}
#content1 h1 { margin : 0px; padding : 0px 0 10px 0px ; font-size : 1.2em; color: #0B59B7; }
#contentleft1 {width : 464px ; margin : 0px; padding : 0px 0 0 15px ; float : left; }
#contentright1 {width : 460px ; margin : 0px; padding : 0px 0 0 30px; float : left; }

#content1 img{ padding : 0; margin: 10px 0 0 10px;}
#content1 img a{border: none;  text-decoration : none; padding : 0px; margin: 0;}
#content1 img a:hover{text-decoration : none; padding : 0; margin: 0; border: none;}

.prices {width : 360px ; margin : 0px; padding : 10px 0 0 0px; float : left;font-size : 1.0em; text-align: left;background: #E0EFF5;}
.prices1 {width : 80px ; margin : 0px; padding : 0px 0 0 20px; float : left; }
.prices2 {
	width: 48px ;
	margin : 0px;
	padding : 0px 0 0 20px;
	float : left;
}
.prices3 {width : 80px ; margin : 0px; padding : 0px 0 0 20px; float : left; }

.prices4 {width : 40px ; margin : 0px; padding : 0px 0 0 20px; float : left; }
.prices5 {width : 120px ; margin : 0px; padding : 0px 0 0 20px; float : left; }
.prices6 {width : 130px ; margin : 0px; padding : 0px 0 0 20px; float : left; }
.prices7 {width : 100px ; margin : 0px; padding : 0px 0 0 20px; float : left; }

.pricescal {width : 270px ; margin : 0px; padding : 5px 0 0 0px; float : left;font-size : 0.75em; text-align: left;background: #E0EFF5;}
.pricescal2 {width : 270px ; margin : 0px; padding : 5px 0 0 0px; float : left; text-align: left;background: #E0EFF5;}


.pricestopcal {width : 270px ; margin : 10px 0 0 0; padding : 5px 0 0 0px; float : left;font-size : 1.0em; font-weight: 700;text-align: left;background: #E0EFF5;}
.pricestopcal2 {width : 270px ; margin : 10px 0 0 0; padding : 5px 0 0 0px; float : left;font-size : 0.75em; font-weight: 700;text-align: left;background: #E0EFF5;}
.priceslow {width : 360px ; margin : 0px 0 0 0; padding : 5px 0 5px 0px; float : left;font-size : 0.7em; text-align: center;background: #E0EFF5;}

#discountsouter {width : 350px ; margin :0 ; padding :   10px 10px; float : left;background: #fff;}
#discounts {width : 350px ; margin : 0; padding : 10px 0 10px 0px; float : left;font-size : 0.7em; background: #E0EFF5;}
.discounts1 {width : 60px ; margin : 0px; padding : 0px 0 0 10px; float : left; }
.discounts2 {width : 120px ; margin : 0px; padding : 0px 0 0 10px; float : left; }

h2 { margin : 0px; padding : 0px 0 10px 0px ; font-size : 1.2em; color: #0B59B7; }


h4 {
	margin : 0px;
	padding : 10px 0 10px 10px;
	font-size: x-large;
	color: #0B59B7;
	text-align: left;
}

.h4center {
	margin : 0px;
	padding : 10px 0 10px 10px;
	font-size: x-large;
	color: #0B59B7;
	text-align: center;
}

#content1 p { margin : 0px; padding : 0px 0 0 0px ; font-size : 0.8em; color: #000; text-align : justify; line-height : 1.4;}
#content1 a { text-decoration : underline; color: #ED008C;}
#content1 a:hover { text-decoration : none; color : white; background: #ED008C;}

#contentright1 img{margin : 0px; padding : 14px 0 10px 0px; float : left;}

#content2 {width : 994px; margin-left : auto; margin-right : auto; padding : 0px; background: #fff;}
#contentleft2 {width : 564px ; margin : 0px; padding : 0px 0 0 15px ; float : left; }
#content2 p { margin : 0px; padding : 0px 0 0 0px ; font-size : 1.0em; color: #000;  line-height : 1.4;}
#contentright2 {width : 360px ; margin : 0px; padding : 0px 0 0 30px; float : left; }
#contentleft2 img{margin : 0px; padding : 0; float : left;}
.getstarted {margin : 0px; padding : 30px 0 0 150px; float : left;}

.getstarted2 {margin : 0px; padding : 100px 0 0 50px; float : left;}

.contentcal {width : 994px; padding : 0px 0 20px 0 ; margin: 0;background: #fff;}
.contentcal1 {width : 250px; margin : 0; padding : 0px 20px 0 0 ; float: left;}
.contentcal2 {width : 400px; margin : 0; padding : 0px 20px 0 0; float: left;}
.contentcal3 {width : 282px; 
margin : 0; padding : 0px; float: left;
}


.list { padding : 0px 0 0 20px;  font-size: 1.0em; color : #000;}
.list ul  { margin : 10px 10px 0 0px; }
.list li  {list-style-type : disc; padding : 0px; margin :  0px 0 4px 0;}

.list5 { padding : 0px 0 0 20px;  font-size: 0.8em; color : #000;}
.list5 ul  { margin : 10px 10px 0 0px; }
.list5 li  {list-style-type : disc; padding : 0px; margin :  0px 0 4px 0;}

.list4 { padding : 0px 0 0 20px;  font-size: 0.8em; color : #000;}
.list4 ul  { margin : 10px 10px 0 0px; }
.list4 li  {list-style-type : disc; padding : 0px; margin :  0px 0 4px 0;}

.list2 { padding : 10px 0 0 20px;  font-size: 0.7em; color : #000;}
.list2 ul  { margin : 10px 10px 0 0px; }
.list2 li  {list-style-type : disc; padding : 0px; margin :  0px 0 4px 0;}

.list3 { padding : 10px 0 0 30px;  color : #000;  font-size: 0.8em; }
.list3 ul  { margin : 10px 10px 0 0px; }
.list3 li  {list-style-type :lower-alpha; padding : 0px; margin :  0px 0 4px 0;}

.list6 { padding : 0px 0 0 0px;  font-size: 1.0em; color : #000;}
.list6 ol  { margin : 10px 10px 0 0px; }
.list6 li  { padding : 0px; margin :  0px 0 4px 0;}

.sixsteps  {width : 547px; margin-left : auto; margin-right : auto; margin-bottom: 20px;padding : 0px 0 0 0px; background: #fff; }
.sixsteps a { text-decoration : underline; color: #ED008C;}
.sixsteps a:hover { text-decoration : none; color : white; background: #ED008C;}


.close {margin : 0px; padding : 10px 0 0 10px ; float : left; font-size: 0.7em; font-weight: 700;}

/*********** Foot Section ***************/

#foot { background : #0D93CB ; width : 100% ;height : 60px; padding : 0px ; margin : 0px;}

#bottom {width : 994px; margin-left : auto; margin-right : auto; padding : 0px; }
#bottomright {width : 480px ; margin : 0px; padding : 0px 15px 0 0; float : left; text-align : right;}
#bottomleft {width : 474px ; margin : 0px; padding : 0px 0 0 15px; float : left; text-align : left;}
#bottom p{font-size : 0.6em; color: #fff; padding : 10px 0 0 0;margin : 0px;  }
#bottom a{color: #fff; padding : 0;margin : 0px; text-decoration : none;  }
#bottom a:hover{ color: #0B59B7; padding :0; background: #fff;  margin : 0px; text-decoration : underline;  }