@charset "UTF-8";

html 
{ 
	height: 100%; 
}

body.background
{
	background-image: url('http://kiwipixel.com/Background.png'); 
	background-repeat: repeat-y; 
	background-position: center center; 
	background-attachment: fixed;
	background-color: #0A1500;
}

.wholePage
{

}

.wholeOtherPage
{

}

div.companyLogoTitle
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

img.companyLogoTitle
{
	border-style: none;
}

.companyLogoTitleUnderline
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*******************************

    Main Menu

********************************/

.mainMenu
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}

.facebookLikeButton
{
    width: 120px;
    float: left;
	position: relative;
    top: 5px;
	left: 9px;
}

.twitterFollowButton
{
    width: 150px;
    float: left;
	position: relative;
    top: 5px;
}

.mainMenuInspireButton
{
	float: left;
    position: relative;
	padding-left: 67px;
}

.mainMenuInspireProButton
{

}

img.button
{
	border-style: none;
}

/*******************************

    Marketing Slogan

********************************/

.marketingSlogan
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.mediumSeparatorBelowMarketingSlogan
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*******************************

    App Artwork

********************************/

.appArtwork
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    
    padding-top: 20px;
}

.appLogo
{
    float: left;
    max-width: 480px;
}

.appIcon
{
	float: left;
    position: relative;
    top: -12px;
    left: 85px;
}

.appStoreBadge
{
    float: left;
    position: relative;
	left: 169px;
    padding-top: 20px;
    padding-bottom: 22px;
}

.appStoreBadgeNoAppIcon
{
    float: left;
    position: relative;
	left: 169px;
    padding-top: 12px;
    padding-bottom: 32px;
}

/*******************************

    App Menu Buttons

********************************/

.inspireMenu
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 6px;
}

.inspireMenuOverviewButton
{
	float: left;
}

.inspireMenuScreenShotsButton
{
	float: left;
}

.inspireMenuVideosButton
{
	float: left;
}

.inspireMenuReviewsButton
{
	float: left;
}

.inspireMenuExporterButton
{
	float: left;
}

.inspireMenuContestButton
{
	float: left;
}

.inspireMenuGalleryButton
{
	
}

/*******************************

    Overview

********************************/

.overview
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

.overviewTitle
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.overviewMainSection
{

}

.overviewScreenShotMain
{
    float: left;
    position: relative;

    padding-left: 120px;
}

.overviewScreenShotTitleAndDescriptionMain
{
    width: 820px;
    
    text-align: left;
    
    padding-top: 90px;
    
    position: relative;
    left: 20px;
}

.overviewScreenShotTitleMain
{
	font-size: 24px;
    font-weight: bold; 
	color: RGB(40, 40, 40);
}

.overviewScreenShotDescriptionMain
{
   	font-size: 20px;
	color: RGB(80, 80, 80);
}

.overviewSection
{
    float: left;
    width: 320px;
    
    padding-top: 40px;
}

.overviewSectionHorizontal
{
    float: left;
    width: 420px;
    
    padding-left: 40px;
    padding-top: 40px;
}

.overviewScreenShot
{
    float: left;
    width: 320px;
}

.overviewScreenShotHorizontal
{
    float: left;
    width: 420px;
}

.overviewScreenShotTitleAndDescription
{
    float: left;
    width: 260px;
    
    text-align: left;
    
    padding-left: 36px;
}

.overviewScreenShotTitleAndDescriptionHorizontal
{
    float: left;
    width: 360px;
    
    text-align: left;
    
    padding-left: 36px;
}

.overviewScreenShotTitle
{
	font-size: 20px;
    font-weight: bold; 
	color: RGB(40, 40, 40);
}

.overviewScreenShotDescription
{
	font-size: 16px;
	color: RGB(80, 80, 80);
}

/*******************************

    Overview iPad

********************************/

.overviewMainSectioniPad
{

}

.overviewScreenShotMainiPad
{

}

.overviewScreenShotTitleAndDescriptionMainiPad
{
    width: 640px;
    
    text-align: left;
        
    padding-left: 164px;
    padding-bottom: 10px;
}

.overviewSectioniPad
{
    float: left;
    width: 960px;
    
    padding-top: 40px;
}

.overviewScreenShotiPad
{
    float: left;
}

.overviewScreenShotTitleAndDescriptioniPad
{
    float: left;
    width: 350px;
    
    text-align: left;
    
    padding-top: 210px;
}

.overviewSectioniPadRight
{
    float: left;
    width: 960px;
    
    padding-top: 10px;
}

.overviewScreenShotiPadRight
{
    float: right;
}

.overviewScreenShotTitleAndDescriptioniPadRight
{
    float: right;
    width: 350px;
    
    text-align: left;
    
    padding-top: 210px;
}

.overviewSectionHorizontaliPad
{
    width: 960px;
}

.overviewScreenShotHorizontaliPad
{

}

.overviewScreenShotTitleAndDescriptionHorizontaliPad
{
    width: 630px;
    
    text-align: left;
    
    padding-left: 164px;
    padding-bottom: 10px;
}

.overviewScreenShotTitleiPad
{
	font-size: 22px;
    font-weight: bold; 
	color: RGB(40, 40, 40);
}

.overviewScreenShotDescriptioniPad
{
	font-size: 18px;
	color: RGB(80, 80, 80);
}

/*******************************

    Overview Feature List

********************************/

.overviewFeatureList
{
    position: relative;
	left: 9px;
    width: 900px;
    
    text-align: left;
    
    padding-top: 50px;
}

.overviewFeatureListTitle
{
    font-size: 20px;
    font-weight: bold; 
	color: RGB(40, 40, 40);
}

.overviewFeatureListItems
{
    width: 900px;
    
    font-size: 16px;
	color: RGB(80, 80, 80);
    
    padding-top: 10px;
}

/*******************************

    Description

********************************/

.descriptionAndScreenShots
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.description
{
	float: left;
    max-width: 436px;
}

.descriptionTitle
{

}

.descriptionText
{
	position: relative;
    left: 7px;
}

.smallVerticalSeparator
{
	float: left;
	max-width: 30px;
	position: relative;
	left: 16px;
	/* 
	For 6 screen shots 2 rows
	top: 74px;
	*/
	top: 196px;
}

/*******************************

    Screenshots

********************************/

.screenShots
{
    position: relative;
    left: 26px;
}

.screenShotsTitle
{	
	
}

.screenShotsImages
{
	position: relative;
    left: 10px;
}

.screenShotsRow
{

}

.screenShotsColumn
{
    float: left;
	position: relative;
}

img.screenShotsImageLink
{
	border-style: none;
}

.smallSeparatorAtBottom
{	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	padding-top: 30px;
	padding-bottom: 10px;
}

a:link 
{
	color: RGB(62, 164, 0); 
	text-decoration: none;
	font-weight: bold;
}

a:active 
{
	color: RGB(62, 164, 0); 
	text-decoration: none;
	font-weight: bold;
}
	
a:visited 
{
	color: RGB(62, 164, 0); 
	text-decoration: none;
	font-weight: bold;
}

a:hover 
{
	color: RGB(215, 110, 0); 
    text-decoration: none;
	font-weight: bold;
}

.screenShotsLarge
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.screenShotsLargeTitle
{	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	padding-bottom: 10px;
}

.screenShotsLargeImages
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*******************************

    Gallery

********************************/

.galleryFirstRow
{
    padding-top: 20px;
}

.galleryRow
{
	padding-top: 40px;
}

.galleryColumn1InCenter
{

}

.galleryColumn1Of2
{
	float: left;
	position: relative;
	left: 100px;
}

.galleryColumn2Of2
{
    float: left;
	position: relative;
	left: 220px;
}

.galleryColumn1Of2Horizontal
{
	float: left;
	position: relative;
	left: 40px;
    top: 80px;
}

.galleryColumn2Of2Horizontal
{
    float: left;
	position: relative;
	left: 120px;
    top: 80px;
}

.galleryColumn1Of2BeforeHorizontal
{
	float: left;
	position: relative;
	left: 40px;
}

.galleryColumn2Of2AfterHorizontal
{
    float: left;
	position: relative;
	left: 120px;
}

.galleryColumn
{
	float: left;
}

.galleryColumnLastInRow
{

}

.gallery
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.galleryTitle
{	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.galleryDescription
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: RGB(80, 80, 80);
    
    padding-top: 10px;
    padding-bottom: 10px;
}

.userpaintings
{

}

.firstUserNameTitle
{
	position: relative;
	left: 9px;
	text-align: left;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
	
	padding-top: 30px;
	padding-bottom: 10px;
}

.userNameTitle
{
	position: relative;
	left: 9px;
	text-align: left;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold; 
    color: RGB(40, 40, 40);
	
	padding-top: 50px;
	padding-bottom: 10px;
}

.galleryNavigationButtonsTop
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: RGB(80, 80, 80);
	
	padding-top: 20px;
	padding-bottom: 0px;
}

.galleryNavigationButtonsBottom
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: RGB(80, 80, 80);
	
	padding-top: 50px;
	padding-bottom: 0px;
}

.galleryPreviousNextButtons
{
    font-family: Courier, monospace;
    font-size: 26px;
}

/*******************************

    Flickr in Gallery

********************************/

.galleryJoinFlickrGroup
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: RGB(80, 80, 80);
    
    position: relative;
	left: 9px;
    text-align: left;
    
    padding-top: 10px;
    padding-bottom: 0px;
}

.galleryFlickrBadge
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.galleryMoreInFlickrGroup
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: RGB(80, 80, 80);
}

#flickr_badge_source_txt {padding:0; font: 10px Geneva, Arial, Helvetica, sans-serif;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 0px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; text-align:center; padding:0 11px 0 10px !important; font: 11px Geneva, Arial, Helvetica, sans-serif !important; color:#3993ff !important;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 10px Geneva, Arial, Helvetica, sans-serif !important; color:#666666 !important;}

/*******************************

    Browse

********************************/

.browse
{
    
}

.browseTitle
{
    position: relative;
	left: 9px;
	text-align: left;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold; 
    color: RGB(40, 40, 40);
	
	padding-top: 30px;
	padding-bottom: 0px;
}

.browsePaintings
{
    padding-left: 5px;
    padding-bottom: 10px;
}

.browsePaintingPortrait
{
    float: left;
	position: relative;
    
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 30px;
}

.browsePaintingLandscape
{
    float: left;
	position: relative;
    
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 50px;
}

.browsePaintingSquare
{
    float: left;
	position: relative;
    
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 30px;
}

/*******************************

    Videos

********************************/

.videos
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: RGB(80, 80, 80);
}

.videosTitle
{	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-bottom: 10px;
}

.videosContent
{
    position: relative;
    text-align: left;
}

.videoTitle
{
	position: relative;
	left: 9px;
	text-align: left;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
    font-weight: bold; 
	color: RGB(40, 40, 40);
	
	padding-top: 10px;
	padding-bottom: 20px;
}

.video
{
    position: relative;
	text-align: center;
    
    padding-bottom: 30px;
}

.lastVideo
{
    position: relative;
	text-align: center;
    
    padding-bottom: 10px;
}

.videoPainting
{
    position: relative;
	text-align: center;
    
    padding-bottom: 30px;
}

/*******************************

    Reviews

********************************/

.reviews
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: RGB(80, 80, 80);
}

.reviewsTitle
{	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-bottom: 10px;
}

.reviewsContent
{
    width: 900px;
    position: relative;
	left: 9px;
	text-align: left;
}

.reviewsLightText
{
	color: RGB(180, 180, 180);
}

/*******************************

    Exporter

********************************/

.exporter
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: RGB(80, 80, 80);
}

.exporterTitle
{	
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-bottom: 10px;
}

.exporterContent
{
    position: relative;
	left: 9px;
	text-align: left;
}

.exporterDescriptionTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.exporterDescription
{
	width: 900px;
	font-size: 14px;
    
    padding-bottom: 20px;
}

.exporterInstructionsTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.exporterInstructions
{
	width: 900px;
	font-size: 14px;
    
    padding-bottom: 10px;
}

.exporterDownloadsTitle
{
    font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.exporterDownloads
{
	width: 900px;
	font-size: 14px;
}

/*******************************

    Contest

********************************/

.contest
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: RGB(80, 80, 80);
}

.contestTitle
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-bottom: 10px;
}

.contestContent
{
    position: relative;
	left: 9px;
	text-align: left;
}

.contestIntroductionTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.contestIntroduction
{
	width: 900px;
	font-size: 14px;
    
    padding-bottom: 10px;
}

.contestThemeTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.contestTheme
{
	width: 900px;
	font-size: 14px;
    
    padding-bottom: 10px;
}

.contestExamplesTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.contestExamples
{
	width: 900px;
	font-size: 14px;
    
    padding-bottom: 10px;
}

.contestExamplePainting
{
    width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-top: 10px;
    padding-bottom: 20px;
}

.contestRulesTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.contestRules
{
	width: 920px;
	font-size: 10px;
    
    padding-bottom: 10px;
}

.contestWinnerTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.contestWinner
{
	width: 900px;
	font-size: 14px;
    
    padding-bottom: 10px;
}

.contestWinnerDescriptionAndPainting
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    position: relative;
	left: 20px;
        
    padding-bottom: 5px;
}

.contestRunnerUpPainting
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    position: relative;
	left: 20px;
        
    padding-bottom: 5px;
}

.contestRunnerUpsTitle
{
	font-size: 20px;
    font-weight: bold; 
    color: RGB(40, 40, 40);
}

.contestRunnerUps
{
	width: 960px;
	font-size: 14px;
    
    padding-bottom: 20px;
    
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    position: relative;
	left: -9px;
}

/*******************************

    Contact

********************************/

.contactInfo
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
	padding-top: 20px;
}

.contactInfoTitle
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.contactInfoItems
{
	width: 900px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
    color: RGB(80, 80, 80);
	
    padding-left: 20px;
	padding-top: 15px;
    padding-bottom: 15px;
}

.contactEmail
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    
    position: relative;
	left: 20px;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(80, 80, 80);
	
	padding-top: 20px;
}

.privacyLightText
{
	color: RGB(180, 180, 180);
}

input[type="text"]
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(80, 80, 80);
    
    background-color: RGB(220, 255, 220);
    
    width: 260px;
}

textarea
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(80, 80, 80);
    
    background-color: RGB(220, 255, 220);
    
    height: 260px;
    width: 866px;
    
    border: inset;
    
    resize: none; 
}

.errorText
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(255, 40, 40);
}

.successText
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: RGB(62, 164, 0);
    
    padding-top: 10px;
}

.formFields
{

}

fieldset
{
    border: 2px solid RGB(62, 164, 0);
    width: 872px;
    padding: 20px 20px
}

legend
{
    font-size: 16px;
    color: RGB(80, 80, 80);
    background: RGB(255, 255, 255);
    border: 2px solid RGB(62, 164, 0);
    padding: 5px 10px
} 

/*******************************

    Privacy

********************************/

.privacy
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
	padding-top: 20px;
}

.privacyTitle
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.privacyPolicy
{
	width: 900px;
    
    position: relative;
	left: 20px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(80, 80, 80);
}

/*******************************

    Lists

********************************/

ul.pixels
{
	list-style-image: url('http://kiwipixel.com/ListItemImageHalfSize.png');
	/*list-style-type: disc;*/
}

ol.exporterNumberedBullets
{
    list-style-type: decimal;
}

/*******************************

    Copyrights

********************************/

.copyright
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
    padding-top: 4px;
	padding-bottom: 40px;
}

.galleryCopyright
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
    padding-top: 25px;
}

/*******************************

    Page Not Found

********************************/

.pageNotFoundDescription
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-top: 30px;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
    
    color: RGB(100, 100, 100); 
}

/*******************************

    Bottom Links (Privacy, Contact)

********************************/

.bottomLinks
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-top: 4px;
    padding-bottom: 10px;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: RGB(100, 100, 100); 
	font-size: 12px;
}

/*******************************

    Coming Soon

********************************/

.comingSoonBigLogo
{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.comingSoonText
{
    width: 500px;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    padding-top: 20px;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
    
    color: RGB(100, 100, 100); 
}

.comingSoonMailingListForm
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    
    position: relative;
	left: 20px;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(80, 80, 80);
	
	padding-top: 30px;
}