@media screen {
/* =General page settings
----------------------------------------------- */
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body {
	background: #2F3744;
	color: #666666;
	font: 12px Arial, Verdana, sans-serif;
	min-width: 860px;
	text-align: center;

}

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 5px 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; color: #5F5F5F; font-weight: normal; letter-spacing: .5px; }

#content h2 { font-size: 14px; }

#content h3 { font-size: 14px; }

#content h4 { font-size: 12px; }

#content h5{ font-size: 11px; }

#content h6 { font-size: 11px; }

#content-b h3 { height: 16px; overflow: hidden; text-indent: -9999px; width: auto; }

#content-a h3 { height: 16px; overflow: hidden; text-indent: -9999px; width: auto; }

#content-a h4 {
	height: 16px;
	overflow: hidden;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #405B70;
	text-indent: 10pt;
}

#content-a p {
	font-size: 11px;
	text-align: justified;
	margin-left: 10px;
}


#content-a h2 { height: 25px; overflow: hidden; text-indent: -9999px; width: auto; }

#content-blog h3 { height: 16px; overflow: hidden; text-indent: -9999px; width: auto; }

#content-blog h4 {
	height: 16px;
	overflow: hidden;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #405B70;
	text-indent: 10pt;
}

#content-blog p {
	font-size: 10px;
	margin-left: 10px;
}


#content-blog h2 { height: 25px; overflow: hidden; text-indent: -9999px; width: auto; }


#content-portfolio h2 { height: 25px; overflow: hidden; text-indent: -9999px; width: auto; }
.newsHD {
	color: #2F3744;
}

.newsDATE {
	color: #88AA1C;
}
/* =Headings - IR
----------------------------------------------- */
#content-b h3#recentnews {
	background: transparent url(http://www.ablank-studio.com/images/headings/hd_recentnews.gif) no-repeat 0 0;
	height: 18px;
}

#content-b h3#siteupdates { background: transparent url(http://www.ablank-studio.com/images/headings/hd_siteupdates.gif) no-repeat 0 0; height: 18px; }

#content-b h3#proposal { background: transparent url(http://www.ablank-studio.com/images/headings/hd_proposal.gif) no-repeat 0 0; }

#content-b h3#coolsites { background: transparent url(http://www.ablank-studio.com/images/headings/hd_coolsites.gif) no-repeat 0 0; }

#content-a h3#clientlist { background: transparent url(http://www.ablank-studio.com/images/headings/hd_clientlist.gif) no-repeat 0 0; }

#pageheader {
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	width: auto;
	background-image: url(http://www.ablank-studio.com/images/hp_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 10px;
}

#content-a h2#homepage { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_homepage.gif) no-repeat 0 0; height: 36px; }

#content-a h2#feature { background: transparent url(http://www.ablank-studio.com/images/homepage/hd_featproj.gif) no-repeat 0 0; height: 20px; }

#content-a h2#about { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_about.gif) no-repeat; height: 36px; }

#content-a h2#service { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_service.gif) no-repeat 0 0; height: 36px; }

#content-a h2#portfolio { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_portfolio.gif) no-repeat 0 0; height: 36px; }

#content-a h2#contact { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_contact.gif) no-repeat 0 0; height: 36px; }

#content-a h2#form { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_form.gif) no-repeat 0 0; height: 36px; }

#content-a h2#links { background: transparent url(http://www.ablank-studio.com/images/headings/pagehd_links.gif) no-repeat 0 0; height: 36px; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #6E8084; text-decoration: none; }

a:visited { background: transparent; color: #879EA9; text-decoration: none; }

a:hover { background: transparent; color: #658699; text-decoration: none; }

a:focus { background: transparent; color: #000000; text-decoration: none; }

a:active { background: transparent; color: #4E7087; text-decoration: none; }

/* =Lists
----------------------------------------------- */
#content ol { list-style-position: inside; list-style-type: lower-roman; }

#content ul { list-style-type: none; }

#content ul li { background: transparent url(http://www.ablank-studio.com/images/li_bullet.gif) no-repeat 0 3px; padding-left: 22px; }

#content dt { font-weight: bold; }

/* =Forms
----------------------------------------------- */
label {
	background: transparent;
	color: #999999;
	display: block;
	font-size: 11pt;
	height:13px;
	padding-bottom: 8px;
}

label span {
	background: transparent;
	color: #4E7087;
	font-size: 11pt;
	text-transform: uppercase;
	line-height: 13pt;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 8px;
}

input, textarea, select { background: transparent url(http://www.ablank-studio.com/images/fm_inputtext.jpg) repeat-x 0 0; border: 1px solid #DDDDDD; color: #666666; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

#form table td { padding: 0 10px .5em 0; }

#name, #email, #subject, #message { width: 180px; }

#subject, #message { width: 375px; }

#message { height: 140px; }

input.submit { border: none; margin: 0; padding: 0; }

/* =Quotations
----------------------------------------------- */
blockquote { font-style: normal; text-indent: -.7em; }

blockquote cite { display: block; font-style: normal; margin: .8em 0 0 .6em; }

/* =Code
----------------------------------------------- */
code, pre, var { background: transparent; color: #5F5F5F; font: 1em Arial, "Verdana", Courier, monospace; }

pre { border: 1px solid #DDDDDD; font-size: .8em; height: auto; /*\*/ overflow: auto; /**/ padding: 4px; width: 540px; }

pre.php { color: #B22222; }

pre.php span.comment { color: #FFA500 !important; }

pre.php var { color: #333333; }

pre.html span.comment { color: #999999 !important; }

/* =Misc. Text Formatting
----------------------------------------------- */
kbd { background: transparent; color: #000000; font: 1em Arial, "Verdana", Courier, monospace; }

del { background: transparent; color: #DDDDDD; }

ins { background: transparent; color: #333333; text-decoration: underline; }

/* =Warnings and notes
----------------------------------------------- */
p.note-general, p.note-warning { background: transparent; border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 2px 4px 2px 34px; }

p.note-general { background: url(http://www.ablank-studio.com/images/note_general.gif) no-repeat 8px 50%; }

p.note-warning { background: url(http://www.ablank-studio.com/images/note_warning.gif) no-repeat 8px 50%; }

p.note-general:before { background: transparent; color: #999500; content: 'Note: '; font-weight: bold; }

p.note-warning:before { background: transparent; color: #FF6347; content: 'A word of warning: '; font-weight: bold; }

p.note-general:hover { border: 1px solid #999500; color: #666666; }

p.note-warning:hover { border: 1px solid #FF6347; color: #666666; }

/* =Wrappers
----------------------------------------------- */
#wrapper-a { background: transparent url(../images/template/bk_wrapper_a.jpg) repeat-x; width: auto; height: 330px; }

#wrapper-b { background: #FFFFFF; margin: 0 auto; text-align: left; width: 830px; }

.wrapper-l {
	background: transparent url(../images/template/bk_bg_left.jpg) repeat; 
	width: 15px; height: 100%; }

.wrapper-r { background: transparent url(../images/template/bk_bg_right.jpg) repeat-y; width: 15px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: #FFFFFF url(../images/template/hd_background.jpg) no-repeat; height: 120px; position: relative; width: 830px; }

#heading h1 { left: 25px; position: absolute; top: 35px; }

#heading-intro {
	background: transparent;
	color: #6E8084;
	left: 75px;
	padding-left: 10px;
	position: absolute;
	top: 70px;
	width: 350px;
	font-size: 13px;
	font-weight: bold;
}

#heading h1 a { background: transparent url(../images/template/clear1x1.gif) no-repeat; display: block; height: 35px; overflow: hidden; text-indent: -9999px; width: 372px; }

#heading h2, #heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }

/* =Content Layout
----------------------------------------------- */
#content-a {
	float: left;
	font-size: 12px;
	width: 555px;

}

#content-blog { float: left; font-size: 12px; width: 480px; }

#content-b {
	float: right;
	font-size: 8pt;
	width: 240px;
	height: 100%;
	top: 10px;
	margin-left: 10px;
}

#content-portfolio {
	float: right;
	font-size: 10pt;
	width: 240px;
	margin-left: 10px;
	border: #DDDDDD;
}

#line {
	float: left;
	width: 550px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	padding-top: 10px;
	padding-left: 10px;
}

#content-c { clear: both; }

#content-d { float: left; font-size: 12px; width: 400px; }

#content-a-inner { padding: 8px 10px 8px 18px; }

#content-blog-inner { padding: 8px 9px 8px 18px; }

#content-b-inner { 
	padding: 8px 18px 8px 18px;

	
 }
#content-b-innerb { 
	padding: 8px 18px 8px 18px; 
 }
#content-portfolio-inner { padding: 8px 10px 8px 15px; }

#content-b-inner div { margin-bottom: 10px;  }

#content-c-inner {
	padding: 0 18px;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#content-d-inner {
	margin: 0 0 5px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	 padding: 0 18px;
}

#content-a-inner #left {
	float: left;
	font-size: 8pt;
	width: 210px;
	padding-left: 15px;
}

#content-a-inner #right { float: right; font-size: 8pt; width: 210px; }

/* =Top Of Page etc
----------------------------------------------- */
ul#nav-b li { background: none; display: inline; margin-left: 5px; padding: 0; }

#nav-b li a {
	border: 1px solid #EEEEEE;
	color: #949294;
	font-size: 0.9em;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active { color: #666666; }

#resume a {
	text-align: center;
}


/* =Footer
----------------------------------------------- */
#footer { background: url(../images/template/hp_footer.jpg) no-repeat; width: 830px; height: 60px; padding: 30px 0 0px; }

#footer p { background: transparent; color: #6E8084; font-size: 10px; line-height: 14px; margin: 0 0 0em; text-align: center; text-transform: uppercase; }

#footer a:link, #footer a:visited { background: transparent; color: #B7CD62; text-decoration: none; }

#footer a:hover, #footer a:focus, #footer a:active { background: transparent; color: #FFFFFF; }

/* =Main Navigation
----------------------------------------------- */
#nav-a {
	left: 150px;
	list-style-type: none;
	position: absolute;
	top: 18px;
	width: 650px;
	height: 18px;
}

#nav-a li { float: left; margin: 0 1px 0 0; width: 100px; }

#nav-a li a { display: block; height: 20px; overflow: hidden; text-indent: -9999px; width: 100px; }

#nav-a-about a { background: transparent url(../images/template/nav_about.jpg) no-repeat 0 0; }

#nav-a-services a { background: transparent url(../images/template/nav_services.jpg) no-repeat 0 0; }

#nav-a-portfolio a { background: transparent url(../images/template/nav_portfolio.jpg) no-repeat 0 0;  }

#nav-a-blog a { background: transparent url(../images/template/nav_blog.jpg) no-repeat 0 0; }

#nav-a-links a { background: transparent url(../images/template/nav_links.jpg) no-repeat 0 0; }

#nav-a-contact a { background: transparent url(../images/templatew/nav_contact.jpg) no-repeat; }
#nav-a-about a:hover, #nav-a-about a:focus, #nav-a-about a:active, #nav-a-services a:hover, #nav-a-services a:focus, #nav-a-services a:active, #nav-a-portfolio a:hover, #nav-a-portfolio a:focus, #nav-a-portfolio a:active, #nav-a-blog a:hover, #nav-a-blog a:focus, #nav-a-blog a:active, #nav-a-links a:hover, #nav-a-links a:focus, #nav-a-links a:active, #nav-a-contact a:hover, #nav-a-contact a:focus, #nav-a-contact a:active { background-position: 0 -20px; }


/* =Images and thumbnails
----------------------------------------------- */
#content-randomimage img { border: 1px solid #91C1E5; margin: 0; padding: 1px; }

#content-randomimage p { background: transparent; color: #999999; font-size: 11px; margin: 0 0 3px 0; padding-right: 4px; text-align: right; text-transform: uppercase; }

.content-thumbnail { border: 1px solid #DDDDDD; padding: 1px; }



/* =Floats
----------------------------------------------- */
.float-left { float: left; margin-right: 10px; }

.float-right { float: right; margin-left: 10px; }

}
@media print {
body { background: #FFFFFF; color: #333333; font: 12px Arial, Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6, code, pre { color: #333333; }

h2	{ font-size: 14px; }

h3	{ font-size:12px; }

h4, h5, h6 { font-size: 11px; }

abbr, acronym { border-bottom: none; }

abbr:after, acronym:after { content: ' (' attr(title) ') '; }

a:after { content: ' (' attr(href) ') '; }

a { color: #333333; text-decoration: none; }

#nav-a, #nav-b, #heading-skipnav, #heading-intro, form { display: none; }

#heading { border-bottom: 2px solid #666666; }

}
#topimage {
	background-image: url(http://www.ablank-studio.com/images/template/hp_banner.jpg);
	background-repeat: no-repeat;
	width: 430px;
	height: 143px;
	border: 1px solid #EEEEEE;
	padding: 8px;
	left: 8px;
	top: 8px;
	right: 8px;
	bottom: 8px;
	background-position: center center;
}
/* =Portfolio menu
----------------------------------------------- */
#p7swapmenu {
	width: 230px;
	border-bottom: 1px solid #EEEEEE;
	float: right;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 15px;
	margin-right: 10px;
}

#p7swapmenu ul {
	margin: 0px;
	padding: 0px;
	
}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none; position: relative;}

.closed a, .open a {
	color: #658699;
	display: block;
	font-size: 14px;
	padding: 2px 0px 2px 16px;
	text-decoration: none;
	line-height: 20px;
}
.closed a:hover, .open a:hover {
	color: #B7CD62;
	background-image: url(../images/template/category-bg-over.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.closed a {
	background-image: url(../images/template/category-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}
.open a {
background-image: url(../images/template/category-bg-over.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.closed ul a, .open ul a, .open ul a:hover {
	border: 0;
	color:#666;
	font-size: 12px;
	font-weight:normal;
	padding: 0 0 0 10px;
	margin: 0 0 0 18px;
	line-height: 18px;
	background-image: none;
}
.open ul a:hover {
	color: #849EAD; background-image: none;
}
#p7current {font-weight: bold;}

</style>
[if gte IE 5]>
<style>
#p7swapmenu ul a {height: 16px;}
</style>
<![endif]
[if IE 5]>
<style>
#p7swapmenu li {margin-top: -3px;}
</style>
<![endif]
/* =Portfolio Image Gallery
----------------------------------------------- */
galleryDiv {
}
a.gallerythumb {
	right: 10px;
	display: block;
	float: right;
	padding-right: 15px;
   }
   img.gallerythumb {
      /* Optionally style the images in the gallery */
   }
.holder {
	float: left;
	margin: 5px;
}

.scroll-pane {
	width: 225px;
	height: 575px; padding-bottom:3px;
	overflow: auto;
	float: left;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#social {
	float: right;
	position: relative;
	height: 24px;
	width: 115px;
	margin-top: 85px;
	margin-right: 105px;
	margin-bottom: 10px;
}

.socimg { margin-left: 2px; margin-right: 2px; }

#ftprd {
	background-image: url(/images/homepage/homeimg-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 195px;
	width: 550px;
	padding-top: 12px;
	padding-left: 11px; margin-left: 5px;
}

#featpr {
	background-image: url(/images/homepage/homeft-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 135px;
	width: 550px;
	padding-top: 12px;
	padding-left: 11px; margin-left: 5px;
}