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


/* ---- reset ------*/

* {margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em;font-weight:normal;font-style:normal;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}
.clear {clear:both;}


/* -------------- body ----------------- */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background:#0C375A;
}

#top {
	position: relative;
	top:0;
	left:0;	
	width: 100%;
	min-height: 500px;
	text-align:center;
	background:#E8F4FB url(/images/navigation/navBckgd.jpg) repeat-x 0 0;
}

#bottom {
	position: relative;
	top:0;
	left:0;	
	width: 100%;
	min-height: 75px;
	text-align:center;
	background:#0C375A url(/images/navigation/footerBckgd.jpg) repeat-x 0 0;
}

#container {
	position:relative;
	margin: 0 auto;
	top:0;
	width:800px;
	min-height:500px;
	text-align:left;
    padding-bottom: 0px;
}

pre {
	font-size: 1.4em;
    padding-left: 20px;
    padding-bottom: 15px;
}

pre.blog {
    margin-top: 5px;
    width: 800px;
    font-size: 10pt;
}


div.fb-like {
    top: 200px
}

/* -------------- navigation ----------------- */


#navigation {
	position: relative;
	top:0;
	left:0;
	width:800px;
}

.logo {
	position: absolute;
	top:16px;
	left:0;
	border: none;
}

#navigation ul {
	position: relative;
	left:178px;
	width:622px;
	height:60px;
}

#navigation ul li, #navigation ul li a {
	position: relative;
	float: left;
	height: 60px;
	font-family: Helvetica, Arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #8dccff;
	text-shadow: 0 -1.5px 0 #000;
	text-align: center;
	text-decoration: none;
	line-height: 4.2em;	
	display: block;
}

#navigation ul li.home a {
	background: url(/images/navigation/home.jpg) no-repeat 0 0;
	width: 72px;
}

#navigation ul li.home a:hover {
	background: url(/images/navigation/home.jpg) no-repeat -71px 0;
}

#navigation ul li.homeCur a {
	background: url(/images/navigation/homeCur.jpg) no-repeat;
	width: 72px;
}

#navigation ul li.arq a {
	background: url(/images/navigation/arq.jpg) no-repeat 0 0;
	width: 62px;
}

#navigation ul li.arq a:hover {
	background: url(/images/navigation/arq.jpg) no-repeat -62px 0;
}

#navigation ul li.arqCur a {
	background: url(/images/navigation/arqCur.jpg) no-repeat;
	width: 62px;
}

#navigation ul li.syncphotos a {
	background: url(/images/navigation/syncphotos.jpg) no-repeat 0 0;
	width: 106px;
}

#navigation ul li.syncphotos a:hover {
	background: url(/images/navigation/syncphotos.jpg) no-repeat -106px 0;
}

#navigation ul li.syncphotosCur a {
	background: url(/images/navigation/syncphotosCur.jpg) no-repeat 0 0;
	width: 106px;
}

#navigation ul li.duplifinder a {
	background: url(/images/navigation/duplifinder.jpg) no-repeat 0 0;
	width: 98px;
}

#navigation ul li.duplifinder a:hover {
	background: url(/images/navigation/duplifinder.jpg) no-repeat -98px 0;
}

#navigation ul li.duplifinderCur a {
	background: url(/images/navigation/duplifinderCur.jpg) no-repeat 0 0;
	width: 98px;
}

#navigation ul li.about a {
	background: url(/images/navigation/about.jpg) no-repeat 0 0;
	width: 71px;
}

#navigation ul li.about a:hover {
	background: url(/images/navigation/about.jpg) no-repeat -71px 0;
    width: 71px;
}

#navigation ul li.aboutCur a {
	background: url(/images/navigation/aboutCur.jpg) no-repeat 0 0;
	width: 71px;
}

#navigation ul li.blog a {
	background: url(/images/navigation/blog.jpg) no-repeat 0 0;
	width: 63px;
}

#navigation ul li.blog a:hover {
	background: url(/images/navigation/blog.jpg) no-repeat -63px 0;
}

#navigation ul li.blogCur a {
	background: url(/images/navigation/blogCur.jpg) no-repeat 0 0;
	width: 63px;
}

#navigation ul li.store a {
	background: url(/images/navigation/store.jpg) no-repeat 0 0;
	width: 68px;
}

#navigation ul li.store a:hover {
	background: url(/images/navigation/store.jpg) no-repeat -68px 0;
}

#navigation ul li.storeCur a {
	background: url(/images/navigation/storeCur.jpg) no-repeat 0 0;
	width: 68px;
}

#navigation ul li.support a {
	background: url(/images/navigation/support.jpg) no-repeat 0 0;
	width: 82px;
}

#navigation ul li.support a:hover {
	background: url(/images/navigation/support.jpg) no-repeat -82px 0;
}

#navigation ul li.supportCur a {
	background: url(/images/navigation/supportCur.jpg) no-repeat 0 0;
	width: 82px;
}


/* -------------- contents ----------------- */


#contentsHome {
	position: relative;
	width: 800px;
	margin-top: 25px;
}

#contents {
	position: relative;
	width: 800px;
	margin-top: 40px;
}

.dividerBar {
	position: absolute;
	top:85px;
	left:400px;
	width:4px;
	height: 875px;
	background: url(/images/home/divBar.gif) repeat-y;
}

h1 {
	font-family: Helvetica, Arial;
	font-size: 2.6em;
	font-weight: bold;
	text-align: left;
	color:#3f6aa5;
	text-shadow: 0 1px #fff;
}

h1 a {
	text-decoration: none;
	color:#3f6aa5;	
}

h1.titles {
	text-align: center;
	color:#3f6aa5;
	font-size: 20px;
}

h2 {
	font-family: Helvetica, Arial;
	font-size: 1.6em;
	line-height: 1.4em;
	color:#122a45;
	text-shadow: 0 1px #fff;
}

h2.multiple {
	text-align: center;
	font-size: 2.1em;
	font-weight: bold;
	padding: 5px 0 25px 0;
}

.item h2 {
	margin: 20px 0 10px 0;
}

h2 a {
	color:#122a45;
	text-decoration: none;
}

p {
	font-family: Helvetica, Arial;
	font-size: 1.3em;
	line-height: 1.3em;
	color:#15507f;
	text-shadow: 0 1px #fff;
}

p a {
	color:#009fff;
	text-decoration: underline;
}

p.home {
	font-size: 13px;
}

h3 {
	font-family: Helvetica, Arial;
	font-size: 2em;
	line-height: 1.4em;
	text-shadow: 0 2px #fff;
	color:#1a6fa8;
    margin-top: 30px;
    margin-bottom: 5px;
}
h3.first_h3 {
    margin-top: 0;
}

h3 a {
	color:#1a6fa8;
	text-decoration: none;
}

h4 {
	font-family: Helvetica, Arial;
	font-size: 1.6em;
	line-height: 1.8em;
	text-shadow: 0 2px #fff;
	color:#0D4688;
    margin-top: 15px;
}

h4 a {
	color:#0D4688;
	text-decoration: none;
}

p.sysrequirements {
    font-size: 8pt;
    text-align: center;
}

#home_feature {
	position: relative;
	width:800px;
	height:225px;
}
.homeArqTitleBig {
	position: absolute;
	top:25px;
	right:50px;
	width: 350px;
	height: 65px;
	text-align: center;
}
img.syncphotosBig {
    margin-left: 30px;
}
.homeSyncphotosTitleBig {
	position: absolute;
	top:25px;
	right:50px;
	width: 350px;
	height: 165px;
	text-align: center;
}
img.duplifinderIconBig {
    margin-left: 30px;
}
.homeDuplifinderTitleBig {
	position: absolute;
	top: 25px;
	right:50px;
	width: 350px;
	height: 315px;
	text-align: center;
}
div.homeblockdivider {
    clear: both;
    height: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
	background: url(/images/interior/horizDivider.gif) no-repeat bottom;
}



/* ----- homeLeft ----- */


#homeLeft {
	position: relative;
	float: left;
	width: 379px;
}

.arqIcon {
	position: absolute;
	left:32px;
	top:28px;
}

.arqTitle {
	position: relative;
	margin-top:260px;
	left:135px;
}

.buttonHome {
	position: relative;
	margin-top: 15px;
}

.narrowButtonHome {
	position: relative;
	margin: 25px 20px 10px 20px;	
}
.2buttons {
    text-align: center;
}

.whiteBox {
	position: relative;
	height: 360px;
	margin: 15px 0 15px 0;
	padding: 25px 20px 25px 10px;
	background: url(/images/home/smallMid.jpg) repeat-y;
}

.smallTop {
	position: absolute;
	top:0;
	left: 0;
}

.smallBottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

.listLeft {
	position: relative;
	left: 25px;
	width: 250px;
	padding: 18px 0 18px 65px;
	background: url(/images/home/check.jpg) no-repeat 0 13px;
}

.twitter, .twitter a {
	position: absolute;
	bottom:6px;
	right:15px;
	height:30px;
	padding: 9px 25px 0 0;
	background: url(/images/twitter_t_logo20.png) no-repeat right top;
	font-size: 1.2em;
	color:#b2ce91;
	display: block;
	text-decoration: none;
}



/* ----- homeRight ----- */

#homeRight {
	position: relative;
	float: right;
	width: 379px;
}

.syncphotosIcon {
	position: absolute;
	left:13px;
	top:0;
}

.syncphotosTitle {
	position: relative;
	margin-top: 264px;
	left: 72px;
}

.listRight {
	position: relative;
	left: 30px;
	width: 250px;
	padding: 20px 0 15px 60px;
	background: url(/images/home/plus.jpg) no-repeat 0 18px;
}

.listRightDivider {
	position: absolute;
	top:75px;
	left:35px;
}

/* -------------- footer ----------------- */


#footer {
	position: relative;
	width: 800px;
	margin: 0 auto;
}
.footerContactInfo {
    position: relative;
	padding: 30px 0 0 10px;
    font-family: Helvetica, Arial;
    font-size: 1em;
    float: left;
    text-align: left;
	color:#5d9cff;
}

.copyright {
	position: relative;
	padding: 40px 10px 0 0;
	font-family: Helvetica, Arial;
	font-size: 1em;
	/*color:#3f69a4;*/
	color:#5d9cff;
	float: right;
    text-align: right;
}
a.copyrightlink {
	color: #5d9cff;
}

/* -------------------------------------------------
------------------- interior -----------------------
---------------------------------------------------- */



/* -------------- arq ----------------- */

#feature {
	position: relative;
	width:800px;
	height:330px;
}

.arqIconBig {
	position: absolute;
	top:0;
	left:170px;
}
.arqIconHomePage {
    margin-left: 30px;
}

div.arqTitleDiv {
    position: absolute;
    left: 0px;
    top: 28px;
}

.arqTwitter {
    position: absolute;
    top: 140px;
    left: 0px;
}
.arqFacebook {
    position: absolute;
    top: 170px;
    left: 200px;
}

.arqTitleBig {
	position: absolute;
	top:25px;
	right:0px;
	width: 300px;
	height: 125px;
	text-align: center;
}

h3.toggleTitle {
    font-size: 18px;
    margin-top: 0px;
    background: url('../../images/home/checkmark.png') top left no-repeat;
    padding-left: 32px;
}

a.toggleLink {
    font-size: 12px;
    margin-left: 10px;
    font-weight:normal;
    text-shadow: none;
    text-decoration: underline;
}

p.toggleDetail {
    font-size: 13px;
}

div.toggle {
    background-color: #f9fdff;
    margin-left: 32px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px 10px 3px;
}

h3.nontoggleTitle {
    font-size: 18px;
    margin-top: 0px;
    background: url('../../images/home/checkmark.png') top left no-repeat;
    padding-left: 32px;
}
div.nontoggle {
    margin-left: 32px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px 10px 3px;
}


li {
	font-family: Helvetica, Arial;
	font-size: 1.3em;
	line-height: 1.3em;
	color:#15507f;
	text-shadow: 0 1px #fff;
}

.betaButton {
	margin-top: 15px;
    margin-bottom: 5px;
}

#quotationRight {
    position: absolute;
    top: 200px;
    right: 0;
    font-size: 14pt;
    color: #0c3555;
    text-align: right;
}
#quotationRightAuthor {
    position: relative;
    width: 530px;
    padding: 5px 0px 30px;
    font-size: 16pt;
    color: #0c3555;
    font-size: 14pt;
    font-style: normal;
    text-align: right
}

/* ----- quotation ----- */
#quotation {
    position: relative;
    width: 800px;
    padding: 0 0 5px 0px;
    text-align: center;
    font-style: italic;
    font-size: 14pt;
    color: #0c3555;
}
#quotationAuthor {
    position: relative;
    width: 800px;
    padding: 0px 0px 10px;
    font-size: 16pt;
    color: #0c3555;
    font-size: 12pt;
    text-align: center;
}
.quotationAuthor a {
    color: #0c3555;
}

/* ----- screenshots ----- */
#screenshots {
    position: relative;
    height: 120px;
    padding: 5px 0px 50px;
}
#screenshots ul li.screens {
    float: left;
    list-style: none outside none;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
}
#screenshots ul li.description {
    color: #15507F;
    display: block;
    float: left;
    list-style: none outside none;
    text-align: center;
    text-decoration: none;
    font-size: 9pt;
    width: 124px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
}
div.screenshot {
    width: 230px;
    height: 198px;
    float: left;
    font-size: 9pt;
    line-height: 200%;
    text-align: center;
}

.featureLeft {
    float: left;
    width: 380px;
    padding: 0;
    margin: 0;
}
.featureRight {
    float: right;
    width: 400px;
    padding: 0;
    margin: 0;
}

/* ----- pointbox ----- */
div.pointBox {
    position: relative;
    width: 800px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.pointBox h3 {
    font-size: 2.5em;
    margin-bottom: 5px;
}
div.pointBox p {
    padding-top: 5px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 5px;
    font-size: 1.4em;
}
p.video {
    text-align: center;
    padding: 0;
    margin: 0;
}
p.videoCaption {
    text-align: center;
    font-size: 10pt;
    padding: 0;
}
.builtForMac {
    float: left;
    width: 380px;
    padding: 0px;
}
div.backupBouncer {
    float: left;
    width: 340px;
    padding: 10px;
    padding-left: 30px;
    padding-top: 0;
    margin-top: 2px;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-left: 1px solid gray;
}
div.backupBouncer p {
    font-size: 1.4em;
    padding: 0;
    padding-bottom: 5px;
}
table.backupBouncer {
    padding: 10px;
    width: 100%;
}
table.backupBouncer th {
    font-size: 1.3em;
    padding: 2px;
    color: #666666;
    border-bottom: 1px solid gray;
}
table.backupBouncer tr.primary {
/*    background-color: #eeeeee;*/
}
table.backupBouncer tr.alternate {
/*    background-color: #ffffff;*/
}
table.backupBouncer td {
    font-size: 1.3em;
    padding: 4px 2px 4px 2px;
    color: #15507f;
}
div.pointBox li {
    list-style: disc;
    list-style-position: inside;
    font-size: 1.4em;
    color: #15507f;
    padding: 5px 40px;
}

hr {
    border: 1px solid #526AA1;
}

div.twitterArq {
    text-align: right;
	color:#b2ce91;
    padding: 0 20px 0 20px;
    font-size: 1.4em;
}
div.twitterArq a {
	color:#92ae71;
}

/* ----- white box ----- */

.whiteBoxBig {
	position: relative;
	height:440px;
	width: 800px;
	padding: 40px 0 25px 115px;
	background: url(/images/interior/bigMid.jpg) repeat-y;
}

.bigTop {
	position: absolute;
	top:0;
	left: 0;
}

.bigBottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

.whiteBoxLeft {
	float: left;
	width: 250px;
}

.whiteBoxRight {
	float: left;
	width: 250px;
	margin-left: 140px;
}

.whiteBoxBig ul li {
	padding: 15px 0 5px 0;
	margin-left: 18px;
	font-family: Helvetica, Arial;
	font-size: 1.3em;
	line-height: 1.2em;
	color:#15507f;
	list-style: square;
}

.whiteBoxBig ul li a {
	color:#122a45;
	text-decoration: underline;
}

.vertDivider {
	position: absolute;
	top:52px;
	left:392px;
}

.check1 {
	position: absolute;
	top:43px;
	left:40px;
}

.check2 {
	position: absolute;
	top:308px;
	left:40px;
}

.check3 {
	position: absolute;
	top:43px;
	left:430px;
}

.check4 {
	position: absolute;
	top:265px;
	left:430px;
}

.twitterInterior, .twitterInterior a {
	position: absolute;
	bottom:0px;
	left:600px;
	height:25px;
	padding: 9px 37px 0 0;
	background: url(/images/twitter_t_logo34.png) no-repeat right top;
	font-size: 1.2em;
	color:#2fc1f2;
	display: block;
	text-decoration: none;
}

/* ----- text ----- */


#text {
	position: relative;
	padding-left: 35px;
	padding-top: 5px;
	width:720px;
}

.block {
	position: relative;
	width:720px;
	padding: 15px 0 0 0;
}

.left {
	float: left;
	width: 330px;
	padding-top: 5px;
}

.right {
	float: right;
	width: 330px;
	padding-top:5px;
}

.item {
	position: relative;
	margin: 0px 0 10px 0;
}

.item ul li {
	padding: 15px 0 5px 0;
	margin-left: 18px;
	font-family: Helvetica, Arial;
	font-size: 1.4em;
	line-height: 1.2em;
	color:#122a45;
	list-style: square;
}

.paperclip {
	position: absolute;
	left: 125px;
	top:26px;
}

.gear {
	position: absolute;
	left: 178px;
	top:27px;
}

.hourglass {
	position: absolute;
	left: 195px;
	top:29px;
}

.featuresDivider {
	position: absolute;
	top:100px;
	left:355px;
	width:4px;
	height: 465px;
	background: url(/images/home/divBar.gif) repeat-y;
}

.worksDivider {
	position: absolute;
	top:100px;
	left:355px;
	width:4px;
	height: 300px;
	background: url(/images/home/divBar.gif) repeat-y;
}

.leftCost {
	position: relative;
	float: left;
	left: 25px;
	top:12px;
	width:225px;
	height: 125px;
	text-align: center;
}

.rightCost {
	position: relative;
	float: left;
	left: 50px;
	top:12px;
	width:250px;
	height: 125px;
	text-align: center;
}

.leftCost h1, .rightCost h1 {
	text-align: center;
}

.plus {
	position: absolute;
	top:95px;
	left:215px;
}

.calculator {
	position: absolute;
	top: 35px;
	right:50px;
}


/* -------------- syncphotos ----------------- */

p.formerly {
    margin-top: -10px;
}

.syncphotosIconBig {
	position: absolute;
	top:-10px;
	left:35px;
}

.syncphotosTitleBig {
	position: absolute;
	top:45px;
	right:50px;
	width: 350px;
	height: 250px;
	text-align: center;
}

.emailAddressRequest {
    margin-top: 15px;
}
.spam {
    font-size: 9pt;
    font-style: italic;
    text-align: left;
    margin-top: 0;
}


/* ----- white box ----- */


.whiteBoxSyncphotos {
	position: relative;
	height:300px;
	width: 800px;
	padding: 40px 0 25px 100px;
	background: url(/images/interior/bigMid.jpg) repeat-y;
}

.whiteBoxSyncphotos ul li {
	padding: 20px 0 15px 0;
	font-size: 1.6em;
	font-weight:bold;
	line-height: 1.4em;
	color:#009fff;
	text-shadow: 0 1px #fff;
	list-style: none;
	width: 575px;
	margin-left: 40px;
}

.featuresDividerSyncPhotos {
	position: absolute;
	top:100px;
	left:355px;
	width:4px;
	height: 200px;
	background: url(/images/home/divBar.gif) repeat-y;
}

.plus1 {
	position: absolute;
	top:98px;
	left:75px;
}

.plus2 {
	position: absolute;
	top:165px;
	left:75px;
}

.plus3 {
	position: absolute;
	top:235px;
	left:75px;
}

.imacs {
	position: absolute;
	top:31px;
	left:290px;
}

.twopics {
	position: absolute;
	top:26px;
	left:575px;
}

.book {
	position: absolute;
	top:31px;
	left:140px;
}


/* -------------- duplifinder ----------------- */

#duplifinderfeature {
	position: relative;
	width:800px;
	height:380px;
}

.duplifinderIconBig {
	position: absolute;
	top:-10px;
	left:35px;
}

.duplifinderTitleBig {
	position: absolute;
	top:45px;
	right:50px;
	width: 350px;
	height: 250px;
	text-align: center;
}


#duplifinder1column {
    position: relative;
    width: 800px;
    margin: 0;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 10px;
}



/* -------------- about ----------------- */

.pencil {
	position: absolute;
	top:-4px;
	left:332px;
}


/* -------------- support ----------------- */


.blockSupport {
	position: relative;
	width:720px;
	padding: 15px 0 10px 0;
	margin-left: 35px;
	background: url(/images/interior/horizDivider.gif) no-repeat bottom;
}

.blockLastSupport {
	position: relative;
	width:720px;
	padding: 15px 0 25px 0;
	margin-left: 35px;	
}
.blockFaq {
    position: relative;
    width: 720px;
    padding: 10px 0 5px 0;
    margin-left: 35px;
	background: url(/images/interior/horizDivider.gif) no-repeat bottom;
}
h3.faqQuestion {
    font-size: 1.7em;
    margin: 0;
}
h4.faqAnswer {
    font-size: 1.5em;
}

.faq {
	position: absolute;
	top:15px;
	left:270px;
}

.arqSupport {
	position: absolute;
	top:20px;
	left:160px;
}

.syncphotosSupport {
	position: absolute;
	top:18px;
	left:215px;
}

.arrow {
	position: absolute;
	top:35px;
	left:270px;
}

.arrow1 {
	position: absolute;
	top:35px;
	left:165px;
}

.arrow2 {
	position: absolute;
	top:35px;
	left:235px;
}

.arrow3 {
	position: absolute;
	top:35px;
	left:238px;
}

p.backTo {
	position: absolute;
	top:10px;
	right:50px;
}


/* ----- faq ----- */

.faqIcon {
	position: absolute;
	top:0;
	left:425px;
}

/* ----- arqhelp ----- */

.arqHelp {
	position: absolute;
	top:0;
	left:130px;
}


/* ----- syncphotoshelp ----- */

.syncphotoshelp {
	position: absolute;
	top:-3px;
	left:225px;
}


/* -------------------------------------------------
---------------------- blog ------------------------
---------------------------------------------------- */

#content {
	float: left;
	width: 570px;
}

#content h2 {
	font-size: 1.8em;
	font-weight: bold;
}

#content h2 a {
	text-decoration: none;
}

.post {
	padding: 30px 0 30px 0;
	background: url(../images/interior/horizDivider.gif) no-repeat bottom;
}

.entry {
	margin: 20px 0 10px 0;
}
p {
    margin-bottom: 10px;
}
p.listParagraph {
    margin-bottom: 0;
}
strong {
    font-weight: bold;
}

.navigationBlog {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-family: Helvetica, arial;
	font-size: 3em;
	color:#122A45;
}

.navigationBlog a {
	color:#122a45;
}

/* ----- sidebar ----- */


#sidebar {
	position: relative;
	float: right;
	width: 185px;
	text-align: left;
	padding-left: 5px;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

#searchform {
	margin: 10px 0 0 0;
	padding: 5px 3px;
	text-align: left;
}

#sidebar #searchform #s {
	width: 100px;
	padding: 2px;
}

#sidebar #searchsubmit {
	padding: 1px;
}

#sidebar ul {
	margin: 0 0 15px 0;
}

#sidebar ul li, #sidebar ul li a {
	font-family: 'lucida grande', helvetica, arial;
	padding: 3px 0 0 0;
	color:#15507F;
}

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
    font-size: 10pt;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 10px 0 10px 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


h3.syncphotosfeature {
    margin: 10px 10px 0;
}
p.syncphotosfeature {
    margin: 10px 10px 0;
}
li.syncphotosfeature {
    margin: 5px 20px 0 120px;
    font-size: 1.3em;
    line-height: 1.3em;
    text-shadow: white 0 1px;
    color: #15507F;
}
p.featureimg {
    text-align: center;
}
#syncphotosblurbs {
    margin: 20px 20px 80px;
}
div.syncphotosblurb {
    float: left;
    width: 320px;
    padding: 0 20px 0 20px;
}
div.blockdivider {
    clear: both;
    height: 10px;
    padding-top: 20px;
	background: url(/images/interior/horizDivider.gif) no-repeat bottom;
}
h3.syncphotosblurb {
    margin-top: 5px;
}

#arq2columns {
    position: relative;
    width: 800px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
}
#arqleft {
    float: left;
    width: 470px;
    padding: 0px;
    padding-right: 30px;
    border-right: 1px solid #bcbcbc;
}
#arqright {
    float: left;
    padding-left: 0px;
    margin-left: 25px;
    width: 250px;
}
#syncphotos2columns {
    position: relative;
    width: 800px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
}
#syncphotosleft {
    float: left;
    width: 470px;
    padding: 0px;
    padding-right: 30px;
    border-right: 1px solid #bcbcbc;
}
#syncphotosright {
    float: left;
    padding-left: 0px;
    margin-left: 25px;
    width: 250px;
}
#duplifinder2columns {
    position: relative;
    width: 800px;
    height: 825px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 0px;
}
#duplifinderleft {
    float: left;
    width: 470px;
    padding: 0px;
    padding-right: 30px;
    border-right: 1px solid #bcbcbc;
}
#duplifinderleft h3 {
    margin-top: 5px;
}
#duplifinderleft ul {
    color: #15507F;
    font-family: Helvetica, Arial;
    font-size: 1.3em;
    line-height: 1.3em;
    text-shadow: white 0x 1px;
    margin-left: 20px;
    margin-bottom: 20px;
}
#duplifinderleft li {
    margin-bottom: 3px;
}
#duplifinderright {
    float: left;
    padding-left: 0px;
    margin-left: 25px;
    width: 250px;
}
p.screens {
    font-size: 9pt;
    text-align: center;
}
#backupIsEasy {
    width: 280px;
    float: left;
    margin-top: 15px;
}
#movieLinks {
    position: relative;
    float: left;
    width: 150px;
    margin: 0;
    padding: 5px 40px 0px 0px;
    text-align: center;
}
p.movieLink {
}
#arqleft ul {
    font-size: 1.3em;
    margin-left: 20px;
    margin-bottom: 10px;
}
#arqleft li {
	color:#0D4688;
    margin: 5px 0px 5px 10px;
}
h3.features {
    padding-top: 10px;
    margin-bottom:0;
}
h3.targets {
    padding-top: 0;
}
table.pricing {
    border: none;
    margin-bottom: 20px;
}
th.pricing, th.pricingRight {
    font-size: 9pt;
	color:#333333;
    padding: 3px 12px 3px;
    border-bottom: 1px solid #bcbcbc;
}
td.pricing {
    width: 440px;
}
th.pricingRight {
    text-align: right;
    width: 120px;
}
td.pricing, td.pricingRight, td.pricingTotal {
    font-size: 9pt;
	color:#333333;
    padding: 3px 12px 3px;
}
td.pricingRight, td.pricingTotal {
    text-align: right;
}
td.pricingTotal {
    font-weight: bold;
}

div.tweet {
    font-size: 1.2em;
	color:#0D4688;
    margin-bottom: 9px;
}
a.tweet {
    color: #009fff;
}
img.twimg {
    border: none;
    padding-right: 3px;
}
.tweetdate {
    font-size: 10px;
    color: #555555;
}
.supportlinks {
    padding: 20px 12px 30px;
}


.filosync-box {
    background-color: #f5fbff;
    background-image: url(../images/Filosync-white24.png) -repeat;
    background-position: 10px 10px;
    margin: 30px 0px 50px;
    padding-left: 25px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 8px 8px 8px #999;
    display: none;
}
h1.filosync {
    margin-bottom: 15px;
    font-weight: normal;
}
p.filosync {
}
hr.banner-rule {
    border: 1px solid #ccc;
    margin-top: 60px;
    margin-bottom: 60px;
}
p.filosync-1line {
    margin-top: 25px;
    margin-bottom: 25px;
    font-style: italic;
    font-size: 18px;
    color: #333;
    text-align: center;
}

#arq-headline-box {
	position: relative;
	width:800px;
	height:180px;
}

#arq-headline-box h1 {
    font-size: 32px;
    text-align: center;
    font-style: normal;
}
#arq-headline-box ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-left: 180px;
}
#arq-headline-box ul li {
    color: #15507f;
    text-shadow: 0 1px #fff;
    background-image: url(/images/home/checkmark.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    font-size: 1.6em;
    padding-left: 34px;
    padding-top: 15px;
    padding-bottom: 5px;
}

p.arq-testimonial {
    margin: 30px 0px 5px;
    padding: 5px;
    background-color: #fff;
    font-style: italic;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 4px 4px 4px #eee;
}

