/* RESET */
* {
	margin:0; padding: 0;
	font-family: Helvetica, Arial, sans-serif; 
	outline: none; border: none;

	}
	a {
		text-decoration: none;
		}

/* CORE */
body {
	background: #313333; color: #fff;
	}

.clear {
	clear: both;
	}
	

/* SHARED */
div.header {
	padding: 40px 40px 0 40px; 
	}
	div.header img, div.header h1 {
		float: left;
		}
	div.header h1 {
		font-size: 34px; color: #ccc; margin: 10px 10px 0; 
		}

		
span#page-wrap {
	margin: 0 auto; padding: 40px; display: block;
	}


/* FLOATING BOXES BASICS */
div.box, .menu {
	background-color: #ccc; 
	width: 200px; height: 200px; float: left;
	
	border: 2px solid #ddd; outline: 1px solid #999;
	
	text-align: left; color: black;
	font-family: Georgia, serif; letter-spacing: normal; 
	
	padding: 15px; margin: 3px 0;
	}
	div.box {
		line-height: 24px;
		}
		em {
			background-color: #FFF205;
			}


	/* MENU	 */
	.menu {
	    font-size: 32px; font-weight: bold; color: #A313B3; 
	    font-family: Helvetica, Arial, sans-serif; letter-spacing: -2px;
	    text-align: center; /* height: 120px; */
	    }
	    .menu:hover, .active {
	    	border: 2px solid #bbb; outline: 1px solid #999; opacity: 0.97; 
	    	}
	    	.active {
	    		cursor: default;
	    		}
	    	.inactive {
				display: none;
				}



	/* OTHER BOXES */
		
	#fin {			
		text-align: right; font-size: 38px; font-weight: normal;
		color: #000; line-height: normal; background: #ccc;
		}
		#fin span {
			font-weight: bold; font-size: 34px;
			}
	body div.solar {
		background: #313333; 
		border-color: #313333; outline-color: #313333;
		float: right;
		}
		body div.solar a {
			position: relative; display: block;
			width: 200px; height: 200px;
			background: transparent url('http://solomongiles.com/images/solar-hosting.png') top center no-repeat;
			text-indent: -99999px;
			}
			body div.solar a:hover {
				background: transparent url('http://solomongiles.com/images/solar-hosting.png') bottom center no-repeat;
				}
	

/* CONTACT */

	h1.title {
		color: #000; font-family: Georgia, serif;
		font-size:38px; font-weight:normal;
		}
		.title span {
			font-size:34px;
			font-weight:bold;
			}

#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:20px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{
	cursor:pointer;
	display:block; float:left; 
	text-align: right; font-weight:normal; 
	padding-top: 0px; padding-right:20px;
	width:100px;
	font-family: Georgia, serif;
	}
#contact-page ol.forms input.txt{width:534px; padding: 4px 0 4px 5px; }
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:150px;width:534px; padding: 10px 0 0 5px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin:2px 0 0 120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin:2px 0 0 120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{ margin: 15px 0 0 120px; padding: 8px 12px 5px 12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 14px; background-color: #ff7e00; }
#contact-page ol.forms li.buttons .submit:hover { background-color: #A313B3; text-shadow: none; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}


#contact-page ol.forms textarea, #contact-page ol.forms input.txt  { font-size: 13px; color: #393939; background-color: #cfcdb6; border: 1px solid #b5b39e; }
#contact-page ol.forms textarea:focus, #contact-page ol.forms input.txt:focus  { background-color: #FFF205; }

#contact-page ol.forms li.buttons .submit, #commentform #submit {
	background-color:#FFF205;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
	-moz-border-radius:3px 3px 3px 3px;
	}

#contact-page ol.forms textarea, #contact-page ol.forms input.txt, #commentform input.txt, #commentform textarea {
	background-color:#BDBDBD;
	border-color:#878787;
	}

#social .inside, #quicklinks, .widget_woo_twitter ul, .nav-entries, .wp-pagenavi, #commentform textarea, #commentform input.txt, #contact-page ol.forms textarea, #contact-page ol.forms input.txt, #tabs .inside, .nav li ul  {
	-moz-border-radius:5px 5px 5px 5px;
	}

#contact-page ol.forms textarea, #contact-page ol.forms input.txt, #commentform input.txt, #commentform textarea {
	background-color:#BDBDBD;
	border-color:#878787;
	}

div.contact-box {
	background-color: #ccc; 
	width: 669px; /* height: 392px; */
	float: left; clear: left;
	
	border: 2px solid #ddd;
	
	text-align: left; color: black;
	font-family: Georgia, serif; letter-spacing: normal; 
	
	padding: 15px; margin: 3px 0;
	}

#sendCopy {
	margin: auto 10px auto auto;	
	}
.alert {color: red; margin: 10px 25px;}