@charset "UTF-8";

/*
copyright photomasking.com 2011
*/

/* CSS Structure 

(01) RESET 
(02) GENERIC GLOBAL STYLES
(03) GRID 12 COLUMN
(04) LAYOUT 
(05) LAYOUT DETAIL
(06) IMAGE LINK
(07) FORM
(08) HOVER ITEM

/* ---------------------------------------------------------
	(01) RESET 
------------------------------------------------------------*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/* ---------------------------------------------------------
	(02) GENERIC GLOBAL STYLES
------------------------------------------------------------*/
body {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 15px;
	font-style : normal;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.45em;
	color : #555555;
	/*background:url(/images/blue.jpg) center top no-repeat;*/
}

/*--- headings ---*/

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0px 0 20px 0; color:#363633; }

h1 {font-size:32px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:15px;}
h6 {font-size:13px;}

/*--- text-elements ---*/
ul li {list-style:none;}
img {border:none;}

a{ text-decoration:none; color:#346699; }
a:hover{ text-decoration:none; color:#46b002; }
a#mail-link { text-decoration:none; color:#72b2e5; }
a:hover#mail-link { text-decoration:none; color:#46b002; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
a img{ border:none; }
ul{ list-style-type:circle; list-style-position:inside; }
ul.checklist{ list-style-image:url(/images/bg-checklist.png); }
ol{ list-style-type:decimal; list-style-position:inside; }
blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:#ffffff url(/images/quote.gif) no-repeat top left; color:#999999; }
blockquote span{ color:#666666; }


.blockquote-left{ width:250px; float:left; }
.blockquote-right{ width:250px; float:right; }

.left {float:left;}
.right {float:right;}
.center { text-align:center;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.textright {text-align:right;}
.noborder { border:none}
.hidden { display: none !important; }
.top26{ padding-top:26px;}
.bottom10 { padding-bottom:15px;}
.pad26 {padding:26px 0 26px 0;}
.pad10 {padding:12px;}
.green{ color:#4a9e38;}
.orange{ color:#e46f37;}
.blue{ color:#137db6;}
.image-icon { float:left; margin:5px 26px 38px 0;}
.image-icon2 { float:left; margin:0px 26px 2px 0;}
.payment { font-weight:bold; color:#363636;font-size:20px; margin:0 26px 25px 0; display:block; float:left; }
.address { color:#f4f4f2; margin-bottom:10px;}


/* ---------------------------------------------------------
	(03) GRID 12 COLUMN
------------------------------------------------------------*/
.full{ width:940px; margin:0 auto; text-align:left;  }
.c700{ width:700px; float:left; margin-right:20px; }
.c620{ width:620px; float:left; margin-right:20px; }
.c540{ width:540px; float:left; margin-right:20px; }
.c460{ width:460px; float:left; margin-right:20px; }
.c380{ width:380px; float:left; margin-right:20px; }
.c300{ width:300px; float:left; margin-right:20px; }
.c220{ width:220px; float:left; margin-right:20px; }
.c140{ width:140px; float:left; margin-right:20px; }
.c60{ width:60px; float:left; margin-right:20px; }

.last{ margin-right:0px; }
.clear{ clear:both; }
.block{ display:block; }
.hide{ display: none; }

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}


/* ---------------------------------------------------------
	(04) LAYOUT 
------------------------------------------------------------*/

#wrapper {
	background:#fff url(/images/header-bg.jpg) repeat-x top;
	text-align:left;
}
header#mainHeader {
	width:940px;
	position: relative;
	height: 90px;
	margin: 0 auto;
}
section#showcase {
	background:#292d2f;
	padding:26px 0 26px 0;
	background:#1d1d1d url(/images/showcase-bg.jpg) repeat-x top;
}
section#showcase2 {
	background:#fff url(/images/service-bg.jpg) repeat-x top;
	padding:26px 0 26px 0;
	text-shadow:#FFFFFF 1px 1px;
}
section#process {
	background: url(/images/process-bg.jpg);
	padding:26px 0 26px 0;
	text-shadow:#FFFFFF 1px 1px;
	
}
section#form {
	position: relative;
	background:#a2d2e2 url(/images/form-bg.jpg) repeat-x bottom;
}
section#message {
	position: relative;
	background: yellow;
}
section#contact {
	background:#25292a url(/images/contact-bg.jpg) no-repeat top;
	font-size:13px;
	color:#c0c0c0;
	text-shadow:#161717 1px 1px;
	padding:26px 0 26px 0;
}
footer#pageFooter {
	height:20px;
	clear: both;
	background:#191919;
	padding:26px 0 26px 0;
	color:#8e8d8d;
	text-shadow:#212121 1px 1px;
	font-size:13px;
}

/* ---------------------------------------------------------
	(05) LAYOUT DETAIL 
------------------------------------------------------------*/
/*--- header ---*/
h1#logo {
	 background:url(/images/logo.jpg) no-repeat top left;
	}
h1 a { display : block; width:180px; height:90px; text-indent : -9999px; }
.slogan{ position:absolute; left:680px; top:0;}


#introduction { width:620px; float:left; margin-right:20px; margin-top:26px; color:#d0dce0; text-shadow:#000 1px 1px; }
.introduction { color:#fff;  }
#notice { 
	width:260px; height:108px; float:left; 
	margin-top:26px; color:#000;
	background:url(/images/holiday-notice-bg.jpg) no-repeat top left;
	padding:20px;	
}
.notice { 
	font-family: 'Schoolbell', arial, serif;
	margin:0px 0 10px 0; 
}

#benefits { width:460px; float:left; margin-right:20px; }
#services { width:460px; float:left; }
#pricing {  width:900px; padding:20px; margin-top:26px; }
#error {
	float:left; padding:20px; width:255px; 
	height:200px; color:#99999; font-size:14px;
	margin-right:0px; background:#f8f5cf;
	border-radius:4px 4px;
	border:#d7d1a1 solid 1px;
	 
}
#error p { padding-top:4px;}
#error img { float:left; padding:0 10px 0 0;}
#error li {list-style: disc; margin: 0 0 1em 48px;}



/* ---------------------------------------------------------
	(06) IMAGE LINK
------------------------------------------------------------*/
.imageOver{
	background:#000 url(/images/zoom.gif) no-repeat 50% 50%;	
	opacity: 0.5;	
}

/*----------------------------------------------------------
	(07) FORM
----------------------------------------------------------*/
p.form-hp {display: none;}
#sending img {margin-right: 46px;}
#form-thanks p {font-size: 22px;}
section#message p {font-size: 22px;} /* fall back for error messages when javascript is off */

.cssform p{
	margin: 0;
	padding: 0px 0 5px 0;
/*border-top: 1px dashed gray;*/
	height: 1%;
}

.cssform label{
	float: left;
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

input[type="text"].missing {background-color: #fee;}
input[type="text"], input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	font-size:14px; 
	background-color:#fff;
  	border-bottom-color:#a3cbd8;
  	border-bottom-left-radius:4px 4px;
  	border-bottom-right-radius:4px 4px;
  	border-bottom-style:solid;
  	border-bottom-width:1px;
  	border-left-color:#a3cbd8;
  	border-left-style:solid;
  	border-left-width:1px;
  	border-right-color:#a3cbd8;
  	border-right-style:solid;
  	border-right-width:1px;
  	border-top-color:#a3cbd8;
  	border-top-left-radius:4px 4px;
  	border-top-right-radius:4px 4px;
  	border-top-style:solid;
  	border-top-width:1px;
  	box-shadow:#CCCCCC 0 1px 3px inset;
  	color:#333;
  	height:22px;
  	margin-bottom:5px;
  	margin-left:0;
  	margin-right:0;
  	margin-top:1px;
  	outline-color:initial;
  	outline-style:none;
  	outline-width:initial;
  	padding-bottom:6px;
  	padding-left:10px;
  	padding-right:10px;
  	padding-top:8px;
  	text-shadow:#FFFFFF 1px 1px;
}

.cssform textarea{
	width: 89%;
	height: 150px;
	font-size:14px;
	padding:10px;
	background-color:#fff;
	border-bottom-color:#a3cbd8;
	border-bottom-left-radius:4px 4px;
	border-bottom-right-radius:4px 4px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#a3cbd8;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#a3cbd8;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#a3cbd8;
	border-top-left-radius:4px 4px;
	border-top-right-radius:4px 4px;
	border-top-style:solid;
	border-top-width:1px;
	box-shadow:#CCCCCC 0 1px 3px inset;
	color:#333;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;
	margin-top:1px;
	outline-color:initial;
	outline-style:none;
	outline-width:initial;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	text-shadow:#FFFFFF 1px 1px;
}

.superbutton{
	width:120px;
	height:35px;
	font-size:14px;
	margin-right:46px;
	border-radius:4px 4px;
	background-attachment:initial;
  	background-clip:initial;
  	background-color:transparent;
  	background:#d65f34 url(/images/submit-button.jpg) top repeat-x;
  	background-origin:initial;
  	background-position:50% -1px;
  	background-repeat:repeat no-repeat;
  	border-bottom-color:#D65F34;
  	border-bottom-style:solid;
  	border-bottom-width:1px;
  	border-left-color:#D65F34;
  	border-left-style:solid;
  	border-left-width:1px;
  	border-right-color:#D65F34;
  	border-right-style:solid;
  	border-right-width:1px;
  	border-top-color:#D65F34;
  	border-top-style:solid;
  	border-top-width:1px;
  	box-shadow:#FAAA82 0 1px inset;
  	color:#FFFFFF;
  	text-shadow:#C8542D 1px 1px;
}
 .cancelbutton{
	width:120px;
	height:35px;
	margin-right:10px;
	font-size:14px;
	float:left;
	border-radius:4px 4px;
	background-attachment:initial;
  	background-clip:initial;
  	background-color:transparent;
  	background:#b6b6b5 url(/images/cancel-button.jpg) top repeat-x;
  	background-origin:initial;
  	background-position:50% -1px;
  	background-repeat:repeat no-repeat;
  	border-bottom-color:#b6b6b5;
  	border-bottom-style:solid;
  	border-bottom-width:1px;
  	border-left-color:#b6b6b5;
  	border-left-style:solid;
  	border-left-width:1px;
  	border-right-color:#b6b6b5;
  	border-right-style:solid;
  	border-right-width:1px;
  	border-top-color:#b6b6b5;
  	border-top-style:solid;
  	border-top-width:1px;
  	box-shadow:#fff 0 1px inset;
  	color:#FFFFFF;
  	text-shadow:#a1a19e 1px 1px;
}
.cancelbutton:hover{ color:#252525; text-shadow:#d5d5d5 1px 1px; }
.superbutton:hover{ color:#252525; text-shadow:#f2763a 1px 1px; }

/* ---------------------------------------------------------
	(08) HOVER ITEM
------------------------------------------------------------*/
.over_item{
	position:relative;
}
.over_item:hover {
  	background-attachment:initial;
  	background-clip:initial;
  	background-color:#FFFFFF;
  	background-image:initial;
  	background-origin:initial;
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border-bottom-left-radius:5px 5px;
  	border-bottom-right-radius:5px 5px;
  	border-top-left-radius:5px 5px;
  	border-top-right-radius:5px 5px;
  	z-index:10;
}
.over_item a:hover{
	
}

.bflinks { color:#fff;}