@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400italic,700italic,400,700);

/* transitions */
a,
input,
textarea,
.b1,
.b2,
.b3 { -webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; }

* { margin:0; padding:0; }

.clear { clear:both; }

body { background:#525564; color:#222; font-size:16px; font-family: 'Source Sans Pro', Arial, arial, sans-serif; }

form { margin: 0px 0px; }

/* layout styles */

#header { width:90%; max-width:1400px;  height:auto; padding:0 0 10px 5%; margin:0; }

#header h3 { font-size:18px; line-height:1; color:#ccc; padding:0; clear:both; text-align:center; margin:0; }

#container { width:90%; max-width:1400px; margin:0 auto 10px auto; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-box-shadow:2px 2px 6px #333; box-shadow:2px 2px 6px #333; background:#FFF; }

/*FOR PROPOSAL PREVIEWS*/
#container2 { width:90%; padding:2%; margin:24px auto; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#FFF; }

#footer { padding:1% 2%; width:96%; color:#999; text-align:center; font-size:11px; }

#header img { float:left; }

#logo, #header img {height:100px;}

/* proposal view */
#container2 #logo {margin:0 auto;height:100px;padding:0 0 30px 0; }
#container2 #logo img {height:100px;}

#content { width:96%; padding:10px 2%; }

table { width:100% !important; }

th { background:#FFF; }

tr { }

td,
th { font-size:14px; border:none; padding:4px; }

td table td { padding:5px; }

table.border { border:1px solid #e5e5e5; }

table.border td { border:1px solid #e5e5e5; padding:4px; }

input[type="text"],
input[type="password"],
textarea { font-family:'Source Sans Pro', Arial, sans-serif; color:#222; font-size:14px; border:1px solid #999; -webkit-box-shadow: inset 4px 4px 4px 0px #e3e3e3; box-shadow: inset 4px 4px 4px 0px #e3e3e3; padding:5px 8px; }

textarea { width:90% !important;}

input[type="text"]:hover,
textarea:hover,
input[type="password"]:hover { border:1px solid #222; outline:none; }

input[type="text"]:focus,
textarea:focus { border:1px solid #F30; outline:none; }

input[type="button"],
input[type="submit"],
.b1,
.b2,
.b4 { font-family:'Source Sans Pro', Arial, sans-serif; display:block; font-weight:700; color:#FFF; background:#f60; font-size:14px; text-decoration:none; border:none; margin:6px 0; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:1px 1px 1px #CE4C36; }

/* button paddings and widths */
input[type="button"],
input[type="submit"],
.b1,.b4 { padding:8px 16px; margin:10px auto; }

input[type="button"].b2,
input[type="submit"].b2,
.b2 { padding:4px 8px; }

.b3 { font-family:'Source Sans Pro', Arial, sans-serif; padding:3px; display:block; font-weight:700; color:#FFF; background:#999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:14px; line-height:13px; text-decoration:none; border:none; text-align:center; width:18px; margin:0 10px 5px 0; }

input[type="button"],
input[type="submit"] { }

input[type="button"]:hover,
input[type="submit"]:hover,
.b1:hover,
.b2:hover,
.b3:hover { background: #F90; color:#FFF; text-shadow:1px 1px 1px #D86F20; }

a.b1 { max-width:180px; }

a.b2 { width:60px; }

.b4, input.b4 { color:#FFF; background:#777; font-size:12px;margin:6px 0;text-shadow:1px 1px 1px #444; }

.b4:hover, input.b4:hover { background: #999; color:#FFF; text-shadow:1px 1px 1px #666; }

select { color:#222; width:180px; }

.box1 { background:#e5e5e5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:3px; }
.box2 {}
.login { background:#e5e5e5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:18px; margin:10% auto; float:none; }

/* text-level styles */

h1 { font-size: 24px; color:#09F; margin-bottom:10px; text-align:center; }

h2 { font-size: 21px; margin-bottom:10px; /*color:#525564;*/ color:#F60; clear:both; }

.mobile h2 { width:100%; clear:both; }

h3 { font-size: 18px; color: #09F; margin:10px 0 6px 0; }

#proposal h3 { margin-top:24px; }

h4 { color:#444; text-transform:uppercase; margin-bottom:10px; }

h5 { font-size: 13px; color: #09F; margin:8px 0; }

p,
li { font-size:14px; margin:8px 0; }

hr { border:none; border-top:2px solid #eee; margin:14px 0; height:0; color:#FFF; display:block; border-collapse:collapse; }

big { font-size: 16px; }

small { font-size:11px; }

a { color:#222; font-weight:700; }

a:hover,
a:focus,
a:active { color: #f30; }

.base { color:#222; line-height: 15px; }

.base-large { color:#222; line-height: 16px; }

.base-narrow { color:#222; letter-spacing: -1px }

.bigger { color:#222; line-height: 15px; font-weight: bold; }

.biggest { color:#222; font-size: 18px; line-height: 22px; }

.basetitle { color:#222; font-weight: bold; line-height: 13px; }

.smallverdana { color:#222; font-size:11px; line-height: 13px; }

.smallest { color:#222; font-size:11px; line-height: 13px; }

.smallbold { color: #222; font-size:11px; line-height: 13px; font-weight: bold; }

.smallhead { color:#222; font-size:11px; line-height: 13px; font-weight: bold; }

.subhead-large { color:#222; font-size: 14px; line-height: 18px; font-weight: bold; }

.subhead { color:#222; font-size: 18px; line-height: 13px; font-weight: bold; margin-top:24px; }

.basehead { color: #222; line-height: 13px; font-weight: bold; }

.basehead-large { color:#222; line-height: 16px; font-weight: bold; }

blockquote { margin-left:20px; }

.calSelect { width:380px; margin:0 auto; }

.mobile .calSelect { width:80%; }

/* hide the mobile calendar input mode on the desktop site and vice versa */
.mobile #desktopCal,
#mobileCal { display:none; }

/* show the mobile cal on teh mobile site*/
.mobile #mobileCal { display:block; }

.column { display:block; width:100%; margin:0; padding:0; margin:0; }

.column ul { padding:0; }

.column li { line-height:1; font-size:12px; font-weight:400; list-style:none; padding:0; margin:3px 0; }

.column li a { border:1px solid #FFF; text-decoration:none; font-weight:400; display:block; padding:8px 2%; background:#EDEDED; -moz-border-radius:4px; border-radius:4px; }

.column li a:hover { border:1px solid #EDEDED; background: #F6F6F6; }

.section { padding:10px 2%; margin:0 0 17px 0; border:2px solid #EEE; /* -moz-box-shadow:1px 1px 10px #CCC; box-shadow:1px 1px 8px #CCC; -moz-border-radius:4px; border-radius:4px;*/ }


/*------------ mobile nav --------------*/

#nav_mobile {  display:block; z-index:400; width:100%; }

/* Top black bar that holds the toggle button */

#nav_mobile #toggle-bar { background-color:transparent; line-height:52px; height:52px; padding:0 0 20px 0; position:absolute; z-index:400; top:0; right:0; }

/* Toggle button #1 ("Menu") */

#nav_mobile strong a { margin-left:30px; padding:10px; }

/* Toggle button #2 ("Navicon") */

#nav_mobile .navicon { float: right; height: 6px; width: 34px; margin: 20px 32px 20px 20px; border-top: 18px double #FFF; border-bottom: 6px solid #FFF; font-size:0; text-indent:-9999px; }

/* The dropdown menu */

#nav_mobile #mmenu { width:96%; margin:0; padding:10px 2%; }

#nav_mobile ul { padding-top:15px; }

#nav_mobile ul ul { padding-top:0; }

#nav_mobile ul li { clear:both; list-style:none; }

#nav_mobile ul li a { display:block; color:#FFF; background-color:#525564; text-align:left; margin:2px 0; padding:6px 0 6px 8px; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

#nav_mobile ul li a:hover { background-color:#6C7186; }

#nav_mobile ul li li a { }

#nav_mobile ul ul { }

#nav_mobile ul ul li { margin-left:30px; }

#nav_mobile ul ul a { background-color: #2E9FAC; padding-left:8px; }

#nav { display:none; }
	
/* --------------------------------- Screens at least 700px wide--------------------------------- */ 
@media screen and (min-width: 800px) {

body { font-size:14px; }

#header { width:90%; padding:0; margin:0 auto; position:relative; }

#logo {padding-left:1%;}

#header h3 { position:absolute; top:16px; right:0; font-size:24px; line-height:1; color:#ccc; }

.column { float:left; width:48%; margin:0 2% 10px 0; }

.column li { font-size:13px; }

#nav { width:18%; padding:2%; float:left; display:block !important; }

#nav ul { list-style:none; }

#nav li { margin:6px 0; }

#nav li a { padding:8px 10px; display:block; font-weight:700; color:#FFF; background:#525564; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:12px; text-decoration:none; }

#nav li a:hover { background:#6C7186; }

#nav_mobile { display:none; }

#content { width:70%; padding:2%; float:right; }

h2 { clear:none; }
}

/* --------------------------------- Screens at least 700px wide--------------------------------- */ 
@media screen and (min-width: 1600px) {

#nav li a { font-size:13px;}
td, td p { font-size:13px !important;}
}

/* --------------------------------- Screens at most 799px wide--------------------------------- */ 
@media screen and (max-width: 799px) {
#header {text-align:center;}
#header img {float:none;height:120px;}
#logo, #logo img {margin:0 auto;height:120px; float:none; text-align:center; }
#desktopCal table {width:100%; margin-left:-1%;}

#desktopCal td textarea {width:99% !important; }

table {background:#FFF;}
td, td p { font-size:12px !important; padding:4px 2px !important; }
	
}
/* --------------------------------- Screens at most 550px wide--------------------------------- */ 
@media screen and (max-width: 550px) {
#container {width: 100%;-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
td { font-size:11px !important;color:#111; padding:5px 2px !important;}
table.box1 td, table.box2 td {font-size:12px !important;}
a.b1 { width:94%;padding:8px 3%; }
}