@charset "UTF-8"; 

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}

body{ background:#002227 url(/images/body_bg.png) repeat-x center top;  font-family:"lucida grande","lucida sans unicode","lucida sans",arial,sans-serif}
 
a{ outline:none}

.logo{background:url(/images/logo_sprites.png) no-repeat left top; display:block; height:53px; position:relative; text-indent:-9999px; width:112px}

#logo{height:53px; left:60px; position:absolute; top:34px; width:112px}

#logo span{background:url(/images/logo_sprites.png) no-repeat right top; display:none; height:35px; left:52px; position:absolute; text-indent:-9999px; top:-23px; width:64px}

.special{color:#f5c566; font-style:italic; left:0; position:absolute; top:20px}

.welcome{color:#63b3cc; font-size:24px; font-weight:100; left:0; position:absolute; text-transform:uppercase; top:45px}

.welcome span{color:#001a1d}

.column{float:left}

a.button{background:url(/images/buttons.png) no-repeat left 0; color:#8bc; display:block; float:left; font-size:12px; height:24px; line-height:24px; margin-right:1px;position: relative; text-decoration:none}
a.button span{background:url(/images/buttons.png) no-repeat right -48px; color:#8bc; display:block; float:left; height:24px; line-height:24px; padding:0 10px; text-decoration:none}
a.button:hover{background-position:left -24px}
a.button:hover span{background-position:right -72px}

a.arrow{background-position:left -96px}
a.arrow:hover{background-position:left -120px}

a.arrow span{padding:0 10px 0 25px}

.next, .prev {
	float: right;
}

.next span.title, .prev span.title {
	background: url(/images/tooltip.png) no-repeat right top;
	color: #fff;
	display: none;
	font-size: 11px;
	padding: 2px 10px 15px 10px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 30px;
}

.prev span.title {
	background-position: left top;
	left: 678px;
	right: auto;
	text-align: left;
}


a.selected{background-position:left -144px}
a.selected:hover{background-position:left -168px}

a.selected span{padding:0 10px 0 25px}

a.right{float:right; margin-left:12px}

p{color:#63abb9; font-size:12px; line-height:20px; padding-bottom:20px}

p a{color:#B5E5EC; text-decoration:none}
p a:hover{color:#fff}

h1, h1 a{color:#fff; font-size:24px; font-weight:100; padding-bottom:10px; text-decoration:none}
h1 a:hover{color:#B5E5EC}

h2{color:#fff; font-size:18px; font-weight:100; padding-bottom:5px}

h3{color:#001317; font-size:18px; font-weight:400}

h4, h4 a{color:#b5e5ec; font-size:14px; line-height:16px; text-decoration:none}
h4 a:hover{color:#fff}

.wrapper{background:#00383f; width:100%}

.home .wrapper{background:#00383f url(/images/wrapper_bg.png) no-repeat center 120px; width:100%}

.header_wrapper{background:url(/images/header_content_wrapper_bg.png) no-repeat center 0; height:100px; width:100%}

.content_wrapper{background: url(/images/header_content_wrapper_bg.png) no-repeat center -100px; width:100%}

.wrapper_inner{background: url(/images/wrapper_inner_bg.jpg) repeat-x center bottom; width:100%}

.footer_wrapper{background: url(/images/footer_wrapper_bg.jpg) repeat-x center top; width:100%}

.logos{background:#001a1d; display: none; height:130px; width:100%}

.border-top {border-top:1px solid #0C3940;margin-top:15px;padding-top: 15px;}
.border-bottom {border-bottom:1px solid #0C3940;margin-bottom:15px;padding-bottom: 15px;}

.view_logos{background:#001a1d url(/images/view_logos_sprites.png) no-repeat left top; height:130px; position:absolute; text-indent:-9999px; top:100px; width:30px; z-index:1000}

.on{background-position:-30px top}

.header{height:100px; margin:0 auto; position:relative; width:940px}

.navMain{left:280px; position:absolute; top:40px}

.navMain li{float:left; text-align:center}

.navMain a{color:#fff; display:block; height:60px; line-height:60px; font-size:14px; margin-right:5px; text-decoration:none; width:80px}

.home .home a, .home .home a:hover, .folio .folio a, .folio .folio a:hover, .work .work a:hover, .about .about a, .about .about a:hover, .blog .blog a, .blog .blog a:hover, .contact .contact a, .contact .contact a:hover, .current{background:url(/images/navMain_bg.png) no-repeat 0 0; color:#fff}

.navMain a:hover {color:#ace1f1}
.navMain .folio a:hover, .navMain li.folio:hover{background:url(/images/navMain_bg.png) no-repeat 0 -120px;color:#ace1f1}
.navMain a:active{background:url(/images/navMain_bg.png) no-repeat 0 -60px; color:#ace1f1}

.navMain li.folio {
	position: relative;
}

.navMain li ul {
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-box-shadow: 0 1px 4px #000;
 	-webkit-box-shadow: 0 1px 4px #000;
 	box-shadow: 0 1px 4px #000;
	background: #63b3cc;
	display: none;
	left:-40px;
	padding:4px 0;
	position:absolute;
	top:60px;
	z-index: 10001;
}

.navMain li ul li {
	float: none;
}

.navMain li ul li a, .folio .navMain .folio ul li a {
	background: none;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	width: 140px;
}

.navMain li ul li {
	border-bottom: 1px solid #7fc6dc;
	border-top: 1px solid #49a0bb;
}

.navMain li ul li:first-child {border-top: none;}
.navMain li ul li:last-child {border-bottom: none;}

.navMain .folio ul li a:hover {
	background: #49a0bb;
	color: #ecf9fd;
}

.navMain  li.folio:hover ul {
	display: block;
}



.nav{margin:0 0 35px 25px}
.nav li{background:url(/images/nav_bg.png) no-repeat left bottom; color:#63abb9}
.nav a{background:url(/images/arrow_small.png) no-repeat left 13px; color:#63abb9; display:block; font-size:12px; line-height:16px; padding:9px 20px; text-decoration:none}
.nav a:hover{color:#fff}

.search{height:30px; right:0; overflow:hidden; position:absolute; top:0; width:241px}

.search .inner{background: url(/images/search_sprites.png) no-repeat left 0; height:30px; margin-left:241px; position:absolute; width:241px}

.search a{background: url(/images/search_sprites.png) no-repeat -241px 0; display:block; height:30px; left:211px; position:absolute; text-indent:-9999px; width:30px; z-index:2}

.search a:hover{background-position:-272px 0}

.search a.active{background-position:-303px 0}

#searchInput{float:left; margin:8px 10px 0 15px; border:0; width:136px; background:none; font-size:11px; color:#e79b05}
#go{float:left; margin:0 0 0 3px}

.feature{height:420px; position:relative; width:940px}

.feature h1{font-size:20px; font-weight:100; position:absolute; left:60px; top:145px}

.slideshow{height:420px !important; left:400px; overflow:hidden; position:absolute; width:460px !important}

.slide{background: url(/images/slideshow_sprites.png) no-repeat right 0; height:420px !important; overflow:hidden; width:460px !important}

.slide img{margin:9px}

.pager{position:absolute; left:0; top:180px; z-index:0}

.pager li{height:80px; width:940px}

.pager a{color:#6ab3bc; display:block; font-size:14px; height:80px; line-height:80px; padding:0 60px; text-decoration:none; width:820px}

.pager1 a{background: url(/images/slideshow_sprites.png) no-repeat 0 0}

.pager1 a:hover, .pager1 .activeSlide{background: url(/images/slideshow_sprites.png) no-repeat 0 -240px; color:#fff}

.pager2 a{background: url(/images/slideshow_sprites.png) no-repeat 0 -80px}

.pager2 a:hover, .pager2 .activeSlide{background: url(/images/slideshow_sprites.png) no-repeat 0 -320px; color:#fff}

.pager3 a{background: url(/images/slideshow_sprites.png) no-repeat 0 -160px}

.pager3 a:hover, .pager3 .activeSlide{background: url(/images/slideshow_sprites.png) no-repeat 0 -400px; color:#fff}

.panel{background:#002328 url(/images/panel_bg.png) repeat-x 0 bottom; bottom:0; cursor:pointer; height:0; left:75px; overflow:hidden; position:absolute; width:310px; z-index:1000}

.panel p{background:url(/images/panel_p_bg.png) no-repeat center bottom; color:#71b1b9; font-size:10px; line-height:20px; padding:3px 25px 18px 25px; text-align:center}

.panel a{background:#002328 url(/images/slideshow_sprites.png) no-repeat 0 bottom; display:block; height:44px; width:310px}

.panel a:hover{background:#002328 url(/images/slideshow_sprites.png) no-repeat -310px bottom}

.active a, .active a:hover{background:#002328 url(/images/slideshow_sprites.png) no-repeat -620px bottom}

.subFeature{overflow:hidden; width:100%}

.subFeature{height:80px; margin:60px auto 0 auto; padding-left:10px; width:640px}
.subFeature .article{background:url(/images/article_sprites.png) no-repeat left top; padding:24px 45px 0 195px; position:relative; height:56px; width:400px}

.subFeature .article p{padding:0}

.article-continue{background:url(/images/article_sprites.png) no-repeat -640px top; display:block; height:80px; position:absolute; right:0; text-indent:-9999px; top:0; width:38px}

.article-continue:hover{background-position:-678px top}

.content{margin:0 auto; padding:60px 0; position:relative; width:940px}

.contentTop{background:url(/images/h1_bg.png) no-repeat center bottom; overflow:hidden; margin-bottom:25px; padding-bottom:15px; width:100%}

.contentMain{float:left; margin-right:20px; width:600px}

.contentSub{float:left; width:320px}

#blog .contentMain{width:620px}
#blog .contentSub{margin-left:20px; width:280px}

.contentSub h2{background:url(/images/h2_bg.png) no-repeat left bottom; margin-bottom:5px; padding-bottom:30px}
.contentSub h2.first{padding-top: 5px;}

#projects, #about, #blog, #results{overflow:hidden; width:100%}

#projects .project, #projects .development {float:left; height:267px; margin:0 20px 30px 0; width:300px}

#projects .last{margin-right:0}

#projects .project img{border:0; height:217px;margin-bottom: 7px; width:270px}


#projects .project a {background:#082a2f url(/images/project_bg.png) no-repeat 0 0; color:#82d0db; display:block; font-size:12px; height:252px; padding:15px 15px 0 15px; text-decoration:none; width:270px}

#projects .development {background: #082f35;padding: 30px 30px 0 30px; height: 170px; width: 240px;}

#projects .project a:hover{background:#082a2f url(/images/project_bg.png) no-repeat 0 -267px; color:#fff}

#projects .project a:hover span{color:#f5c566}

#projects .project p a{background:none; color:#82d0db; display:inline; font-size:12px; height:auto; padding:0; text-decoration:none; width:auto;}

.allProjects, .allDevProjects{background:#092a2f; clear:right; display: none; overflow:hidden; width:100%}

.allDevProjects{display: block;}

.allProjects li, .allDevProjects li{border-bottom:1px solid #00383f;border-right:1px solid #00383f; float:left; height:34px; width:234px}

.allProjects a, .allDevProjects a{color:#82d0db; display:block; font-size:12px; height:34px; line-height:34px; padding:0 10px; text-align:center; text-decoration:none; width:214px}

.allDevProjects li, .allDevProjects a {height: 70px;}

.allDevProjects a span {font-size: 11px;font-style: italic; line-height: 14px;}

.allProjects a:hover, .allDevProjects a:hover{background:#042529; color:#fff}

.pagination, .projectPager{margin-top:15px}

.pagination a, .projectPager li a{background:#072c32; border:1px solid #05363d; color:#82d0db; display:block; float:left; font-size:12px; line-height:18px; margin-right:5px; padding:7px 13px; text-decoration:none}

.pagination a:hover, .projectPager li a:hover{background:#042529; color:#fff; text-decoration:none}

.pagination strong, .projectPager li a.activeSlide{background:#01515b; color:#001a1d; border:1px solid #05363d; display:block; float:left; font-size:12px; line-height:18px; margin-right:5px; padding:7px 13px}

.projectSlideshow{background:url(/images/projects_slideshow_bg.png) no-repeat left top; float:left; height:430px; margin-right:40px; padding:15px; width:590px}

.projectSlideshow .slides{height:380px; width:590px}

.projectSlideshow .pagination{margin-top:15px}

.projectDetail{float:left; width:280px}

.projectDetail dl, .development dl{border-bottom:1px solid #0d4046; margin:5px 0 15px; padding-bottom:15px}

.development dl {}

.projectDetail dt, .development dt{color:#f5c566; font-size:11px;line-height:20px; float:left; padding:5px 0; text-transform:uppercase; width:60px}

.projectDetail dd, .development dd{color:#B5E5EC; font-size:12px;line-height:20px; margin-left:60px; padding:5px 0}
.projectDetail dd a, .development dd a {color:#B5E5EC; font-size:12px;text-decoration: none;}
.projectDetail dd a:hover, .development dd a {color: #fff;}

.aboutDetails{padding:1px; position:relative; width:598px}

.aboutDetails .inner{background:#072c32; padding:40px; width:518px}

.corner{background:url(/images/corner.png) no-repeat left top; height:34px; right:1px; position:absolute; bottom:1px; width:33px}

.article .corner{right:0; bottom:0}

.photo-corner{background:url(/images/photo_corner.png) no-repeat left top; height:37px; left:0; position:absolute; top:0; width:37px}
.pic{margin-bottom:30px}
.pic img{border:10px solid #072c32}

.articles, .full-article{margin-left:10px; padding-left:10px; width:600px}

.articles .article, .full-article .article{background:#072c32; margin-bottom:30px; padding:25px 40px 30px 195px; position:relative; width:365px}
.articles .rowEven{}

.full-article .article{padding:25px 40px 30px 40px; width:520px}
.full-article .article h1{font-size:32px}

.full-article .article h2{padding-top:15px}

.comment{padding:5px 0 25px 0; overflow:hidden; width:100%}

.continue{padding-bottom:0}
.continue a{background:url(/images/arrow.png) no-repeat right 0; color:#aae7f3; display:block; height:20px; font-size:16px; text-decoration:none}
.continue a:hover{background-position:right -20px; color:#fff}

.categories{border-top:1px solid #0c3940; color:#f5c566; padding-top:10px}
.categories a{color:#aae7f3; font-size:16px; padding-left:4px; text-decoration:none}
.categories a:hover{color:#fff}

.date-flag{background:url(/images/flag.png) no-repeat left top; height:39px; left:-10px; position:absolute; top:25px; width:186px}

.subFeature .article .date-flag{top:23px}

.date-flag span{display:block; float:left; height:39px}

.date-flag .day{color:#63b3cc; font-size:28px; font-weight:100; padding:3px 0 0 13px}
.date-flag .bullet{color:#fff; padding:7px 0 0 9px}
.date-flag .month{color:#006c79; font-size:18px; font-weight:100; padding:10px 0 0 9px; text-transform:uppercase}

#comments {padding-bottom: 35px;}

.comments li{border-top:1px dashed #072c32; overflow:hidden; padding:20px 0; width:100%}

.comments .rowEven{background:#003e46}
.comments .author{background:#014f59}

.comments div{color:#AAE7F3; float:left; font-size:11px; margin-top:4px; padding:0 20px 10px 20px; width:119px}

.comments div span{color:#f5c566; display:block; margin-bottom:2px}

.comments div span a{color:#f5c566; font-size:11px; text-decoration:none; text-transform:uppercase}

.comments .author div span a{color:#001a1d; font-weight:bold}

.comments div span a:hover{color:#fff}

.comments p{border-left:1px dashed #072c32; float:right; line-height:22px; padding:0 20px 0 20px; text-align:left; width:400px}

ol.code{background:#accbd0; border:2px solid #001a1d; color:#00383f; font-family:"Courier New",Courier,serif; font-size:14px; font-weight:bold; line-height:115%; list-style-type:decimal; margin:10px 20px 35px 20px; overflow:auto; padding:0}

ol.code li{border:1px solid #FFF; font-size:14px; margin:0 0 0 40px}

ol.code pre{background:#dbe8ea; border-left:1px solid #FFF; color:#002328; font-size:14px; margin:0; padding:5px 6px}

ol.plain-code{background:#fff; border:2px solid #001a1d; color:#00383f; font-family:Arial,Helvetica,sans-serif; ; font-size:12px; font-weight:bold; line-height:18px; list-style-type:none; margin:0 20px 35px 20px; overflow:auto; padding:0}

ol.plain-code li{border:0; font-size:12px; margin:0 0 0 0}

ol.plain-code pre{background:#fff; border-left:0; color:#00383f; font-size:12px; margin:0; padding:0 6px}

#contact{background:url(/images/contact_sprites.png) no-repeat left top; display:none; height:235px; left:92px; margin:0 auto; padding:55px 50px 50px 50px; position:absolute; top:0; width:655px; z-index:9999}

#contact .form{border-right:1px solid #9eddea; height:235px; float:left; width:429px}

#contact .info{border-left:1px solid #fff; height:235px; margin-left:430px; padding-left:25px; width:199px}

#contact h3{padding-bottom:28px}

#contact h4{color:#001317; font-size:16px; padding:0 0 21px}

#contact dt{color:#00353d; font-size:12px; float:left; padding:8px 0; text-align:right; width:60px}

#contact dd{color:#0097ac; font-size:12px; margin-left:60px; padding:8px 0 8px 10px}

.closeBtn{background:url(/images/contact_sprites.png) no-repeat right 0; display:block; height:35px; left:713px; position:absolute; text-indent:-9999px; top:17px; width:35px}

.closeBtn:hover{background:url(/images/contact_sprites.png) no-repeat right -35px}

#mask{ position:absolute;  z-index:9000;  background:url(/images/mask.png) repeat;  display:none}

 
.logosInner{ margin:0 auto;  position:relative;  width:940px;  height:130px}

.scrollable{   margin:0 auto;  position:relative;  overflow:hidden;  padding:20px 0;  width:940px;  height:90px}

 
.scrollable div.items{   width:20000em;  position:absolute}

 
.scrollable div.items div{ float:left}

 
.scrollable img{float:left; margin:0 20px 0 0; background-color:#fff; border:1px solid #fff; padding:2px; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px}

.scrollable .active{border:3px solid #63b3cc; padding:0; z-index:9999; position:relative}

.logosInner .prevPage, .logosInner .nextPage{background:url(/images/view_logos_sprites.png) no-repeat right -72px; cursor:pointer; display:block; height:36px; position:absolute; top:47px; text-indent:-9999px; width:20px; z-index:9999}

.logosInner .prevPage{background-position:right -72px; left:-24px}

.logosInner .prevPage:hover{background-position:right -108px}

.logosInner .nextPage{background-position:right -0; right:-24px}

.logosInner .nextPage:hover{background-position:right -36px}

.logosInner .disabled{display:none}

.input2{clear:both}

.input2 label, .input2 input, .input2 textarea{color:#00353D; float:left; font-family:"lucida grande","lucida sans unicode","lucida sans",arial,sans-serif}

.input2 label{font-size:13px; width:60px}

.input2 input{background:url(/images/input_sprites.png) no-repeat 0 bottom; border:0; font-size:12px; height:27px; line-height:27px; margin-bottom:10px; padding:0 5px; width:333px}

.input2 textarea{background:url(/images/input_sprites.png) no-repeat 0 0; border:0; font-size:12px; height:60px; margin-bottom:10px; padding: 5px; width:333px}

div.tooltip{background-color:#000; border:1px solid #fff; padding:4px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000}

.footer{background:url(/images/footer_bg.jpg) no-repeat center top; margin:0 auto; overflow:hidden; width:940px}
.footer .column{padding:30px; width:253px}
.footer .middle{width:254px}

.navSite ul{float:right}

.navSite li{border-right:1px solid #00181c; color:#61c0cc; float:left; height:30px; line-height:24px}

.navSite a{color:#61c0cc; font-size:12px; padding:0 7px; text-decoration:none}
.navSite a:hover{color:#fff}
.navSite .first{padding-left:0}
.navSite .last{border:0; padding-right:0}

.copyright p, .acknowledgements p{color:#61c0cc; font-size:12px; line-height:24px; padding:0}
.acknowledgements p{padding-bottom:5px; text-align:center}
.acknowledgements a{color:#b5e5ec; text-decoration:none}
.acknowledgements a:hover{color:#fff}

.ee, .mt{padding:0 6px}

#userMessage {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); /* for IE */
	background: #00383f;
	margin: 100px auto 0 auto;
	padding: 30px 20px;
	width: 600px;
}

.social {margin-top:15px;overflow: hidden;width: 100%;}

.social a {
	background: url(/images/social.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 16px;
	margin-right: 8px;
	text-indent: -9999px;
}

.social a.facebook {background-position: 0 0; width: 59px;}
.social a.twitter {background-position: -72px 0; width: 54px;}
.social a.linkedIn {background-position: -136px 0; width: 60px;}

.social a.facebook:hover {background-position: 0 -16px; width: 59px;}
.social a.twitter:hover {background-position: -72px -16px; width: 54px;}
.social a.linkedIn:hover {background-position: -136px -16px; width: 60px;}

/* FORMS
----------------------------------------------------------------------------- */
.label, .input { float: left; margin: 0 10px 0 0; }

.label label, .input input { display: block; font-size: 12px; }
.label label { color: #63B3CC; line-height: 26px; text-align: right; width: 120px;}
.input label.error { color: #666;padding: 4px 0;font-size: 12px;}  
.input input { 
	background: #fff; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 1 2px #072C32;
	-moz-box-shadow: inset 0 1 2px #072C32;
	-webkit-box-shadow: inset 0 1 2px #072C32;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */
	border: 1px solid #ccc;
	color: #666; 
	padding: 4px; 
	width: 250px;
}
.input input.error {border: 1px solid #e20009}
.input select { padding: 4px;}

.checkbox input { float: left; margin: 2px 5px 0 125px }
.checkbox label {color: #63B3CC;font-size: 12px;line-height: 18px; }

.short input { width: 60px;}
.short label { width: 55px;}

.long input { width: 450px;}
.long label { text-align: left; width: 300px;}
.long textarea { width: 450px;}

.input textarea { 
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:inset 0 1 2px #072C32;
   -moz-box-shadow:inset 0 1 2px #072C32;
   -webkit-box-shadow:inset 0 1 2px #072C32;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */ 
	border: 1px solid #ccc; 
	color: #666; 
	font: 14px/16px Arial; 
	padding: 4px; 
	width: 300px;
}
.input input:focus, .input textarea:focus { background: #fff; }

form br { clear: both; }

.row { border-bottom:1px dashed #072C32;overflow:hidden;padding: 10px 5px;width: 100%; }

.even_row { background: #fbfbfb; }

.row:hover { background: #072C32;}

.submit {padding: 10px 0 10px 60px;}

#commentForm .submit {padding-left: 125px;}


/* -------------------------- BUTTONS  -------------------------- */
	
	
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

button.submitBtn { 
	padding: 0 17px 0 0; 
	margin:5px 5px 10px 0; 
	font-size: 13px; 
	text-align: center;
	background: transparent url(/images/form_buttons.png) no-repeat right -96px; 
}
	
button.submitBtn span {
	padding: 6px 0 0 18px; 
	height:23px; 
	background: transparent url(/images/form_buttons.png) no-repeat left top; 
	color:#aeeaf5; 
}

button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -144px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -48px;
	color: #fff;
}

/* -------------------------- 404  -------------------------- */

#errorPage {
	background: transparent url(/images/404.png) no-repeat 0 0; 
	margin: 0 auto 50px auto;
	height: 252px;
	padding: 50px 40px;
	width: 396px;
}

#errorPage h2 {
	font-size: 15px;
	margin-bottom: 25px;
}

#errorPage p {
	background:url(/images/arrow_small.png) no-repeat left 6px;
	padding-left: 14px;
}