/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0px none;outline: 0;font-size: 100%;vertical-align: baseline;background: ; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0; }



/* --------------- TEXT COLORS ------------- */

body { color:#4d4d4d; }

h1, h2, h3, h4, h5, h6, .post .date { color:#333333; font-weight:normal; }

a { color:#155ca2; }
a:hover { color:#2975c2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#155ca2; text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#2975c2; text-decoration:none; }

#header #nav li a { color:#000; }
#header #nav li a:hover { color:#dbdbdb; text-decoration:none; }

#featured { color:#f0f0f0; }
#featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6, #featured a { color:#f0f0f0; }

#hire-button, .button-bg { color:#ffffff; }
#hire-button a, #hire-button a:hover, input.button-over { color:#f5f5f5; text-decoration:none; }

.sidebar-widget ul.single-column li a:hover { text-decoration:none; }

#main ul li, #main ol li, blockquote { color:#6e6e6e; }

.bottombar-widget .tagline { color:#333333; }
.bottombar-widget .widget-title a { color:#333333; }
.bottombar-widget .widget-title a:hover { color:#4d4d4d; }

#footer { color:#8c8c8c; }
#footer a { color:#000000; }
#footer a:hover { color:#666666; }
.footer-widget .widget-title { color:#000000; }
#footer .copyright { color:#000000; }
#footer .copyright a { color:#000000; }
#footer .copyright a:hover { color:#000000; }



/* --------------- BACKGROUND IMAGES, COLORS, and BORDERS ------------- */

body { background:#f5f5f5; }

#header { background:#f0f0ec; border-bottom:2px solid #1f66ad; }
#header .wrap960 {}
#header #logo a { background:url('../images/blue/logo.png') no-repeat left top; }

#featured { background:#1f66ad; }
#featured-top { background:url('../images/blue/featured-top.png') repeat-x; }
#featured-inner { background:url('../images/blue/featured-bg.png') no-repeat center top; }
#featured #slider-wrap { background:#f5f5f5 url('../images/blue/image-gradient.png') repeat-x left bottom; border:1px solid #f0f0f0 }
#featured #featured-bottom { border-top:1px solid #9fdbf7; background:#f5f5f5 url('../images/blue/featured-shadow.png') repeat-x left top; }
#featured #slider-shadow { background:url('../images/blue/slider-shadow.png') no-repeat center bottom; }

#hire-panel #hire-top { background:url('../images/blue/panel-bg.png') no-repeat 0 0; }
#hire-panel #hire-bottom { background:url('../images/blue/panel-bg.png') no-repeat -900px 0; }
#hire-panel #hire-content { background:url('../images/blue/panel-bg.png') repeat-y -1800px 0; }
#hire-button { background:url('../images/blue/hire-button.png') no-repeat -160px 0; }
#hire-button-over { background:url('../images/blue/hire-button.png') no-repeat 0 0; }

.inner-frame { background:#f5f5f5 url('../images/blue/image-gradient.png') repeat-x left bottom; border:1px solid #ffffff }
.outer-frame { border-top:1px solid #e8e8e8; border-bottom:1px solid #a6a6a6; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.medium-frame { background:url('../images/blue/image-frame-medium-top.png') no-repeat left top; }
.medium-frame .bottom-frame { background:url('../images/blue/image-frame-medium-bottom.png') no-repeat left bottom; }
.small-frame { background:url('../images/blue/image-frame-small-top.png') no-repeat left top; }
.small-frame .bottom-frame { background:url('../images/blue/image-frame-small-bottom.png') no-repeat left bottom; }
.full-frame { background:url('../images/blue/image-frame-full-top.png') no-repeat left top; }
.full-frame .bottom-frame { background:url('../images/blue/image-frame-full-bottom.png') no-repeat left bottom; }

#main ul li { background:url('../images/blue/bullet-side-left.png') no-repeat left 5px; }
#main mul li { background:url('../images/blue/bullet-side-left.png') no-repeat left 25px; }
#main ol { list-style:decimal; list-style-position:inside; }
blockquote { border-left:3px solid #dddddd; }

#main #page-head { border-top:3px solid #dddddd; border-bottom:3px solid #dddddd; }
.post-portfolio .read-more { border-top:3px solid #dddddd; }
#pagination { border-top:3px solid #dddddd; }
#main #comment-form-container, #main #comments { border-top:3px solid #dddddd; }

.sidebar-widget .widget-content { border-top:3px solid #dddddd; }
#home .sidebar-widget .widget-content { border:none; }
.sidebar-widget ul li { border-bottom:1px solid #dddddd; background:url('../images/blue/bullet-side-left.png') no-repeat left 8px; }
.sidebar-widget ul.two-column li { border:none; }
.sidebar-widget ul.single-column li.current { background:url('../images/blue/bullet-side-left.png') no-repeat left 8px; }
#sidebar .sidebar-widget ul.single-column li.loading { background:url('../images/blue/ajax-loader.gif') no-repeat 2px 6px; }
.sidebar-widget ul.single-column li a { background:none; }
.sidebar-widget ul.single-column li a:hover { background:#f0f0f0 url('../images/blue/bullet-side-right.png') no-repeat right 8px; }
.sidebar-widget ul.single-column li.current a:hover { background:#f0f0f0 url('../images/blue/bullet-side-left.png') no-repeat right 8px; }
.sidebar-widget ul.single-column li.loading a:hover { background:#f0f0f0 url('../images/blue/ajax-loader.gif') no-repeat 2px 6px; }

#bottombar { background:url('../images/blue/panel-bg.png') no-repeat 0 0; }
.bottombar-widget { background:url('../images/blue/widget-bg.png') no-repeat 11px center; }
#bottombar .bottombar-widget:first-child { background:none url('none');  }

#footer-top { background:url('../images/blue/footer-top.png') repeat-x left top; }
#footer { background:#cc9900; }
#footer .wrap960 { background:url('../images/blue/footer-bg.png') no-repeat center top; }

.footer-widget .widget-content { border-top:3px solid #333333; }
#widgets .footer-widget ul li { border-bottom:1px solid #333333; background:url('../images/blue/bullet-foot-left.png') no-repeat left 8px; }
#widgets .footer-widget ul li a { background:none; }
#widgets .footer-widget ul li a:hover { background:#ffc414; text-decoration:none }




/* --------------- TYPOGRAPHY ------------- */

body { font-family:Verdana, sans-serif; font-style:normal; font-weight:normal; font-size:75%; line-height:1.6667em; }

p { font-size:1em; line-height:1.6667em; margin:0 0 1.6667em 0; }

h1 { font-size:3em; line-height:1.1111em; margin-bottom:0em; }
h2 { font-size:2.5em; line-height:1.3333em; margin-bottom: 0em; }
h3 { font-size:2em; line-height:1.6667em; margin-bottom:0em; }
h4 { font-size:1.4em; line-height:1em; margin-bottom:0em; }
h5 { font-size:1.25em; line-height:1.3333em; margin-bottom:0em; }
h6 { font-size:1em; line-height:1.6667em; margin-bottom:0em; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

em { font-style:italic; }
p em { background:#ffffff; }
strong { font-weight:bold; }
code, pre { font-size:1em; font-family:"Courier New", Courier New, Courier, monospace; background:#ffffff; }
pre { margin-bottom:1em; padding:5px 15px; }
sup { font-size:0.83em; vertical-align:super; }
sub { font-size:0.83em; vertical-align:sub; }
ins { text-decoration:underline; }
del { text-decoration:line-through; }

.button-bg, .button-over { text-transform:uppercase; font-weight:bold; }

#header #nav li { font-size:1.25em; font-weight:bold; }
#header #nav li a { text-decoration:none; }
#header #nav li ul li { font-family:Verdana, sans-serif; font-size:11px; }

#featured #featured-text { font-style:italic; font-weight:bold; }

#hire-button { font-size:1.25em; }

.widget-content { font-size:0.9167em; line-height:1.8182em; }
.widget-content p { line-height:1.8182em; }

.sidebar-widget ul { font-size:0.9091em; font-style:italic; text-transform:uppercase; line-height:2.0em; }
.sidebar-widget ul.single-column li.current { font-weight:bold; }

.post .date { font-size:1.5em; line-height:2.2222em; font-style:italic; }
.post-meta .metadata { font-size:0.8333em; line-height:2.0em; font-style:italic; }
.post-meta .metadata .uppercase { text-transform:uppercase; }
.post-portfolio .metadata, .post-blog .metadata { text-transform:uppercase; }
.post-portfolio .metadata .lowercase, .post-blog .metadata .lowercase { text-transform:lowercase; }
.post-blog .metadata .comment-count { text-transform:none; }
.post-portfolio .read-more { font-weight:bold; text-transform:uppercase; }

#main ul li, #main ol li { font-size:0.9167em; line-height:1.8182em; }
blockquote { font-family:Georgia, serif; font-style:italic; }

#main #page-head #list-container #subpages li { font-weight:bold; font-size:1em; line-height:1.6667em; text-transform:uppercase; }

#pagination { text-transform:uppercase; font-weight:bold; font-size:1.0833em; }

.bottombar-widget .tagline { font-weight:bold; font-style:italic; font-size:0.9167em; }

.footer-widget .widget-title { text-transform:uppercase; }
#footer #footer-text { font-size:0.8333em; line-height:2.0em; font-color:#000 }


/* --------------- LAYOUT ------------- */

html { width:100%; height:100%;}
body { width:100%; }
#header, #content, #footer, #featured { width:100%; }
.wrap960 { width:900px; padding:0 0px; margin:0 auto; }

#header { position:relative; z-index:110; }
#header .wrap960 { padding-top:20px; padding-bottom:50px; margin-bottom:-1px; position:relative; }
#header #logo { margin-top:0; }
#header #logo a { width:300px; height:89px; text-indent:-9999em; display:block; overflow:hidden; margin-bottom:-34px; float:left; }
#header #nav { position:absolute; bottom:41px; right:30px; }
#header #nav li { float:left; padding-left:19px; position:relative; }
#header #nav li ul { position:absolute; display:none; }
#header ul.drop-down li ul { top:20px; left:19px; z-index:10; padding-top:10px; }
#header ul.drop-down li ul li { display:block; width:180px; background:#212121; padding:0; margin:0; float:none; border-left:1px solid #171717; border-right:1px solid #171717; }
#header ul.drop-down li ul li:first-child { border-top:1px solid #171717; }
#header ul.drop-down li ul li:last-child { border-bottom:1px solid #171717; }
#header #nav li:hover ul { display:block; }
#header ul.drop-down li ul li a { display:block; padding:4px 10px; }
#header ul.drop-down li ul li ul { display:none; position:absolute; left:-183px; top:0; padding:0; }
#header #nav li:hover ul li ul { display:none; }
#header #nav li ul li:hover ul { display:block; }

#header ul.above li ul { left:0; bottom:20px; padding:8px 0; }

#featured {  }
#featured-top { width:100%; height:15px; }
#featured-inner { margin-top:-15px; width:100%; position:relative; padding-bottom:7px; }
#featured-inner h1, #featured-inner h2, #featured-inner h3, #featured-inner h4, #featured-inner h5, #featured-inner h6 { margin-top:0; }
#featured-text { text-align:center; padding:20px 0; }
#featured-text.page { text-align:right; position:relative; }
#featured-text.page #page-title { width:260px; }
#featured-text .tagline { text-align:left; float:left; position:relative; left:-30px; bottom:-16px; }
#featured #slider-wrap { width:898px; height:348px; position:relative; margin:0 auto; overflow:hidden; }
#featured #featured-inner #featured-bottom { height:23%; width:100%; position:absolute; bottom:0; left:0; }
#featured #featured-bottom { height:21px; width:100%; }
#featured #slider-shadow { height:62px; width:100%; position:absolute; bottom:0; }

#slider { position:relative; background:url('../images/blue/ajax-loader2.gif') no-repeat 50% 50%; width:100%; height:100% }
#slider img { position:absolute; top:0px; left:0px; }

#content .wrap960 { padding-top:10px; }
#hire-panel { width:100%; text-align:center; position:relative; margin-top:16px; margin-bottom:1.6667em; }
#hire-panel #hire-top { width:100%; height:16px; margin-bottom:-16px; position:relative; z-index:2; }
#hire-panel #hire-bottom { width:100%; height:16px; margin-top:-16px; position:relative; z-index:2; }
#hire-panel #hire-content { padding:14px 0; margin:6px 0; position:relative; z-index:1; }
#hire-button { display:block; width:160px; height:41px; position:relative; margin:13px auto 10px; line-height:41px; }
#hire-button-over { display:block; width:160px; height:41px; position:absolute; top:0; left:0; line-height:41px; }

#main.column { width:580px; }
#main.full-width { width:900px; float:none; }
#sidebar { width:260px; }
#sidebar.column-left { text-align:right; }
.column-left { float:left; margin-right:60px; }
.column-right { float:right; }

.sidebar-widget { margin-bottom:33px; }
.sidebar-widget .widget-title { margin-bottom:0.4em; }
#home .sidebar-widget .widget-title { margin-bottom:0; }
.sidebar-widget ul { width:100%; overflow:hidden; }
.sidebar-widget ul.single-column li { width:100%; }
.sidebar-widget ul.single-column li a { padding-top:3px; padding-bottom:3px; display:block; width:88%; padding-right:6%; padding-left:6%; }
.sidebar-widget ul.two-column li { width:112px; float:left; padding:3px 15px 3px 3px; }

.post-home { margin-bottom:1.6667em; }
.post-home .post-meta { float:left; width:120px; margin-right:40px; text-align:right; margin-bottom:20px; }
.post-home .post-meta .date { display:block; }
.post-home .post-teaser { float:right; width:420px; }
.post .post-meta { margin-bottom:20px; }
.post.post-with-image .post-meta { margin-bottom:0; }
#post-content { padding-bottom:10px; }
.post-content { padding-bottom:10px; }
.metadata .comment-count { float:right; margin-left:50px; }
.post-blog .title { width:480px; float:left; }
.post-blog .date { float:right; }
.post-blog .framed-image { margin:0.35em 0; }

.javascript-ready #main.portfolio { position:relative; overflow:hidden; }
.javascript-ready #main .post-container { position:absolute; top:0; left:0; }
.javascript-ready .portfolio .post-portfolio { display:none; }
.javascript-ready #main .post-container .post-portfolio { display:block; }
.javascript-ready #main #portfolio-content .post-portfolio { display:block; }

.post-portfolio .portfolio-thumbnail { float:left; width:420px; margin-right:60px; }
.post-portfolio .portfolio-post-teaser { float:right; width:420px; }
.portfolio-post-teaser .read-more { display:block; width:100%; }

#main ul, #main ol, #main blockquote { margin:1em 50px 2em; }
#main ul li, #main ol li { margin-bottom:0.75em; padding-left:15px; }
blockquote { padding-left:12px; }

.framed-image { margin:0 0 30px; }
.post object { margin:0 auto 30px; display:block; }
#portfolio-content .portfolio-thumbnail { margin-bottom:0; }
#portfolio-content .post-portfolio { margin-bottom:35px; }
.medium-frame { padding:5px 0 6px; position:relative; width:580px; display:block; }
.medium-frame .bottom-frame { position:absolute; width:100%; height:6px; bottom:0; left:2px; }
.framed-image, .outer-frame { display:block; }
.medium-frame .inner-frame { width:576px; display:block; }
.framed-image img { display:block; }
.small-frame { position:relative; display:block; width:420px; padding:5px 0 6px; }
.small-frame .bottom-frame { position:absolute; width:100%; height:6px; bottom:0; left:2px; }
.small-frame .inner-frame { width:416px; display:block; }
.full-frame { position:relative; display:block; width:900px; padding:5px 0 6px; }
.full-frame .bottom-frame { position:absolute; width:100%; height:6px; bottom:0; left:2px; }
.full-frame .inner-frame { width:896px; display:block; }
.framed-image a { position:relative; overflow:hidden; }
.framed-image .overlay { display:block; width:100%; height:100%; background:#ffffff url('../images/blue/image-overlay.png') no-repeat center; visibility:hidden; position:absolute; top:0; left:0; cursor:pointer }
.preload { display:block; background:url('../images/blue/ajax-loader2.gif') no-repeat center; }

#main #page-head { width:100%; margin:0.5em 0 2em; }
#main #page-head #list-container { float:left; left:50%; margin:0; position:relative; text-align:left; }
#main #page-head #list-container #subpages { left:-50%; position:relative; text-align:center; margin:0; padding:0; }
#main #page-head #list-container #subpages li { float:left; position:relative; background:none; padding:0; margin:5px 20px; }

#pagination { margin:0 0 30px; padding-top:4px; width:100%; }

#main #comment-form-container, #main #comments { padding:15px 0; }
#main #comments { margin-bottom:15px; }

#bottombar { padding-top:45px; margin-bottom:15px; }
.bottombar-widget { width:260px; padding-left:60px; float:left; }
#bottombar .bottombar-widget:first-child { padding-left:0; }
.bottombar-widget .tagline { margin:-3px 0 0.9091em; display:block; }
.bottombar-widget .widget-icon { margin:7px 7px 0 0; }

#footer-top { width:100%; height:12px; margin-bottom:-1px; }
#footer .wrap960 { padding-top:10px; padding-bottom:5px; }
#footer #footer-text { margin:0px auto 0; text-align:center; width:80%; }


/* -------------- FORMS ------------- */

#main form { margin-top:25px; }
#main form input, #sidebar form input { width:270px; height:26px; background:#ffffff; border:1px solid #c4c4c4; -moz-border-radius:8px; -webkit-border-radius:8px; padding:0 9px; font-family:Vardana, sans-serif; font-size:12px; color:#4d4d4d; }
#main form input { margin:0; }
#sidebar form input { margin-right:15px; }
#main form textarea, #sidebar form textarea { height:110px; background:#ffffff; border:1px solid #c4c4c4; -moz-border-radius:8px; -webkit-border-radius:8px; padding:9px; font-family:Verdana, sans-serif; font-size:12px; line-height:20px; color:#4d4d4d; margin:0; }
#main form textarea { width:560px; }
#main form label, #sidebar form label { text-transform:uppercase; font-size:12px; font-weight:bold; }
#main form p { overflow:hidden; }
#main form label { display:block; width:200px; height:28px; line-height:13px; float:left; }
#main form input { float:right; width:348px; float:right; }
#main form label .detail { font-size:10px; font-weight:normal; text-transform:none; }

#main form .textarea { position:relative; display:block; line-height:0; }
#main form .button-bg { position:absolute; right:0; bottom:0; display:block; width:95px; height:30px; background:url('../images/blue/submit-button.png') no-repeat -95px top; font-size:13px; font-family:Verdana, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff; margin:0; padding:0; line-height:30px; text-align:center; cursor:pointer }
#main form .button-bg #submit { display:block; width:95px; height:30px; position:absolute; top:0; left:0; background:url('../images/blue/submit-button.png') no-repeat 0 top; font-size:13px; font-family:Verdana, sans-serif; font-weight:bold; text-transform:uppercase; color:#f5f5f5; margin:0; padding:0; line-height:30px; text-align:center; -moz-border-radius:0; -webkit-border-radius:0; border:medium none; cursor:pointer }
#submit:focus, #submit:active { border:none; outline:none; }

#loader-icon { display:block; width:16px; height:30px; position:absolute; right:105px; bottom:0; background:url('../images/blue/ajax-loader.gif') no-repeat 0 center; }
#ajaxResponse span { display:block; padding-left:40px; line-height:29px; margin-bottom:0.5em; }
#ajaxResponse span.error { background:url('../images/blue/no.png') no-repeat left top; }
#ajaxResponse span.success { background:url('../images/blue/yes.png') no-repeat left top; }


/* ------------- COMMENTS ----------- */

#comments ul li, #comments ol li { font-size:12px; color:#4d4d4d; }
#comments ol.commentlist { padding:0; margin:-10px 0 0; list-style-type:none; }
#comments ol ul { padding:0; margin:0; }
#comments ol.commentlist li { padding:0 0 0 110px; margin:0; position:relative; }
#comments ol.commentlist img.avatar { display:block; border:1px solid #dddddd; position:absolute; left:0; top:0; }
#comments ol.commentlist li { margin-top:40px; }
#comments ol.commentlist .comment-body .fn { font-size:16px; line-height:20px; text-transform:none; font-weight:bold; font-style:normal; }
#comments ol.commentlist .comment-body p { margin-bottom:10px; }
#comments ol.commentlist .comment-body .vcard p { margin-bottom:30px; }
#comments ol.commentlist .comment-body .comment-reply-link { font-size:10px; font-weight:bold; line-height:20px; }
#comments ol.commentlist .comment-body {  }
#comments ol.commentlist .comment-body .commentmetadata { position:absolute; top:20px; left:110px; color:#6e6e6e; font-style:italic; font-size:10px; }
#comments ol.commentlist .comment-body .commentmetadata a { color:#6e6e6e; }
#comments ol.commentlist .comment-body .commentmetadata a:hover { color:#4d4d4d; }



/* --------------- MISC ------------- */

.clear { clear:both; width:0; height:0; line-height:0; visibility:hidden; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { float:none; display:block; margin:0 auto; }





/* --------- NIVO SLIDER CSS ---------*/
/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:40px;
	height:40px;
	border:0px none;
	padding:0;
	margin:0;
	z-index:99;
	display:none;
	background:url('../images/blue/slider-controls.png') no-repeat -78px 0;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:url('../images/blue/slider-control-bar.png') repeat-x left top;
	color:#262626;
	width:798px;
	z-index:89;
	height:38px;
	padding-top:6px;
	padding-left:100px;
	font-weight:bold;
	line-height:38px;
	font-size:15px
}
.nivo-caption p {
	padding:0;
	margin:0;
	font-size:15px;
	line-height:38px;
	font-weight:bold;
}
.nivo-directionNav {
	position:absolute;
	bottom:0;
	display:block;
	z-index:98;
}
.nivo-directionNav a {
	position:absolute;
	z-index:99;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
}
.nivo-prevNav {
	left:-1px;
	bottom:-1px;
	width:40px;
	height:40px;
	background:url('../images/blue/slider-controls.png') no-repeat 0 0;
}
.nivo-nextNav {
	left:39px;
	bottom:-1px;
	width:39px;
	height:40px;
	background:url('../images/blue/slider-controls.png') no-repeat -40px 0;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* Modal Window */
    
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:675px; 
  height:500px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url('images/login-header.png') no-repeat 0 0; 
  width:375px; 
  height:150px
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url('images/login-blank.png') no-repeat 0 0; 
  width:267px; 
  height:53px
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url('images/notice.png') no-repeat 0 0; 
  width:326px; 
  height:229px;
  padding-left:25px; padding-right:0; padding-top:50px; padding-bottom:20px