body  { font-family: Tahoma, Arial, Helvetica, sans-serif; background: #FFFFFF url("images/back.jpg") 50% 0; margin: 0 }

body .outer-pop {
	position:absolute;
	width:100%;
	height:100%
	top:50px;
	left:0px;
	z-index:1001;
}
body .inner-pop {
	position:relative;
	background:url(images/trans.png) no-repeat 0 0;
	width:1000px;
	padding:140px 0;
	height:1000px;
	margin:0 auto;
}
body .inner-2pop {
	background:#fff8da;
	padding:20px;
	font-size:16px;
	line-height:28px;
	color:#000;
	width:600px;
	margin:0 auto;
	border:4px solid #121719;
	text-align:center;
}
body .inner-2pop a {
	color:#367CB7;
}
body .inner-2pop a:hover {
	color:#367CB7;
	text-decoration:none;
}
	


#container, #container-lower {
	width:940px;
	margin:0 auto;
}
#header .logo a {
	display:block;
	width:100px;
	height:55px;
	float:left;
	text-decoration:none;
	text-indent:-600px;
	overflow:hidden;
	background:url(images/logo.png) no-repeat 0 0;
	margin:0px 0 10;
}
#header .headerTxt    { color: red; font-size: 12px; line-height: 16px; background: url("images/dot.gif") repeat-y; padding: 16px 0 16px 20px; width: 810px; float: right }
#header .headerTxt p {
	margin:0;
}


/* navigation */

#nav   { background: url("images/nav.gif"); margin: 0; padding: 0; position: relative; width: 940px; height: 56px }
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#nav li, #nav a {
	height:56px;
	display:block;
}
#nav01 {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:213px;
}
#nav02 {
	text-indent:-300em;
	overflow:hidden;
	left:216px;
	width:167px;
}
#nav03 {
	text-indent:-300em;
	overflow:hidden;
	left:386px;
	width:167px;
}
#nav04 {
	text-indent:-300em;
	overflow:hidden;
	left:556px;
	width:167px;
}
#nav05   { text-indent: -300em; left: 726px; width: 214px; overflow: hidden }


#nav01 a:hover {
	background:transparent url(images/nav.gif) 0px -56px no-repeat;
}
#nav02 a:hover {
	background:transparent url(images/nav.gif) -216px -56px no-repeat;
}
#nav03 a:hover {
	background:transparent url(images/nav.gif) -386px -56px no-repeat;
}
#nav04 a:hover {
	background:transparent url(images/nav.gif) -556px -56px no-repeat;
}
#nav05 a:hover {
	background:transparent url(images/nav.gif) -726px -56px no-repeat;
}


#nav01.nav01on a:hover, .nav01on {
	background:transparent url(images/nav.gif) 0px -112px no-repeat;
}
#nav02.nav02on a:hover, .nav02on {
	background:transparent url(images/nav.gif) -216px -112px no-repeat;
}
#nav03.nav03on a:hover, .nav03on {
	background:transparent url(images/nav.gif) -386px -112px no-repeat;
}
#nav04.nav04on a:hover, .nav04on {
	background:transparent url(images/nav.gif) -556px -112px no-repeat;
}
#nav05.nav05on a:hover, .nav05on  { background: url("images/nav.gif") no-repeat -726px -112px }

/* page titles */


#upperTitle {
	background:url(images/border.gif) repeat-x 0 100%;
	padding:30px 0;
}
#upperTitle-inner {
	background:url(images/dot.gif) repeat-x 0 100%;
	padding:15px 0;
	}
#upperTitle-under {
	background:url(images/dot.gif) repeat-x 0 100%;
	padding:1px 0;
}

#upperTitle h1 {
	margin:0 auto;
	padding:0;
	font-size:12px;
	text-indent:-600px;
	overflow:hidden;
	height:108px;
	width:674px;
	background:url(images/introTxt.gif) no-repeat 0 0;
}
#upperTitle-inner h1 {
	margin:0 auto;
	padding:0;
	font-size:12px;
	text-indent:-600px;
	overflow:hidden;
	height:75px;
	width:600px;
}
#upperTitle-inner h1.work-samples {
	background:url(images/txt-work-samples.gif) no-repeat 0 0;
}
#upperTitle-inner h1.about-services {
	background:url(images/txt-about.gif) no-repeat 0 0;
}
#upperTitle-inner h1.templates {
	background:url(images/txt-templates.gif) no-repeat 0 0;
}
#upperTitle-inner h1.contact {
	background:url(images/txt-contact.gif) no-repeat 0 0;
}
#upperTitle-inner h1.weblog {
	background:url(images/txt-weblog.gif) no-repeat 0 0;
}
#upperTitle-inner h1.weblog a {
	display:block;
	width:600px;
	height:75px;
}



/* samples */

#slider { 
	width:940px;
	margin:0 auto;
	position:relative;
}
.coda-slider { 
	width:940px;
}
.coda-slider-inner { 
	width:940px;
	overflow:hidden;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 	
	overflow: auto !important; 
	padding-right: 20px;
}


/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 200px;
}
.coda-slider-wrapper.arrows .coda-slider {
	margin: 0 10px;
}

/* Arrow styling */

.coda-nav-left a, .coda-nav-right a { 
	display:block;
	width: 16px;
	text-indent:-600px;
	overflow:hidden;
}
.coda-nav-left, .coda-nav-right { 
	position:absolute;
	height:62px;
	width:16px;
	top:160px;
}
.coda-nav-right { 
	left:950px;
}
.coda-nav-left { 
	left:-26px;
}
.coda-nav-left a { 
	background:url(images/slider-arrows.gif) no-repeat 0 0;
	height:62px;
	width:16px;
}
.coda-nav-right a { 
	background:url(images/slider-arrows.gif) no-repeat -16px 0;
	height:62px;
	width:16px;
}
.coda-nav-left a:hover { 
	background:url(images/slider-arrows.gif) no-repeat 0 -62px;
}
.coda-nav-right a:hover { 
	background:url(images/slider-arrows.gif) no-repeat -16px -62px;
}



/* Tab nav */

.coda-nav ul li a.current { 
	background: url(images/slider-bullet.gif) no-repeat 0 -8px;
}

/* Panel padding */
.coda-slider .panel-wrapper { 

}

/* Preloader */
.coda-slider p.loading { 
	padding: 20px;
	text-align: center;
}


/* Tabbed nav */

.coda-nav ul { 
	float:left;
	width:470px;
	overflow: hidden;
	margin:12px 0;
	padding:0 0 0 429px;
}
.coda-nav ul li { 
	display: inline;
	margin:0;
	padding:0;
	list-style:none;
}
.coda-nav ul li a { 
	background: url(images/slider-bullet.gif) no-repeat 0 0;
	display: block;
	float: left;
	margin-right: 10px;
	height:8px;
	width:8px;
	text-indent:-600px;
	overflow:hidden;
}
.coda-nav ul li a:hover { 
	background: url(images/slider-bullet.gif) no-repeat 0 -16px;
}

/* Miscellaneous */

.coda-slider-wrapper {
	clear: both;
	overflow: hidden;
}
.coda-slider {
	float:left;
	overflow: hidden;
	position: relative;
}
.coda-slider .panel { 
	display: block;
	float: left;
	width:940px;
	height:336px;
	overflow:hidden;
}
.coda-slider .panel-container {
	position: relative;
}

#slider .sample-text  { color: red; font-size: 12px; line-height: 18px; float: left }

#slider .sample-text a  { color: black }
#slider .sample-text a:hover  { color: gray; text-decoration: none }


#slider .sample-01 {
	background:url(images/slider-back01.png) no-repeat 100% 100%;
}
#slider .sample-01 .sample-text {
	background:url(images/slider-logo01.gif) no-repeat 20px 40px;
        padding:80px 0 0 20px;
        width:240px;
}
#slider .sample-02 {
	background:url(images/slider-back02.png) no-repeat 90% 100%;
}
#slider .sample-02 .sample-text {
	background:url(images/slider-logo02.gif) no-repeat 20px 40px;
        padding:80px 0 0 20px;
        width:280px;
}
#slider .sample-03 {
	background:url(images/slider-back03.png) no-repeat 100% 100%;
}
#slider .sample-03 .sample-text {
	background:url(images/slider-logo03.gif) no-repeat 30px 40px;
        padding:90px 0 0 30px;
        width:240px;
}
#slider .sample-04 {
	background:url(images/slider-back04.png) no-repeat 100% 100%;
}
#slider .sample-04 .sample-text {
	background:url(images/slider-logo04.gif) no-repeat 30px 40px;
        padding:90px 0 0 30px;
        width:240px;
}
#slider .sample-05 {
	background:url(images/slider-back05.png) no-repeat 100% 100%;
}
#slider .sample-05 .sample-text {
	background:url(images/slider-logo05.gif) no-repeat 20px 40px;
        padding:90px 0 0 20px;
        width:240px;
}


/* upper content */

#upper-content {
	width:940px;
	margin:0 auto;
}
#upper-content .sample-nav {
	margin:0;
	padding:0;
	background:url(images/dot.gif) repeat-x 0 100%;
	height:30px;
}
#upper-content .sample-nav li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	padding:7px 10px 0;
	font-size:11px;
	color:#A9B8BD;
}
#upper-content .sample-nav li a {
	float:left;
	display:block;
	font-size:11px;
	color:#A9B8BD;
	text-decoration:underline;
}
#upper-content .sample-nav li a:hover, #upper-content .sample-nav li.on a {
	color:#fff;
	text-decoration:none;
}
#upper-content .column01, #upper-content .column02  { color: black; font-size: 12px; line-height: 18px }
#upper-content .column01 {
	width:273px;
	float:left;
	padding:50px 20px 20px;
}
#upper-content .column01 p {
	margin:10px 0;
}
#upper-content .column02 {
	width:626px;
	float:right;
	padding:20px 0;
}
#upper-content .sample-img  { background: #FFFFFF; display: block; padding: 5px; overflow: hidden }
#upper-content .column02 .sample-img img {
	border:1px solid #5A6B70;
}
#upper-content h4  { color: red; font-size: 16px; font-style: italic; font-weight: normal; line-height: 20px; margin: 0; padding: 0 0 5px }
#upper-content .column01 a, #upper-content .column04 a, #upper-content .column05 a, #upper-content .column06 a, #upper-content .weblog-main a  { color: red }
#upper-content .column01 a:hover, #upper-content .column04 a:hover, #upper-content .column05 a:hover, #upper-content .column06 a:hover, #upper-content .weblog-main a:hover {
	text-decoration:none;
}
#upper-content .column04, #upper-content .column05, #upper-content .column06  { color: black; font-size: 12px; line-height: 18px; padding: 0 20px 14px; width: 273px; float: left }
#upper-content h2  { color: red; font-size: 14px; font-style: bold; font-weight: bold; line-height: 20px; margin: 0; padding: 0 0 5px }
#upper-content h3  { color: black; font-size: 14px; font-style: bold; font-weight: bold; line-height: 20px; margin: 0; padding: 0 0 5px }
#upper-content h3 a { color: red; font-size: 14px; font-style: bold; font-weight: bold; line-height: 20px; margin: 0; padding: 0 0 5px }
#upper-content .contact-cta {
	padding:20px 20px 10px;
	background:url(images/dot.gif) repeat-x 0 0;
}
#upper-content .contact-cta .btn a {
	display:block;
	width:162px;
	height:34px;
	background:url(images/btn-contact.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-500px;
	outline:0;
}
#upper-content .contact-cta .btn a:hover {
	background:url(images/btn-contact.gif) no-repeat 0 -34px;
}
#upper-content .contact-cta .btn a:active {
	background:url(images/btn-contact.gif) no-repeat 0 -68px;
}
#upper-content .inner-txt {
	background:url(images/dot.gif) repeat-x 0 100%;
}
#upper-content .inner-txt .column01 {
	text-align:right;
	padding:0 0 12px;
	width:293px;
}
#upper-content .inner-txt .column02 {
	padding:0 0 30px;
	font-size:11px;
	line-height:16px;
}
#upper-content .inner-txt .column02 p {
	margin:0;
	padding:0;
}

/* weblog */

#upper-content .weblog-main {
	font-size:12px;
	line-height:18px;
	color:#cbd1d3;
	width:586px;
	float:left;
	padding:30px 20px 20px;
}
#upper-content .weblog-main .post-index {
	padding:0 0 40px;
}
#upper-content .weblog-main h2 {
	margin:0;
	padding:0 0 12px;
	background:url(images/dot.gif) repeat-x 0 100%;
	font-style:normal;
}
#upper-content .weblog-main h2 a {
	text-decoration:none;
	color:#fff;
}
#upper-content .weblog-main h2 a:hover {
	text-decoration:underline;
	color:#fff;
}
#upper-content .weblog-main .tab-date {
	display:block;
	width:100px;
	padding:4px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	overflow:hidden;
}
#upper-content .weblog-main .meta-top {
	font-size:10px;
	line-height:14px;
	padding:4px 0;
}
#upper-content .weblog-sidebar {
	width:293px;
	float:right;
	padding:20px 20px 20px 0;
        color:#cbd1d3;
        font-size:11px;
        line-height:16px;
}
#upper-content .weblog-sidebar ul {
	padding:2px 0 30px;
	margin:10px 0 0;
        background:url(images/dot.gif) repeat-x 0 0;
}
#upper-content .weblog-sidebar li {
	padding:0;
	margin:0;
	list-style:none;
}
#upper-content .weblog-sidebar li a {
	padding:5px 5px 5px 20px;
	margin:0;
	font-size:11px;
	line-height:16px;
	color:#fff;
	display:block;
	text-decoration:none;
	background:url(images/bullet-orange.gif) no-repeat 6px 10px;
}
#upper-content .weblog-sidebar li a .date {
	font-size:10px;
	line-height:14px;
	color:#87969b;
}
#upper-content .weblog-sidebar li a:hover {
	background:url(images/bullet-orange.gif) no-repeat 6px 10px #364043;
}

/* WP-Paginate - WordPress Pagination Function */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {border:1px solid #7f9298; color:#7f9298; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#000; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#0a0d0e; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

/* comments */

#upper-content .weblog-main form {
	padding:15px 0 0;
	margin:0;
	background:url(images/dot.gif) repeat-x 0 0;
}
#upper-content .weblog-main .name, #upper-content .weblog-main .email, #upper-content .weblog-main .website, #upper-content .weblog-main .comments {
	display:block;
	font-size:11px;
	padding:4px 0;
}
#upper-content .weblog-main .pii {
	float:left;
	padding:0 20px 0 0;
}
#upper-content .weblog-main .btn-area {
	padding:12px 0 0;
}
#upper-content .weblog-main .comment-field, #upper-content .weblog-main .comment-box {
	width:270px;
	padding:2px;
	font-size:14px;
	border:2px solid #131718;
	margin:0;
	background:#c6ccce;
}
#upper-content .weblog-main .comment-box {
	height:143px;
}
#upper-content .commentlist {
	margin:0;
	padding:0;
}
#upper-content .commentlist li {
	margin:0;
	padding:12px 0;
	background:url(images/dot.gif) repeat-x 0 0;
	font-size:12px;
	line-height:18px;
	list-style:none;
}
#upper-content .commentlist .avatar {
	border:2px solid #131718;
	float:left;
	margin:0 20px 0 0;
}
#upper-content .comment-txt {
	overflow:hidden;
}
#upper-content .comment-txt .commentdate {
	font-size:10px;
	float:right;
	display:block;
	text-align:right;
}


/* blog entry image styles */

.wp-caption {
	text-align: center;
	padding: 9px 5px 5px;
	background: #f7f0df;
	border: 1px solid #C7B894;
}

.wp-caption img {
	padding: 0;
	margin: 0 0 5px;
}

.wp-caption-text {
	margin: 10px 0 0;
	padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
	font-size:14px !important;
	color: #9B9074;
	text-align: center; 
	margin: 0;
	padding: 0;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	margin: 0 0 15px 15px;
	display: inline;
	float: right;
	}

.alignleft {
	margin: 0 15px 15px 0;
	display: inline;
	float: left;
	}

img.wp-smiley  {
	padding: 0;
	border: none;
}


/* social icons */

#social {
	width:129px;
	height:35px;
	margin:0;
	padding:0;
	float:right;
	position:relative;
	background:url(images/social-icons.gif);
}
#social li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#social li, #social a {
	height:35px;
	display:block;
}
#social01 {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:33px;
}
#social02 {
	text-indent:-300em;
	overflow:hidden;
	left:33px;
	width:32px;
}
#social03 {
	text-indent:-300em;
	overflow:hidden;
	left:65px;
	width:32px;
}
#social04 {
	text-indent:-300em;
	overflow:hidden;
	left:97px;
	width:32px;
}
#social01 a:hover {
	background:transparent url(images/social-icons.gif) 0px -35px no-repeat;
}
#social02 a:hover {
	background:transparent url(images/social-icons.gif) -33px -35px no-repeat;
}
#social03 a:hover {
	background:transparent url(images/social-icons.gif) -65px -35px no-repeat;
}
#social04 a:hover {
	background:transparent url(images/social-icons.gif) -97px -35px no-repeat;
}



/* lower section */

#container-lower {
	background:url(images/lower-border.gif) repeat-x 0 0;
}
#container-lower .column01, #container-lower .column02, #container-lower .column03 {
	width:273px;
	padding:24px 20px 20px;
	float:left;
	font-size:11px;
	line-height:16px;
	color:#cbd1d3;
}
#container-lower .column02, #container-lower .column03 {
	background:url(images/dot.gif) repeat-y 0 0;
}
#container-lower .column01 ul, #container-lower .column02 ul, #container-lower .column03 ul {
	padding:0;
	margin:10px 0 0;
}
#container-lower .column01 li, #container-lower .column02 li, #container-lower .column03 li {
	padding:0;
	margin:0;
	list-style:none;
}
#container-lower .column01 li a, #container-lower .column02 li a, #container-lower .column03 li a {
	padding:5px 5px 5px 20px;
	margin:0;
	font-size:11px;
	line-height:16px;
	color:#fff;
	display:block;
	text-decoration:none;
	background:url(images/bullet-orange.gif) no-repeat 6px 10px;
}
#container-lower .column01 li a .date, #container-lower .column02 li a .date, #container-lower .column03 li a .date {
	font-size:10px;
	line-height:14px;
	color:#87969b;
}
#container-lower .column01 li a:hover, #container-lower .column02 li a:hover, #container-lower .column03 li a:hover {
	background:url(images/bullet-orange.gif) no-repeat 6px 10px #364043;
}


#container-lower .column01 h2, #container-lower .column02 h2, #container-lower .column03 h2 {
	margin:0;
	padding:0;
	font-size:12px;
	text-indent:-500px;
	overflow:hidden;
	height:17px;
}
#container-lower .column01 h2.txt-col01 {
	background:url(images/txt-col01.gif) no-repeat 0 0;
}
#container-lower .column02 h2.txt-col02 {
	background:url(images/txt-col02.gif) no-repeat 0 0;
}
#container-lower .column03 h2.txt-col03 {
	background:url(images/txt-col03.gif) no-repeat 0 0;
}
#container-lower .featured-item {
	padding:14px 0;
}
#container-lower .featured-img {
	width:110px;
	margin:8px 8px 8px 0;
	float:left;
}
#container-lower .featured-item a {
	color:#acd4e1;
	text-decoration:none;
}
#container-lower .featured-item a:hover {
	color:#acd4e1;
	text-decoration:underline;
}
#container-lower .featured-border {
	background:url(images/dot.gif) repeat-x 0 100%;
}






/* footer */
#centerbots  { text-align: center; margin: 0 auto; padding: 20px 0; width: 940px }
#footer  { color: red; font-size: 11px; line-height: 16px; background: url("images/border.gif") repeat-x; text-align: center; margin: 0 auto; padding: 20px 0; width: 940px }
#footer2 { color: red; font-size: 11px; line-height: 16px; background: url("images/border.gif") repeat-x; text-align: right; margin: 0 auto; padding: 20px 0; width: 940px}
#footer a  { color: red; text-decoration: none }
#footer a:hover  { color: red; text-decoration: underline }

/* pattern samples */

.dinpattern {
	display:block;
	height:500px;
	border:2px solid #131718;
	margin:20px 0;
}