/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     FontSite Inc.
 * @vendorurl:  http://www.fontsite.com
 * @licenseurl: http://www.fontsquirrel.com/license/CartoGothic-Std
 *
 *
 */

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothicStd-Book.eot');
	src: local('CartoGothic Std Book'), local('CartoGothicStd-Book'), url('CartoGothicStd-Book.woff') format('woff'), url('CartoGothicStd-Book.otf') format('opentype'), url('CartoGothicStd-Book.svg#CartoGothicStd-Book') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('CartoGothicStd-Italic.eot');
	src: local('CartoGothic Std Italic'), local('CartoGothicStd-Italic'), url('CartoGothicStd-Italic.woff') format('woff'), url('CartoGothicStd-Italic.otf') format('opentype'), url('CartoGothicStd-Italic.svg#CartoGothicStd-Italic') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothicStd-Bold.eot');
	src: local('CartoGothic Std Bold'), local('CartoGothicStd-Bold'), url('CartoGothicStd-Bold.woff') format('woff'), url('CartoGothicStd-Bold.otf') format('opentype'), url('CartoGothicStd-Bold.svg#CartoGothicStd-Bold') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std Bold Italic'), local('CartoGothicStd-BoldItalic'), url('CartoGothicStd-BoldItalic.woff') format('woff'), url('CartoGothicStd-BoldItalic.otf') format('opentype'), url('CartoGothicStd-BoldItalic.svg#CartoGothicStd-BoldItalic') format('svg');
}


/* Common CSS  */

body {background-color:#777; margin: 0;}
p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 13px; line-height: 17px; color: #555;}
h1 {font-family: CartoGothicStdBold, Arial bold, sans-serif; font-size: 28px; color: #555;}
h2 {font-family: CartoGothicStdBold, Arial bold, sans-serif; line-height: 18px; font-size: 14px; color: #555;}

#container {width: 800px; margin: 0 auto 0 auto; background: url(images/bkgdpattern.jpg) 0 0 repeat; border: solid 1px #000;}
#headerniceoffice {width: 800px; height: 83px; background: url(images/topbar.png) 0 0 no-repeat;}
#signupbutton a:link, #signupbutton a:visited {width: 102px; height: 56px; float: right;}
#signupbutton a:hover {background: url(images/signuphover.jpg) 0 0 no-repeat;}
#loginbutton a:link, #loginbutton a:visited {width: 91px; height: 56px; float: right;}
#loginbutton a:hover {background: url(images/loginhover.jpg) 0 0 no-repeat;}
#navbuttons {width: 800px; margin:0; padding:0;clear: right;}
#navlinks li {width: auto;display: inline; padding:0; margin:0;}
#navlinks a:link, #navlinks a:visited {width: auto; font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 13px; list-style-type: none; color: #555; text-decoration: none; padding: 7px 10px 6px 10px; float: left;}
#navlinks a:hover {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
#navlinks-contactus a:hover {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
#eagency a:link, #eagency a:visited {width: auto; font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 13px; list-style-type: none; color: #555; text-decoration: none; padding: 7px 10px 6px 10px; float: right;}
#eagency a:hover {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
#footerniceoffice {width: 800px; height: 36px; background: url(images/bottombar.png) 0 0 no-repeat; clear: both;}
#footerniceoffice p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 10px; color: #fff; margin:0; padding: 18px 0 0 12px;}
#footerniceoffice a:link, #footerniceoffice a:visited {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 10px; color: #fff; margin:0; padding: 20px 0 0 10px; text-decoration: underline;}
#footerniceoffice a:hover {color: #999;}
.selected1 {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
.selected1 a, .selected1 a:link, .selected1 a:active, .selected1 a:visited{color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}



/* Home page  */

#attlogin {width: 800px; height: 40px; margin: 0; padding:0 0 10px 0;}
#rightcolumnhome {width:380px; margin: 0; float: right; padding: 15px 0 0 0;}
#appworldbox {width: 366px; height: 52px; background: url(images/appworldbox.png) 0 0 no-repeat; margin: 0; padding: 0;}
#appworldbox p {font-family: CartoGothicStdBold, arial bold, sans-serif; font-size: 17px; line-height: 20px; color: #555; text-align:center; margin: 0; padding: 7px 0 0 0;}
#appworldbox a:link, #appworldbox a:visited {font-family: CartoGothicStdBold, arial bold, sans-serif; font-size: 18px; line-height: 20px; color: #555; text-align:center; padding-top: 7px;}
#appworldbox a:hover {color: #000;}
#phoneimage {width: 366px; height: 472px; background: url(images/pg1phones.png) 0 0 no-repeat; margin: 0 10px 0 0;}
#sayhello {width: 160px; height: 60px; float:right; margin: 0; padding: 0;}
#sayhello p {font-family: CartoGothicStdBoldItalic, Arial bold italic, sans-serif; font-size: 19px; line-height: 20px;color: #555; text-align: center; margin:0; padding:15px 0 0 0;}
#videocopy {clear: right; float: right; width: 100%; margin: 0; padding: 0; text-align: right;}
#videocopy p {margin: 0; padding: 335px 140px 0 0;}
#videocopy a, #videocopy a:link, #videocopy a:visited {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #555; text-decoration: underline; margin: 0; padding: 0;}
#videocopy a:hover {color: #000;}
#leftcolumnhome {width: 385px; margin: 0 0 0 10px;}
#leftcolumnhome p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 16px; color:#555; margin: 20px 0 0 0; padding: 0 20px 0 30px;}
#leftcolumn ul {padding: 0; margin:0;}
#leftcolumnhome ul li {background: url(images/arrow.png) 2px 2px no-repeat;list-style-type: none; margin: 10px 0 0 30px;}
#leftcolumnhone ul li a, #leftcolumnhome ul li a:link, #leftcolumnhome ul li a:visited {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 13px; line-height: 17px; color: #555; margin: 10px 0 0 0; padding: 0 20px 0 30px;}
#leftcolumnhome ul li a:hover {color: #000;}


/* FAQ page  */

#faqcopy {padding: 20px 40px;}
#faqcopy h2 {font-family: CartoGothicStdBoldItalic, Arial bold italic, sans-serif; padding-top: 13px; color:#1e2880;}
#faqcopy p {padding-top: 5px;}
#faqcopy h1 {padding-bottom: 5px;}
#freeappworldbox {width: 700px; background: url(images/graybkgd.png) 0 0 repeat; margin: 10px auto 0 auto; text-align: center; padding: 20px 10px 10px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#freeappworldbox p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size:13px; line-height: 17px; padding-top: 5px;}
#getappworld {width: 700px; padding: 0 0 0 15px;}
#appworldbutton {padding: 10px 10px 0 0; float: left;}
#appworldbuttontext {width: 500px; text-align: left; float: left; margin: 0; padding: 17px 0 0 0;}
#appworldbuttontext p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size:13px;}


/* Works page  */

#diagram {text-align: center; padding: 10px 0 0 0;}
#learnmorecopy {width: 700px; background: url(images/graybkgd.png) 0 0 repeat; margin: 20px auto 10px auto; padding: 20px 10px 10px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#learnmorecopy h1 {font-family: CartoGothicStdBold, arial bold, sans-serif; font-size: 26px; text-align: center; font-stretch: narrower; padding: 0 0 10px 0;}
#learnmorecopy ul {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #555; text-align:left;  padding: 0 40px 0 60px;}
#learnmorecopy ul li {list-style-type: square; padding-bottom: 7px;}



/* Contact Us page  */

#toprightboxcontactus {float: right; width: 190px; margin: 0; padding: 15px 30px 0 0;}
#toprightboxcontactus h1 {font-size: 15px; color: #1e2880; text-align: left; margin-bottom: 0;}
#toprightboxcontactus h2 {font-size: 13px; color: #1e2880; line-height: 16px; text-align: left; padding-bottom: 0; margin-bottom: 0;}
#toprightboxcontactus p {font-size: 11px; text-align: left; line-height: 13px; margin-bottom: 10px; margin-top: 2px;}
#mainimagecontactus {width: 530px; padding: 10px 0 5px 30px;}
#mainimagecontactus h1 {font-size: 15px; color: #1e2880; text-align: center; margin:0;padding:10px 0 0 0;}
#contactForm {background: url(images/graybkgd.png) 0 0 repeat; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 20px 20px 0 20px;}
#techsupportbox {background-color:#fce58f; width: 180px; padding: 10px 0 5px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#techsupportbox p {width: 180px; overflow:visible;}
#techsupportbox a, #techsupportbox a:link, #techsupportbox a:visited {font-family: CartoGothicStdBold, arial bold, sans-serif; padding: 6px 8px 4px 8px; background-color:#FCBF00; color:#000000; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
#techsupportbox a:hover {background-color:#fca600;}


/* Feature page  */

#mainContent2 {position: relative;}
#featuremenu {width: 160px; height: 400px; margin: 20px 20px 5px 20px;}
.featuremenubuttons {margin: 0; padding: 0;}
#description {width: 280px; height: 360px; margin: 0px; position: absolute; left: 200px; top: 20px;}
#description ul {margin-left: 0px; padding-left: 0; list-style-type: none;}
#description ul li {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; padding: 0; margin-left: 0;}
#description h1 {font-family: CartoGothicStdBold, arial bold, sans-serif; font-size: 26px; text-align: left; margin: 0; padding-bottom: 10px;}
.screenshots {width: 274px; height: 368px; position: absolute; top: 30px; right: 20px;}
#clicktoenlarge {font-family: arial, helvetica; font-size: 10px; text-align: center; width: 274px; height: 20px; position: absolute; top: 10px; right: 20px;}


/* rim page  */

#rightcolumnrim {width: 340px; float: right;}
#productbackgroundrim {width: 440px;}
#leftcolumnrim {padding: 10px 0 0 40px;}
#leftcolumnrim ul {padding: 0; margin:0;}
#leftcolumnrim ul li {background: url(images/arrow.png) 2px 2px no-repeat;list-style-type: none;}
#leftcolumnrim ul li a:link, #leftcolumnrim ul li a:visited {background: url(images/arrow.png) 0 0 no-repeat; font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 13px; line-height: 17px; color: #555; margin: 10px 0 0 0; padding: 0 20px 0 30px;}
#leftcolumnrim ul li a:hover {color:#000;}


/* signup page  */

#mainContent {background: url(images/productbkgd.png) 0 0 no-repeat;}
#productbackground {width: 800px; height: 465px; font-family: arial, helvetica; font-size: 11px; margin: 0 auto 0 auto; padding: 0 0 10px 0;clear: both;}
#topcopy {width: 760px; padding: 10px 0 0 20px; margin:0;}
#topcopy a:link, #topcopy a:visited, #topcopy a:hover {color: blue;}
#boxcopy {width: 410px; background: url(images/graybkgd.png) 0 0 repeat; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; padding: 10px; margin: 0 0 0 24px;}
#boxcopy p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px;}
#boxcopy ul {font-family: CartoGothicStdItalic, Arial italic, sans-serif; font-size: 13px; line-height: 16px; margin: 0; padding: 5px 0 0 0;}
#boxcopy ul li {list-style-type:disc; margin: 0 0 0 30px;}
#upgrade {padding: 10px 0 0 25px;}
#upgradebuttons {width: 430px; text-align: center;}
sup {vertical-align: baseline; font-size: 0.8em; position: relative; top: -.4em;}
#getappworldsignup {margin:0; padding:0;}
#appworldbuttonsignup {float: left; margin: 0; padding: 5px 10px 0 23px;}
#appworldtextsignup {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 13px; line-height: 16px; float: left; margin:0; padding: 8px 0 20px 0;}
#upgradelink {padding: 0;}
#upgradelink ul {padding: 0; margin:0;}
#upgradelink ul li {background: url(images/arrow.png) 2px 2px no-repeat;list-style-type: none;}
#upgradelink ul li a, #upgradelink ul li a:link, #upgradelink ul li a:visited {background: url(images/arrow.png) 0 -1px no-repeat; font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #555; padding: 0 0 0 30px;}
#upgradelink ul li a:hover {color:#000;}