.container
{
	float: left;
	width: 988px;
    border:1px solid #eee;
    margin: -25px -35px -80px; /* make the homepage fit the design */
}

.wholewidth1
{
	float: left;
	width: 100%;
	height: 311px;
	background: #e0e5ee;
}

.wholewidth2
{
	float: left;
	width: 100%;
	height: 269px;
	margin: 0px;
	background: url(../images/photoframe/back/row2_bg.gif) repeat-x bottom #fff;
}

.wholewidth3
{
	float: left;
	width: 100%;
	height: 190px;
	margin: 0px;
	background: url(../images/photoframe/back/row3_bg.gif) repeat-x bottom #fff;
}

.wholewidth4
{
	float: left;
	width: 100%;
	min-height: 179px;
	margin: 0px;
	background: url(../images/photoframe/back/row3_bg.gif) repeat-x bottom #fff;
}


/* process */
.process
{
	float: left;
	width: 100%;
	height: 172px;
	margin: 0px;
	background: url(../images/photoframe/process/bg.jpg) repeat-x bottom #fff;
}

.banner
{
	float: left;
	width: 710px;
	height: 274px;
	padding: 18px 16px;
	/*background: url(../images/photoframe/banner.jpg) no-repeat ;*/
}

.component
{
	float: left;
	width: 240px;
	margin: 0px;
}

.compo1
{
	width: 237px;
	height: 128px;
	margin: 18px 0px 0px 0px;
}

.compo1 a
{
	display: block;
	width: 237px;
	height: 128px;
	background: url(../images/design-by-myself1.jpg) no-repeat;
}

.compo1 a:hover
{
	display: block;
	width: 237px;
	height: 128px;
	background: url(../images/design-by-myself2.gif) no-repeat;
}

.compo1 a:active
{
	display: block;
	width: 237px;
	height: 128px;
	background: url(../images/design-by-myself-down.jpg) no-repeat;
}

.compo2
{
	width: 237px;
	height: 128px;
	margin: 18px 0px 0px 0px;
}

.compo2 a
{
	display: block;
	width: 237px;
	height: 128px;
	background: url(../images/design-with-template1.jpg) no-repeat;
}

.compo2 a:hover
{
	display: block;
	width: 237px;
	height: 128px;
	background: url(../images/design-with-template-over.gif) no-repeat;
}

.compo2 a:active
{
	display: block;
	width: 237px;
	height: 128px;
	background: url(../images/design-with-template-down.jpg) no-repeat;
}

.wholewidth2 .first
{
	margin-left: 15px;
}

.little_pic
{
	float: left;
	height: 241px;
	margin: 14px 6px;
}

.little_pic .left
{
	float: left;
	width: 8px;
	height: 241px;
	margin: 0;
	background: url(../images/photoframe/back/little_pic_left.gif) no-repeat;
}

.little_pic .middle
{
	float: left;
	width: 215px;
	min-height: 0px;
	height: 241px;
	margin: 0;
	background: url(../images/photoframe/back/little_pic_middle.gif) repeat-x;
}

.little_pic .right
{
	float: left;
	width: 8px;
	height: 241px;
	margin: 0;
	background: url(../images/photoframe/back/little_pic_right.gif) no-repeat;
}

.little_pic .middle .char
{
	color: #08326C;
	font-size: 1.2em;
	font-weight: normal;
	height: 24px;
	margin: 8px 0 0 13px;
	background: none;
}

.little_pic .middle .left
{
	float: left;
	width: 9px;
	height: 202px;
	margin: 0 0 0 5px;
	background: url(../images/photoframe/back/little_pic_middle_left.jpg) no-repeat;
}

.little_pic .middle .middle
{
	float: left;
	width: 187px;
	height: 202px;
	margin: 0;
	background: url(../images/photoframe/back/little_pic_middle_middle.jpg) repeat-x;
}

.little_pic .middle .middle img
{
	margin: 8px 0 0 3px;
}

.little_pic .middle .right
{
	float: left;
	width: 9px;
	height: 202px;
	margin: 0;
	background: url(../images/photoframe/back/little_pic_middle_right.jpg) no-repeat;
}

.wholewidth3 .first
{
	margin-left: 5px;
	border-left: none;
}

.little_url
{
	float: left;
	width: 212px;
	height: 158px;
	margin: 16px 0;
	padding: 0 16px;
	border-left: 1px #7B90AE dashed;
}

.little_url .cont
{
	width: 100%;
}

.little_url .img
{
	float: left;
	width: 80px;
	height: 80px;
	/*margin: 10px 10px 3px 15px;*/
}

.little_url .title
{
	float: left;
	color: #08326C;
	font-size: 18px;
	font-weight: normal;
	/*margin: 10px 0 0 0;*/
	padding-top: 20px;
	padding-left: 3px;
	width: 122px;
	background: none;
}

.little_url .text
{
	padding-top: 5px;
	font-size: 12px;
	clear: both;
	width: 212px;
	text-align: left;
	/*margin: 0 0 0 15px;*/
}

.wholewidth4 .description
{
	padding: 10px 15px;
	width:209px;
	font-size:12px;
	line-height: 20px;
	color:#08326C;
	font-style:normal;
	font-weight:normal;
	float: left;
}

.wholewidth4 .left
{
	float: left;
	width: 71%;
	height: 200px;
	background: url(../images/photoframe/back/row3_bg.gif) repeat-x bottom #fff;
}

.wholewidth4 .right
{
	float: left;
	width: 29%;
	height: 200px;
	background-color: #fff;
}

.service_info
{
	color: #093168;
	font-size: 14px;
	line-height: 24px;
	margin: 25px 0;
	padding: 0 25px;
	border-right: 1px #8397B3 dashed;
}

.some_pic
{
	height: 180px;
	padding: 20px 0 0 10px;
	background: #fff;
}


/* static_nav */
.static_nav
{
	text-align: left;
	width: 992px;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	font-weight: bold;
}

.static_nav a
{
	color: #AEDBF0;
	text-decoration: none;
	display: block;
	height: 37px;
	float: left;
}

.static_nav a:hover
{
	color: #C62431;
	text-decoration: none;
}

.static_nav .divide
{
	margin-left: 30px;
}

.browsererror
{
	text-align: center;
	margin: 50px 0 0 200px;
	padding: 10px;
	width: 500px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	border: 5px solid #C62431;
}

.flasherror
{
	text-align: center;
	margin: 50px 0 0 200px;
	padding: 10px;
	width: 500px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	border: 5px solid #C62431;
}

.typography h1,.typography h3,.typography h5
{
	color: #BE0019;
}

/* tooltip styling */
.tooltip {
	display: none;
	background: url(../images/white.png) no-repeat;
	height:194px;
	padding: 15px 18px;
	width:229px;
	font-size:12px;
	line-height: 20px;
	color:#08326C;
	font-style:normal;
	font-weight:normal;
	z-index:100;
}

/* home-button */
#home-button
{
	width: 92px;
	margin: 0 20px 0 0px;
	background: url(../images/home_button.png) no-repeat 0 3px;
}

#home-button:hover
{
	background: url(../images/home_button_down.png) no-repeat 0 3px;
}

/* process style */
.process .image
{
	float: left;
	width: 100%;
	height: 112px;
}

.process .text
{
	float: left;
	width: 100%;
	height: 60px;
}

.process .section-image
{
	float: left;
	width: 172px;
	height: 88px;
	padding: 18px 0 0 0;
	text-align: center;
}

.process .first-image
{
	padding-left: 25px;
}

.process .point
{
	float: left;
	width: 20px;
	height: 30px;
	padding: 45px 0 0 0;
	background: url(../images/photoframe/process/point.png) no-repeat 0 45px;
}

.process .text .section-text
{
	float: left;
	width: 170px;
	height: 60px;
	padding: 0 0 0 20px;
}

.process .text .first-text
{
	width: 205px;
}

.process .text .section-text .title
{
	color: #5C5D5F;
	font-size: 12px;
	font-weight: bold;
}

.process .text .section-text .description
{
	color: #7A7B7D;
	font-size: 12px;
}

.process .text .icon
{
	padding-left: 20px;
	background: url(../images/photoframe/process/icon.gif) no-repeat;
}

/****  footer logo */
.snabanner
{
	text-align:left;
	float: left;
	height: 50px;
	width: 497px;
	padding-top: 16px;
	padding-left: 10px;
}
.partners {
	float:left;
	text-align:right;
	width:375px;
	height: 50px;
	padding-top: 16px;
	padding-left: 10px;
}
.veriSign
{
	float: left;
	height:50px;
	padding-top: 10px;
	padding-left: 5px;
}
.veriSign img {
	width: 85px;
}


/* the overlayed element */ 
.simple_overlay { 
    /* must be initially hidden */ 
    display:none; 
    /* place overlay on top of other elements */ 
    z-index:10000; 
    /* styling */ 
    background-color:#333; 
    /*width:675px;     
    min-height:200px; */
    border:1px solid #666; 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* styling for elements inside overlay */ 
.simple_overlay .details { 
    text-align: center;
}
.simple_overlay .details h3 { 
    color:#aba; 
    font-size:15px;
}