/* MIRAMOVA WEB DEVELOPMENT */

@import "reset.css";
@import "typography.css";
@import "journal.css";



/* @group GLOBAL STYLING */

body {
	
	background: #09242C url(images/top-background.jpg) top center repeat-x;
	
	color:#808080; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	
	height:100%; margin:0; padding:0;
}
a:link, a:active, a:visited {
	
	text-decoration:underline; color:#1097C3;
}
a:hover {
	
	text-decoration:none; color:#1097C3;
}
.left {
	float:left;
}
.right {
	float:right;
}


/* HEADER & NAVIGATION STYLING */

#header {
	
	margin:0 auto; padding:0;
	
	height:190px; width:1005px;
	
	
}
#nav {
	
	width:993px; height:50px; margin:0 auto; padding:0 0 0 12px;
	
	background:  #09242C url(images/nav-background.gif) top center repeat-y;
	
	color:#E0FB9A; font-size:10px; font-weight:normal; font-family: Arial, Helvetica, sans-serif;
	
	overflow:hidden;
}
				#nav li {
						
					color:#E0FB9A; font-size:10px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-align:center;
						
					list-style:none; float:left;
				}
				
				#nav li a {
					
					color:#E0FB9A; font-size:10px; width:163px; height:30px; display:block; text-align:center; padding-top:20px;
					
					text-transform: uppercase; text-decoration:none; font-weight:normal; font-family: Arial, Helvetica, sans-serif;		
				}
				#nav li a:hover {
					
					color:#E0FB9A; font-size:10px; width:163px; height:30px; display:block; text-align:center;  padding-top:20px;
					
					text-transform: uppercase; text-decoration:underline; font-weight:normal; font-family: Arial, Helvetica, sans-serif;
				}
#banner {
	
	width:1005px; height:140px; margin:0; padding:0;
	
	background: url(images/banner.jpg) left  top no-repeat;
}
			#banner span {
				
				margin: 65px 0 0 522px; position:absolute;
				
				color:#E0FB9A; 
				
				font-size:18px; font-family: Georgia, serif; text-decoration:none; font-weight:normal;
			}
			#banner span a {
				
				color:#E0FB9A; 
				
				font-size:18px; font-family: Georgia, serif; text-decoration:none; font-weight:normal;
			}
			#banner span a:hover {
				
				color:#E0FB9A;
				
				font-size:18px; font-family: Georgia, serif; text-decoration:underline;  font-weight:normal;
			}





/* MAIN CONTENT STYLING */

#wrapper {
	
	margin:0; padding:0;
	
	background: #FFFFFF url(images/wrapper-fade.gif) top left repeat-x;
}
#container {
	
	width:1005px; margin:0 auto; padding:0;
	
	background:  url(images/main-background.png) top center repeat-y; overflow:hidden;
}
#content-wrapper {
	
	width:979px; margin:35px auto 0 auto; padding:0; 
	
	background: url(images/content-fade.gif) bottom right no-repeat;
}
.content {
	
	width:878px; margin:0 auto 5px auto; padding:0 0 25px 0;
	
	background: url(images/home-box.gif) bottom center repeat-x;
	
	border:1px solid #E3E3E3; overflow:hidden;
}
.content  p {

	padding:10px 25px; margin:0;
	
	line-height:28px;
	
	color:#808080; font-size:12px; font-family: Arial, Helvetica, sans-serif;
}

/* @end */


/* @group HOME BOX STYLING */

#home-box {
	
	width:223px; border:1px solid #E3E3E3;
	
	float:right; background: #FFFFFF;
		
	margin:50px 25px 25px 25px;
}
#home-box li {
	
	list-style:none; font-size:10px; color:#808080; font-family: Arial, Helvetica, sans-serif;
	
	padding: 25px 0; line-height:15px;
}
#home-box li img {
	
	float:left;
	
	width:55px; height:31px; margin:0; padding:0; border:0;
}
#home-box li span.color {
	
	color:#CA5D79; font-family: Arial, Helvetica, sans-serif;
	
	font-size:14px; text-decoration:underline;
	
	/*old color:#a36bdc; */
}
#home-box li a {
	
	color:#CA5D79; font-family: Arial, Helvetica, sans-serif;
	
	font-size:14px; text-decoration:underline;
}
#home-box li a:hover {
	
	color:#CA5D79;  font-family: Arial, Helvetica, sans-serif;
	
	font-size:14px; text-decoration:none;
}
.home-box-top { background: url(images/home-box.gif) bottom left repeat-x; border-bottom:1px solid #E3E3E3;}
.home-box-mid {border-bottom:1px solid #E3E3E3;}
.home-box-bottom {background: url(images/home-box.gif) bottom left repeat-x;}

/* @end */


/* @group BOTTOM CONTENT STYLING */

#bottom {
	
	width:880px; margin:0 50px 5px 63px; padding:0; border-bottom:1px solid #e3e3e3;
	
	background: url(images/bottom.gif) top center no-repeat; 
	
	overflow:hidden; clear:both;
}
#bottom-flip {
	
	width:880px; margin:0 50px 5px 50px; padding:0; border-bottom:1px solid #e3e3e3;
	
	background: url(images/bottom-flip.gif) top center no-repeat;
	
	overflow:hidden; clear:both;
}
#bottom-full {
	
	width:880px; margin:0 50px 5px 63px; padding:0; border-bottom:1px solid #e3e3e3;
	
	background: url(images/bottom-full.gif) top center no-repeat; 
	
	overflow:hidden; clear:both;
}
#payment-methods {

	width:880px; margin:0 50px 5px 63px; padding:15px 0 5px 0;
	
	background: url(images/bottom-full.gif) top center no-repeat; overflow:hidden;
}
.bottom-big {

	float:left; 

	width:630px; margin:0; padding:0;
}
.bottom-big-home {

	float:left; 

	width:630px; margin:0; padding:13px 0 10px 0;
}
.bottom-big p, .bottom-big-home p {
	
	padding: 0 15px 15px 25px; line-height:24px;
}
.bottom-small {
	
	float:left; width:250px; padding:35px 0 0 0;
	
	font-size:10px; color:#808080; font-family: Arial, Helvetica, sans-serif; line-height:16px;	
	
	margin:0;
}
.bottom-small a {
	
	color:#CA5D79; font-family: Arial, Helvetica, sans-serif; 
	
	font-size:14px; text-decoration:underline;
}
.bottom-small a:hover {
	
	color:#CA5D79; font-family: Arial, Helvetica, sans-serif; 
	
	font-size:14px; text-decoration:none;
}

/* @end */


/* @group FOOTER STYLING */

#footer {

	
	background: #09242C url(images/footer-background.jpg) top center repeat-x; margin:0; clear:both;
	
	height:90px; text-transform: uppercase; font-weight:normal; font-family: Arial, Helvetica, sans-serif; color:#446F7B; font-size:10px;
}
#footer-color {
	
	width:1005px; height:58px;
	
	margin:0 auto; padding:32px 0 0 0; background: url(images/footer.jpg) top center no-repeat;
}
#copyright {

	padding:8px 8px 8px 15px; width:292px; margin:0 50px 0 63px;
	
	color:#446F7B;background: #09242C; /* border-bottom:1px solid #0E353C; */
}



/* FLICKR BOX STYLING */

#flickr-box {
	
	margin:0; padding:10px 4px;
}
#flickr-box img {
	
	float:left; margin:5px 11px; height:75px; width:75px; padding:5px; background:#ffffff;
	
	border:1px solid #e3e3e3;
}

/* @end */


/* @group SHOWCASE  STYLING */


span.work-services {
	
	float:left;
	
	font-size:10px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;
	
	background:#808080; padding:7px 10px; margin:20px 25px;
	
	word-spacing:3px;
}

.work-display img {

	float:left; margin:0; padding:0;
}


.work-display {
	
	width:830px; padding:40px 24px 40px 24px; margin:0; clear:both; overflow:hidden;
}
.work-display p {
	
	width: 336px; margin: 0; padding: 10px 24px 10px 20px; float: left;
}
.view {
	
	float:left; padding:0 0 20px 20px; text-align: right;
	
	width:356px; color:#e3e3e3; font-family: Arial, Helvetica, sans-serif; font-size:12px;
}
.view a {
	
	color:#CA5D79; font-family: Arial, Helvetica, sans-serif;
	
	font-size:12px; text-decoration:underline;
}
.view a:hover {
	
	color:#CA5D79;  font-family: Arial, Helvetica, sans-serif;
	
	font-size:12px; text-decoration:none; 
}


/* CONTACT FORM STYLING */

fieldset{
	margin: 20px 25px;
	width:828px; 
	border: 1px solid #E3E3E3;
	clear:both;
}

legend{
	font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;
	margin: 0 20px;
	padding: 5px;
	font-size:14px; font-weight:bold; color:#A1CB35;
}
sup {color:#1097C3;}

.headings {
	padding: 8px 10px; margin-bottom:10px;
	width:758px;
	background: #E8F1F7;
	border: none;
	border-top: 1px solid #D9E7F1;
	border-left: 1px solid #D9E7F1;
	
	color:#CA5D79;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.message {
	padding: 8px 10px;
	width: 758px; height:100px;
	background: #E8F1F7;
	border: none;
	border-top: 1px solid #D9E7F1;
	border-left: 1px solid #D9E7F1;
	color:#CA5D79;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.contactsubmit {
	
	margin:10px 25px 30px 0; float:right;font-family: Arial, Helvetica, sans-serif;
}
.bigger {font-size:12px;}

/* @end */


/* @group MISC STYLING*/

hr {
	
	height:1px; width:830px; margin:15px auto; padding:0;
	
	background: #E3E3E3; color:#E3E3E3; border:0; clear:both;
	
}
hr.full {
	
	height:1px; width:878px; margin:15px auto 0  auto; padding:0;
	
	background: #E3E3E3; color:#E3E3E3; border:0; clear:both;
	
}

hr.sep {
	
	height:34px; width:100%; margin:10px auto 0 auto; padding:0;
	
	background: url(images/seperator-fade.gif) left top repeat-x; border:0;
}

img.about-pic {

	float:left;
	
	margin:13px 15px 40px 25px;
}
.content-testimonial {
	
	width:878px; margin:30px auto 5px auto; padding:0 0 20px 0;
	
	background: url(images/home-box.gif) bottom center repeat-x;
	
	border:1px solid #E3E3E3; overflow:hidden; clear:both;
}
p.testimonial {

	padding:35px; margin:0;
	
	line-height:200%;
	
	color:#808080; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
p.testimonial span {font-family:Arial, Helvetica, sans-serif;font-size:12px;}

.space {width:880px;height:35px;margin:0 auto; padding:0; clear:both;}

.email-icon {
		
		padding:5px 0 5px 23px; margin-left: 5px;
		
		background: url(images/mail-icon.png) center left no-repeat;

}
.quote-icon {
		
		padding:5px 0 5px 23px; margin-left: 5px;
		
		background: url(images/quote-icon.png) center left no-repeat;

}

/* @end */