/* @import url("reset.css"); */

body {
	margin:0;
	background: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
	line-height:1.5em;
	color:#000;
	background: #fff url("/images/bg-repeat-pattern-2.jpg") repeat-x 0 115px;
}

body#home {
	background: #fff url("/images/bg-repeat-pattern-1.jpg") repeat-x 0 115px;
}

.reset {margin:0; padding:0;}
.clear {clear:both;}
p {margin-top:20px;  text-align:justify;}
img {border:0;}
form {margin:0; padding:0;}
a {color:#000;}    
a:hover {color:#ff0000;}

#wrapper {
	width: 940px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	min-height:600px;
}

#head {width:940px; margin:15px 0;}
	#logo {float:left;}
	#promo {float:right;}

/* Nav Menu */
#nav {
	width: 940px;
	height: 50px;
	background:#000 url("/images/nav-bar-bg.jpg");
	text-align: center;
}
	.menu {font:bold 16px 'PT Sans', arial, sans-serif; position:relative; z-index:100; padding:0px; margin:0 auto; left:25px;}
	 
	.menu ul {list-style:none; margin:0; padding:0;}
	.menu li {float:left; position:relative;}
	.menu table {position:absolute; top:0; left:0;}
	
	.menu ul ul {visibility:hidden; position:absolute; left:20px; top:50px; margin:0; padding:0;}
	.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}
	
	.menu a, .menu a.nav {display:block; padding:15px 27px; margin:0px; color:#fff; text-decoration:none;}   
	.menu a:hover, .menu a.nav:hover {color:#ff0000;}
	
	.menu a.nav-active {color:#ff0000;}
	.menu a.nav-active:hover {color:#fff;}
	
	.menu ul ul li {clear:both; text-align:left; font:12px arial;}    
	.menu ul ul li a {display:block; width:140px; height:20px; background:#202020; color:#fff; margin:0; border:0; border-top:1px solid #fff; padding:4px 8px 2px 8px;}    
	.menu ul ul li a:hover {border:0; background:#202020; color:#ff0000; border-top:1px solid #fff;}

/* Nav Menu */


/* side-menu */
#side-menu ul {list-style:none; margin:0; padding:15px 20px;}
#side-menu li {text-align:right; margin-bottom:5px;}
#side-menu a.side-nav {color:#fff; text-decoration:none; font-weight:bold;}
#side-menu a.side-nav:hover, #side-menu a.side-nav-active {color:#ff0000; text-decoration:none; font-weight:bold;}
/* side-menu */


/* slider */
#slider {
    width: 940px; /* important to be same as image width */
    height: 390px; /* important to be same as image height */
	margin-top:1px;
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 940px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
	.sliderImage {
	    float: left;
	    position: relative;
		display: none;
	}
	.sliderImage span {
	    position: absolute;
		font: 10px/15px Arial, Helvetica, sans-serif;
	    padding: 10px 13px;
	    width: 914px;
	    background-color: #000;
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
		-khtml-opacity: 0.7;
	    opacity: 0.7;
	    color: #fff;
	    display: none;
	}
	
	.sliderImage span strong {
	    font-size: 14px;
	}
	.top {
		top: 0;
		left: 0;
	}
	.bottom {
		bottom: 0;
	    left: 0;
	}
	.left {
		bottom: 0;
	    left: 0;
		width: 200px !important;
	}
	.right {
		right: 0;
		top: 300px;
		width: 150px !important;
		height: 372px;
	}
/* slider */


/* inner page banner 940x150 */
#banner {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-7.jpg");}
#banner-about {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-5.jpg");}
#banner-gallery {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-3.jpg");}
#banner-pricing {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-2.jpg");}
#banner-order {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-4.jpg");}
#banner-education {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-6.jpg");}
#banner-contact {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/digitizing-sample-collage-1.jpg");}
/*
#banner {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/Camille-sample.jpg");}
#banner-about {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/savannah.jpg");}
#banner-gallery {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/stylized-floral-repeat.png");}
#banner-pricing {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/darcy.png");}
#banner-order {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/arlington.png");}
#banner-education {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/paisley-repeat.jpg");}
#banner-contact {width:940px; height:150px; margin-top:1px; background:#fff url("/images/banners/940x150/poppy-stripe.jpg");}
*/


#home-slogan {text-align:center; margin-top:20px;}

#steps123 {width:940px; height:135px;}
#step1 {float:left; width:300px; height:135px; background:url("/images/3steps-bg-1.jpg");}
#step2 {float:left; width:300px; height:135px; background:url("/images/3steps-bg-2.jpg"); margin-left:20px;}
#step3 {float:left; width:300px; height:135px; background:url("/images/3steps-bg-3.jpg"); margin-left:20px;}
.steps {padding:12px 20px 12px 70px; color:#fff; text-align:justify;}

#main {margin:30px 0;}	
#side-menu {float:left; width:180px; height:180px; background:url("/images/bg-side-menu.jpg") no-repeat;}
#main-col {float:left; width:720px; margin-left:40px;}

#gallery {border:1px solid #000; width:918px; padding:10px;}
#gallery a.thumb {display:block; padding:5px; background-color:#bbbbbb;}
#gallery a.thumb:hover {background-color:#009eff;}
#gallery ul, li {margin:0; padding:0;}
#gallery li.thumb {float:left; list-style:none; padding:8px;}
#gallery img {border:solid 1px #000;}

table#prices, table#discounts, table#formats {border-collapse:collapse;}
table#prices td, table#discounts td, table#formats td {border:1px solid #666;}
table#discounts td {padding-left:10px;}

#order-form {width:938px; border:1px solid #333; font:normal 12px arial; background:#fff; margin-top:25px; margin-bottom:-20px;}
	#form-left, #form-right {padding:20px;}
	#form-left {float:left; width:520px; border-right:1px solid #333;}
	#form-right {float:left; width:335px;}
		#form-right textarea {width:333px;}
	table.form-left td, table.form-right td {padding:3px 3px;}
/* #orderForm input {width:250px;}
#orderForm input.radio {width:20px;} */

#thanks-message-box {width:930px; background:#000 url(/images/bg-fabric.jpg); padding:5px; color:#fff; margin-top:25px;}
#thanks-message {width:870px; padding:20px 30px; border:1px dashed #fff;}
#thanks-message h3 {color:#ff0000;}


#footer-container {width:100%; height:120px; background:url("/images/bg-repeat-pattern-1.jpg") repeat-x; color:#fff; text-align:center;}
#footer {width:940px; margin:0 auto; text-align:left; padding:30px 0px 0px 0px; }
#footer ul {list-style:none; position:relative;}
#footer li {float:left; padding:0px 20px 0 0;}
#footer a {color:#fff;}    
#footer a:hover {color:#ff0000;}
	#footer-links, #copyright {float:left;}
	#social-buttons, #credit {float:right;}
	#footer-bottom {margin-top:20px;}

/* FONTs and Text */
h1 {font-size: 20px; margin-top:30px;}
h2 {font-size: 18px; margin-top:25px;}
h3 {font-size: 16px; margin-top:20px;}

#gallery h3 {margin:15px 10px;}

.pt-sans {
	font-family: 'PT Sans', arial;
	line-height:1.2;
}
.lobster {
	font-family: 'Lobster', serif;
}
.droid-serif {
    font-family: 'Droid Serif', serif;
}
.rockwell {
    font-family: rockwell, 'Droid Serif', serif;
}

.size-84 {font-size:84px; font-weight:bold; letter-spacing: -0.05em;}
.size-72 {font-size:72px; font-weight:bold; letter-spacing: -0.025em;}
.size-60 {font-size:60px; font-weight:bold;}
.size-48 {font-size:48px; font-weight:bold;}
.size-36 {font-size:36px; font-weight:bold;}
.size-30 {font-size:30px; font-weight:bold;}
.size-25 {font-size:25px; font-weight:bold;}
.size-24 {font-size:24px; font-weight:bold;}
.size-18 {font-size:18px; font-weight:bold;}

.small {font:normal 11px arial, helvetica sans-serif;}
.red {color:#cc0000;}
.testimonial-name {font-size:12px; line-height:125%; color:#666; text-align:right;}
/* end FONTs and text */


/* Others */
.hideText {display:none; color:#ff0000;}

.margin5 {margin-top:5px;}
.margin10 {margin-top:10px;}
.margin15 {margin-top:15px;}
.margin20 {margin-top:20px;}
.margin25 {margin-top:25px;}
.margin30 {margin-top:30px;}
.margin40 {margin-top:40px;}

.star {color:#ff0000;}
hr {margin:20px 0;}