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

/*main elements*/

#container
{
	margin:25px auto;
	width:870px;\
	height:100%;
}

/*Hack for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0)  
{
	#container{width:791px;}
	.navigation a{width:12.12em;}
}

.content
{
	width:790px;
	background-color:#2d2c2c;
	height:100%;
	-moz-border-radius:1.0em;
	-webkit-border-radius:1.0em;
	-ms-border radius:1.0em;
	-o-border-radius:1.0em;
	border-radius:1.0em;
	box-shadow: 0 0 0 6px #144168, 0 0 0 12px #2373BA; 
	padding-top:25px;
}

img
{
	border:0px;
}

body
{
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, 		"DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#550303;
	font-size:15px;
	line-height:18px;
}	

/*header*/

.header
{
	background:URL(../images/header.jpg) top left no-repeat;
	margin-left:25px;
	margin-right:5px;
	margin-top:20px;
	width:735px;
	height:80px;
	clear:both;
	-moz-border-radius:1.0em;
	-webkit-border-radius:1.0em;
	-ms-border radius:1.0em;
	-o-border-radius:1.0em;
	border-radius:1.0em;
	box-shadow: 0 0 0 6px #144168, 0 0 0 12px #2373BA;
	/*box-shadow: 0 0 0 6px #144168, 0 0 0 12px #F02958;*/
}

.special
{
	float:right;
	color:#FFFFFF;
	margin-right:25px;
	margin-bottom:50px;
	font-size:20px;
	font-weight:bold;
}

.navigation
{
	height:25px;
	width:785px;
	padding-left:59px;
	padding-top:40px;
}

.navigation a
{	
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	width:50px;
	padding-left:24px;
	padding-right:24px;
	margin-left:90px;
	margin-right:90px;
	margin-left:0px;
	color: #F02958;
	-moz-border-radius:1.0em;
	-webkit-border-radius:1.0em;
	-ms-border radius:1.0em;
	-o-border-radius:1.0em;
	border-radius:1.0em;
	box-shadow: 0 0 0 6px #144168, 0 0 0 12px #2373BA; 
}

.navigation a:hover
{
	color: #ffffff;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

h1
{
	color:#2878ba;
	font-size:20px;
}

/*home page*/

div.marginbottom 
{
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

div.marginbottom2 
{
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

div.marginbottom3 
{
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

#horizontal_slide 
{
	background: #D0C8C8;
	color:#2373ba;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

#horizontal_slide2 
{
	background: #D0C8C8;
	color:#2373ba;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

#horizontal_slide3
{
	background: #D0C8C8;
	color:#2373ba;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

.htext
{
	font-weight:bold;
	color:#000000;
}

#ul
{
	padding: 0 0 1em 0.7em;
}

li
{
	background:transparent url(../images/bullet.gif) no-repeat scroll left center;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0.5em;
	padding-left:1.5em;
}

/*profile page*/

.profile
{
	background: #D0C8C8;
	color:#000000;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	height:800px;
	padding-bottom:20px;
}

.profileLeft
{
	float:left;
}

.profileRight
{
	float:right;
}

.nameLeft
{
	color:#000000;
	font-weight:bold;
	font-size:15px;
	margin-left:30px;
}

.applicationLeft
{
	color:#2878ba;
	font-weight:bold;
	font-size:15px;
	margin-left:30px;
}


.iconLeft
{
	height:105px;
	margin-left:30px;
}

.nameRight
{
	color:#000000;
	font-weight:bold;
	font-size:15px;
	margin-right:30px;
}

.applicationRight
{
	color:#2878ba;
	font-weight:bold;
	font-size:15px;
	margin-right:30px;
}

.iconRight
{
	height:105px;
	margin-right:30px;
}

.site
{
	padding-top:30px;
}

.example
{
	color:#2878ba;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding-top:30px;
}

.filler
{
	height:1.5em;
}

.insert
{
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
}

.mobile
{
	text-align:center;
	margin-top:10px;
}

.mobile a
{
	text-decoration:none;
	color:#000000;
}

.mobile a:hover
{
	color:#FFFFFF;
}

/*contact page*/

.boxa 
{
	background: #D0C8C8;
	color:#2373ba;
	padding: 5px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

.request
{
	font-size:15px;
	font-weight:bold;
	padding-left:15em;
	background: #D0C8C8;
	color:#2878ba;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

.contactPage
{
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
}

.contact
{
	font-size:15px;
	color:#2878ba;
	font-weight:bold;
	padding-left:25px;
	margin-top:20px;
}

.contact a
{
	color:#f02958;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.contact a:hover
{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
}

.dave
{
	float:left;
	padding-left:285px;
	margin-top:-35px;
}

.formMessage
{
	padding-bottom:5px;
	margin-top:0px;
	text-align:left;
	font-size:1.0em;
	color:#ff0000;
	font-weight:bold;
}

.textArea
{
	color:#2878ba;
}

.response
{
	font-size:15px;
	text-align:left;
	color:#ff0000;
	font-weight: bold;
}

.number
{
	font-size:15px;
	color:#000000;
	font-weight: bold;
}

.label
{
	font-size:15px;
	text-align:left;
	color:#2878ba;
}

.space
{
	padding-left:112px;
}

.vspace
{
	height:10px;
}


.paragraph
{
	font-size:15px;
	font-weight:bold;
	color:#2373ba;
	padding-bottom:15px;
}

.selectBox
{
	color:#2373ba;
}

.submitButton
{
	color:#2878ba;
}

.reply
{
	color:#F02958;
}

/*services page*/

.moreLinks
{
	background: #D0C8C8;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding-bottom:50px;
	color:#2373ba;
}

.otherLinks 
{
	padding-left:25px;
	padding-top:25px;
}

.otherLinks a
{
	color:#f02958;
	text-decoration:none;
	font-weight:bold;
}

.otherLinks a:hover
{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.movie 
{
	width: 100%;
	height: 100%;
}

div.movie 
{
	/*width: 750px;*/
	width: 718px;
	height: 300px;
	text-align: center;
	border: 1px solid #333333;
}

.servicesText 
{
	padding-left:25px;
	padding-top:25px;
	color:#2373ba;
}
			
h3 
{
	margin: 12pt 0pt 3pt 0pt;
}

hr 
{
	width: 50%;
	height: 1px;
	border: 1px #CCCCCC solid;
}
			
a
{
	color: yellow;
}
			
img
{
	border: 0px;
}
			
div.code 
{
	font: 10pt Verdana, sans-serif;
	overflow: auto;
	border: 1px solid #333333;
	padding: 3pt;
	margin: 0pt 0pt 3pt 0pt;
}
			
div.note
{
	font-size: 75%;
	color: #999999;
}

div.note p
{
	margin: 2pt;
}
			
div.note ol 
{
	margin-top: 2pt;
}

.otherGalleries
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	color:#2878ba;
}

.otherGalleries a
{
	color:#f02958;
	text-decoration:none;
}

.otherGalleries a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.servicesHeader
{
	padding-left:25px;
}

.servicesHeader a
{
	color:#f02958;
	text-decoration:none;
}

.servicesHeader a:hover
{
	color:#ffffff;
}

/*sitemap*/

.sitemap
{
 	text-align:center;
	background: #D0C8C8;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	height:850px;
	padding-top:50px;
}

.sitemap a
{
	text-decoration:none;
	color:#000000;
	
}

.sitemap a:hover
{
	text-decoration:none;
	color:#ff0000;
}

/*otherGalleries*/

#caption a
{
	color:#666;
}

.galleryPictures
{
	padding-left:60px;
	margin-top:25px;
	margin-left:25px;
	margin-right:25px;
	background: #D0C8C8;
	color:#2373ba;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	
}

.galleryBackLink a 
{
	text-decoration:none;
	color:#f02958;
}

.galleryBackLink a:hover 
{
	text-decoration:none;
	color:#ffffff;
}
/*applications*/

.clockContainer
{
	
	background: #D0C8C8;
	color:#000000;
	padding-bottom:10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
}

.clock
{
	padding-left:250px;
}

.clockBackLink a
{
	text-decoration:none;
	color:#2878ba;
}

.clockBackLink a:hover
{
	color:#fffff;
}

/*Games Descriptions*/

.instructions
{
	background: #D0C8C8;
	color:#000000;
	padding-bottom:10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding:10px;
}

.instructions p
{
	color:#000000;
}

.descriptions
{
	padding-left:0px;	
}

.descriptions h1
{
	color:#2878ba;
}

.descriptionsBackLink
{
	padding-left:0px;
}

.descriptionsBackLink a
{
	color:#f02958;
	text-decoration:none;
}

.descriptionsBackLink a:hover
{
	color:#ffffff;
}

.instructions
{
	color:#ffffff;
}

.instructionsLink a
{
	color:#f02958;
	text-decoration:none;
}

.instructionsLink a:hover
{
	color:#ffffff;
}

/*solitaire*/

.gameContainer
{
	clear:both;
	background: #D0C8C8;
	color:#2878ba;
	padding-bottom:10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
}

.top
{
	width:800px;
	float:left;
}

.game
{
	padding-left:185px;
	padding-top:15px;
	float:left;
}

.gameLink a
{
	color:#f02958;
	text-decoration:none;
}

.gameLink a:hover
{
	color:#ffffff;
}

.aside
{
	padding-left:185px;
	padding-bottom:15px;
}

.aside a
{
	color:#f02958;
	text-decoration:none;
}

.aside a:hover
{
	color:#ffffff;
}

.solitaireBackLink
{
	clear:both;
	padding-top:25px;
	padding-left:185px;
}

.solitaireBackLink a
{
	color:#f02958;
	text-decoration:none;
}

.solitaireBackLink a:hover
{
	color:#ffffff;
}

/*klondike*/

.klondikeContainer
{
	background: #D0C8C8;
	color:#000000;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
	height:560px;
}

.klondikeGame
{
	padding-left:100px;
}

.klondike
{
	color:#2878ba;
}

.backLink
{
	clear:both;
	padding-top:25px;
}

.backLink a
{
	color:#f02958;
	text-decoration:none;
}

.backLink a:hover
{
	color:#ffffff;
	text-decoration:none;
}

/*klondike-help*/

.klondikHelp
{
	background: #D0C8C8;
	color:#2373ba;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
}

.klondikHelp h2,.klondikHelp p
{
	padding-left:10px;
	padding-right:10px;
}

.klondikeHelpBackLink
{
	padding-left:10px;
}

.klondikeHelpBackLink a
{
	color:#f02958;
	text-decoration:none;
}

.klondikeHelpBackLink a:hover
{
	color:#ffffff;
}

.help
{
	padding-left:25px;
	padding-right:25px;
	color:#ffffff;
}

/*freeCell*/

.freeCell
{
	background: #D0C8C8;
	color:#2878ba;
	padding-bottom:10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
}

.freecellGame
{
	padding-left:60px;
}

/*Freecell Help*/

.freeCellHelp
{
	background: #D0C8C8;
	color:#2373ba;
	padding-bottom:10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
}

.freeCellHelp h1,.freeCellHelp h2,.freeCellHelp h3,.freeCellHelp p
{
	padding-left:25px;
	padding-right:25px;
}

.freeCellHelpBackLink
{
	padding-left:25px;
}

.freeCellHelpBackLink a
{
	color:#f02958;
	text-decoration:none;
}

.freeCellHelpBackLink a:hover
{
	color:#ffffff;
}

/*footer*/

.footer
{
	padding-bottom:50px;
	clear:both;
}

.validateHTML
{
	margin-left:0px;
}

.validateCSS
{
	padding-left:650px;
	margin-top:-30px;
}