@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
{
    /* Changed for iPhone */
    position: relative;
    left: -8px;
}

.wholeOtherPage
{
    /* Changed for iPhone */
    position: relative;
    left: -8px;
}

div.companyLogoTitle
{
    /* Changed for iPhone: every 960 is 940 */
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    position: relative;
    left: 10px;
}

img.companyLogoTitle
{
	border-style: none;
}

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

.mainMenu
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
    
    position: relative;
    left: 10px;
}

.mainMenuInspireButton
{
	float: left;
	position: relative;
	left: 324px;
}

.mainMenuContactButton
{
	
}

img.button
{
	border-style: none;
}

.marketingSlogan
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    position: relative;
    left: 10px;
}

.mediumSeparatorBelowMarketingSlogan
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    position: relative;
    left: 10px;
}

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

.appLogo
{
    float: left;
}

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

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

.inspireMenu
{
    /* Changed for iPhone */
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    
    /* Changed for iPhone */
	padding-left: 40px;
}

.inspireMenuOverviewButton
{
	float: left;
}

.inspireMenuScreenShotsButton
{
	float: left;
}

.inspireMenuVideosButton
{
	float: left;
}

.inspireMenuReviewsButton
{
	float: left;
}

.inspireMenuExporterButton
{
	float: left;
}

.inspireMenuContestButton
{
	float: left;
}

.inspireMenuGalleryButton
{
	
}

.descriptionAndScreenShots
{
	width: 940px;
    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
{
    position: relative;
    left: 26px;
}

.screenShotsTitle
{	
	
}

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

.screenShotsRow
{

}

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

img.screenShotsImageLink
{
	border-style: none;
}

.smallSeparatorAtBottom
{	
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	padding-top: 30px;
	padding-bottom: 10px;
    
    position: relative;
    left: 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: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

.screenShotsLargeImages
{
    /* Changed for iPhone */
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.galleryFirstRow
{
    padding-top: 20px;
}

.galleryRow
{
	padding-top: 40px;
}

.galleryColumn1InCenter
{
    /* Changed for iPhone */
	position: relative;
	left: 10px;
}

/*
	Use these if there are 2 in a row.
*/
.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;
}

/*
	Use these for 3 in a row.
*/
.galleryColumn
{
	float: left;
}

.galleryColumnLastInRow
{

}

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

.galleryTitle
{	
	width: 940px;
	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;
	color: RGB(80, 80, 80);
	
	padding-top: 30px;
	padding-bottom: 10px;
}

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

.galleryNavigationButtonsTop
{
	width: 940px;
	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;
    
    /* Changed for iPhone */
    position: relative;
    left: 10px;
}

.galleryNavigationButtonsBottom
{
	width: 940px;
	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;
    
    /* Changed for iPhone */
    position: relative;
    left: 10px;
}

.browse
{
    
}

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

.browsePaintings
{
    /* Changed for iPhone */
    padding-left: 55px;
    padding-bottom: 10px;
}

.browsePaintingPortrait
{
    float: left;
	position: relative;
    
    /* Changed for iPhone */
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 30px;
}

.browsePaintingLandscape
{
    float: left;
	position: relative;
    
    /* Changed for iPhone */
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 50px;
}

.browsePaintingSquare
{
    float: left;
	position: relative;
    
    /* Changed for iPhone */
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
}

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

.videosTitle
{	
	width: 940px;
	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;
	color: RGB(80, 80, 80);
	
	padding-top: 10px;
	padding-bottom: 20px;
}

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

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

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

.reviewsTitle
{	
	width: 940px;
	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
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: RGB(80, 80, 80);
}

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

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

.exporterDescriptionTitle
{
	font-size: 20px;
}

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

.exporterInstructionsTitle
{
	font-size: 20px;
}

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

.exporterDownloadsTitle
{
    font-size: 20px;
}

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

.contest
{
    width: 940px;
	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;
}

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

.contestThemeTitle
{
	font-size: 20px;
}

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

.contestExamplesTitle
{
	font-size: 20px;
}

.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;
}

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

.contestWinnerTitle
{
	font-size: 20px;
}

.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;
}

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

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

.contactInfoItems
{
	width: 900px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: RGB(80, 80, 80);
	
	padding-top: 2px;
}

.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: 16px;
    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
{
    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);
}

ol.contactBullets
{
	/*list-style-image: url('http://kiwipixel.com/ListItemImage.png');*/
	list-style-type: disc;
}

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

.copyright
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	padding-bottom: 30px;
    
    /* Changed for iPhone */
    position: relative;
    left: 10px;
}

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

.pageNotFoundDescription
{
    width: 940px;
	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); 
}