@charset "utf-8";
body{ margin:0; 
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bg22.jpg) white repeat-x scroll;
}/* CSS Document */
h1 { color:#222222; font-family:Georgia,"Times New Roman",Times,serif; font-size:42px; font-weight:normal; letter-spacing:0px; line-height:55px; margin:10px 0 40px; padding:0;
letter-spacing:-0.8333px;
text-align:center;
text-shadow:0 1px 1px;
}
.entry{border:1px solid #e5e5e5; width:450px; height:250px; background-color:#333; margin-left:12px; margin-top:20px; float:left}
.entry_image{height:200px; background-color:#666}
.entry_description{position:relative; top:-40px; height:70px; background-image:url(../images/entry_bg.png); background-repeat:repeat-x;padding:10px; border-top:1px solid white;}
.wordpress {
background-image:url("../images/wordpress.png");
background-repeat:no-repeat;
color:#555555;
font-size:15px;
text-shadow:0 1px 0 #E9E9E9;
font-weight:bold;
height:24px;
margin-top:10px;
padding-left:28px;
padding-top:5px;
width:auto;
}
.link a, .more a {
color:#006666;
float:right;
font-size:12px;
margin-left:10px;
font-weight:bold;
padding-bottom:5px;
padding-left:22px;
padding-top:1px;
text-decoration:none;
}
.border img{ border:8px solid #e5e5e5;}
.link a{background-image:url("../images/new_window.png");
background-repeat:no-repeat;}
.more a{background-image:url("../images/more.png");
background-repeat:no-repeat;}
h1 b{color:#00676F; text-shadow:0 2px 1px #CCCCCC;}
h2{font-family:Helvetica; font-size:36px; color:#f9f9f9;letter-spacing:-1.5px; margin:0; padding:0;}
h3{font-family:Helvetica; color:#fff; text-transform:uppercase; margin:0; padding:0;
font-size:17px; letter-spacing:-0.833px; margin-bottom:10px; color:#ccc; }
.contact{color:#e7e7e7; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:30px; letter-spacing:-1px;}
#header{margin-top:5px; margin-bottom:-25px; background:url(../images/head.png) no-repeat;}
img{border:0;}
#nav { list-style:none; margin-top:8px; text-align:center; font-family: Georgia, "Times New Roman", Times, serif}
#nav li {margin:0; display:inline; color:#fffedd; font-size:32px; padding:0;  color:green; border-right:1px solid #333;}
#nav li a{ color:#BE4204; text-decoration:none; padding:5px 25px 5px 25px;}
#nav li img{ vertical-align:middle;}
#nav li a:hover, #nav li.selected a{ color:white; background-color:#222; padding:2px 25px 20px 25px; border-top:5px solid #D1481C;}
#navigation{text-align:left; background-image:url(../images/work.png); background-repeat:no-repeat; height:70px;
background-color:#fff;}
#services{background-image:url(../images/services.png); background-repeat:no-repeat; 
height:410px; padding-top:35px; font-family:Arial, Helvetica, sans-serif; }
#design{margin-left:90px; margin-top:15px;}
#development{margin-top:15px;}
#design_services li{background-image:url(../images/tick.png); background-repeat:no-repeat; padding-left:25px; margin-top:10px;}
#about_services{margin-left:90px; margin-top:15px; line-height:22px; font-size:15px;}
#footer{background-color:#111; padding-top:10px; margin-top:10px; padding-bottom:10px; border-top:1px solid black;}
.footer_links li{display:inline;}
#featured{margin-top:20px; background-image:url(../images/pixel.png); background-repeat:repeat; margin-left:30px}
#featured p{line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:0px; margin:20px;}
.footer_links{float:left;}
.footer_links li a{ padding:10px; color:#999; font-family:Arial; font-size:12px; text-decoration:none}
.footer_links li a:hover{background-color:#000; color:white;}
#social_media_links{list-style:none; }
#social_media_links li{display:inline;}
#social_media_links li a{padding:10px;}
#social_media_links li a:hover{background-color:#111;}
#contact_table{font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
#contact_table td{color:#444;}
.input {border:1px solid #999; height:22px; margin-top:5px; margin-left:20px; margin-bottom:5px; width:250px; padding:5px 5px 2px 5px;}
.submit{border:0; height:auto; margin:5px auto auto 70px; padding:inherit inherit inherit inherit; width:inherit;}
#contact_table textarea{margin-left:20px;}
#contact_right_column p{margin-top:10px; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif;
line-height:24px; color:#444; border-left:1px solid #eee; padding-left:20px;}

#twitter_bar{font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:1px; line-height:16px; background-image:url(../images/pixel.png); background-repeat:repeat; height:30px; border:1px solid #ccc; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;} .right{ text-align:right;}
.rrt-date{display:block; color:#09F;}
.rrt-body a{color:#06F;}
.rrt-content a{color:#09F;}
.website_link{ margin-top:20px; background-color:#e7e7e7; border:1px solid #ccc; padding:6px; text-decoration:none; color:#555; font-size:12px; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;}
.website_link:hover{color:white; background-color:#333;}
.list, .vertical{margin:0; padding:0; list-style:none; font-family:Arial; font-size:12px;}
.list li a, .vertical li a{text-decoration:none; color:white;}
.list li{display:inline;}
.vertical li{padding:3px; line-height:16px; color:#999;}
.content{ background-color:white; padding-bottom:10px; margin-bottom:0px;}
.content p{font-size:15px; line-height:19px; padding:0px 5px; margin-top:5px;}
.featured{ background-image:url(../images/carousel_bg.png); background-position:center top; background-repeat:no-repeat;}
.black{color:#333; text-transform:capitalize; margin-bottom:10px; font-size:22px; line-height:26px; letter-spacing:-0.833px;} 
.service_section{float: left; width: 460px; margin-left:10px;}
.service_image{float:left;} .service_content{float: left; width: 320px; margin-left: 15px; font-size:15px;}
.service_content li{line-height:19px;} .margin_bottom{margin-bottom:30px;}
input[type=text], textarea{border:1px solid #ccc; padding:5px; margin:5px 0px; font-family:Arial, Helvetica, sans-serif; width:250px;}
textarea{width:400px;}
#respond{border:5px solid #CCCCCC;
padding:10px;}
input[type=submit]{ background-image:url(../images/submit.jpg); width:150px; height:40px; background-repeat:no-repeat; text-indent:-999px; border:0;}
.title_text{ color: #333; padding-top:15px;
text-shadow:0 1px 1px #aaa; font-weight:bold; font-size:18px;}
.blog{font-size:24px;} .bg_white{background-color:white;}
.post_front{margin:20px 0px; border-bottom:1px solid #eee; padding-bottom:10px; overflow:hidden}
.post_front_thumb{float:left; background:#e7e7e7; margin-right:10px; width:150px; margin-top:8px;}
.post_front_excerpt{float:left; font-size:15px; line-height:20px; width:480px;}
.post_front h4 a{color:#06C; text-decoration:none;}
.post_content p{font-size:14px; line-height:20px; margin:10px 0px;} .breadcrumbs{ font-size:13px; margin:7px 10px;}
.portfolio_post_right{float:right; width:255px; margin:10px; margin-top:45px;} .portfolio_post_right p{margin:10px 0px; font-size:13.5px; line-height:18px; } .portfolio_post_right h4{margin:10px 0px;} .url{font-size:13px; text-decoration:none; color:#555;} .more-link{background-color:#ccc; text-decoration:none; display:block; color:#333; -moz-border-radius: 5px; border-radius: 5px; width:80px; padding:5px; font-size:12px; margin:10px 0px; font-weight:bold}
.more-link:hover{background-color:#333; color:white;}
.services li, .service_section ul li{background:url("../images/more.png") no-repeat scroll left center transparent;
font-size:14px;
line-height:18px;
margin-bottom:4px;
padding-left:22px;} .date_comments{ margin:7px 0px; color:#5ABEDE;} .widget{margin:10px 0px;} .cat_list li a{color:#333; font-weight:bold;}
.post_projects_right{margin-top:30px;} .post_projects_right img{margin-bottom:10px; border:5px solid #ddd;}
.blog h4{font-size:28px; line-height:30px; text-transform:capitalize; color:#5ABEDD; margin:0px 0px; padding-bottom:5px; border-bottom:1px solid #c9c9c9;}


.post_content h3{color:#0066CC; text-transform:capitalize; margin:10px 0px; border-bottom:1px solid #ccc; padding-bottom:5px; font-size:18px; }

.widget h3{background-color:#666666;
color:white;
margin:30px 0 5px;
padding:5px;}

.widget .vertical li{background-color:#777; color:white; margin:1px 0px; }
.widget .vertical li a{color:white; padding-left:5px;}
.widget .vertical li:hover{background-color:#333}



.post_front_excerpt p{margin:10px 0px; font-size:14px; line-height:19px; }
.trackback{display:block; background-color:#555; color:white; padding:5px; font-weight:bold; margin:10px 0px; text-decoration:none;  -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;}
.trackback:hover{background-color:#ccc; color:black;}

#comments, #respond h3{text-transform:capitalize; margin:30px 0px 10px; color:#999;}

label small{font-size:14px; margin-left:10px; }
.cancel-comment-reply a{text-decoration:none; float:right;}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { display:none;}
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

small{font-size:11px; }

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}