@charset "utf-8";
body {
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-color: #e3e3e3;
	font-family: Century Gothic, Franklin Gothic Book, Maiandra GD, Corbel, Monaco, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.wrapper .top #header #design, .wrapper .top #header #development, .wrapper .top #header #strategy, .wrapper .top .logo, .wrapper .top #handWriting {
	background-image: url(../images/sprites.jpg);
	background-repeat: no-repeat;
}
.wrapper img.top_border, .wrapper img.bottom_border {
	position: absolute;
	left: 0px;
}
.wrapper img.top_border {
	top: 0px;
}
.wrapper img.bottom_border {
	bottom: 0px;
}
.wrapper img.left_border {
	position:absolute;
	left:0px;
}
.wrapper img.right_border {
	position:absolute;
	right:0px;
}
.wrapper .top, .wrapper .menu, .wrapper .testimonial_wrapper, .wrapper .tweets_n_blogs, .wrapper .cms_lower, .wrapper .lower_design, .wrapper .lower_development, .wrapper .middle_lower_development_left, .wrapper .middle_lower_development_right, .wrapper .footer {
	position:relative;
}  
.wrapper .menu .menu_item a:link, .wrapper .menu .menu_item a:active, .wrapper .menu .menu_item a:visited {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}
.wrapper a:link, .wrapper a:active, .wrapper a:visited {
	color:#3366CC;
	text-decoration: none;
	outline: none;
}
.wrapper .lower a:link, .wrapper .lower a:active, .wrapper .lower a:visited {
	color:#66CCFF;
}
.wrapper .lower .facebook_twitter_links img {
	border-style: none;
}
.wrapper .menu .menu_item a:hover {
	color: #c5e9eb;
}
.wrapper {
	width: 860px;
	margin-left: -430px;
	position: absolute;
	left: 50%;
	top: 0px;
	padding-top:1px;
	border: 1px solid #e3e3e3;
	background-color: #FFFFFF;
}
.wrapper .topMenu {
	position:absolute;
	top:25px;
	left:25px;
	height:20px;
	line-height:20px;
	width:806px;
	color:#FFFFFF;
	font-size:14px;
	letter-spacing:1px;
}
.wrapper .topMenu a {
	color:#FFFFFF;
	margin-right:20px;
	float:left;
	font-size:11px;
}
.wrapper .topMenu a:hover {
	color:#c5e9eb;
}
.wrapper .topMenu p {
	margin:0px;
	padding:0px;
	float:right;
}
.wrapper .top {
	height: 315px;
	width: 856px;
	background-color: #000000;
	margin-right: 2px;
	margin-left: 2px;
}
.wrapper .top .logo {
	height: 255px;
	width: 300px;
	position: absolute;
	left: 35px;
	top: 29px;
	bottom: 31px;
	background-position:-316px 0px;
}
.wrapper .top #header {
	height: 141px;
	width: 270px;
	position: absolute;
	left: 450px;
	top: 85px;
}
.wrapper .top #header #design, .wrapper .top #header #development, .wrapper .top #header #strategy {
	width: 270px;
	height: 47px;
}
.wrapper .top #header #design { background-position:0px 0px;}  .wrapper .top #header #development { background-position:0px -47px;}  .wrapper .top #header #strategy { background-position:0px -94px;}
.wrapper .top #brackets {
	position:absolute;
	width:151px;
	height:49px;
	top:32px;
	right:32px;
	background-position:0px -206px;
}
.wrapper .top #handWriting {
	position:absolute;
	width:316px;
	height:34px;
	top:257px;
	left:426px;
	background-position:0px -141px;
}

.wrapper .top #header_lower {
	position: absolute;
	top: 267px;
	right: 46px;
}
.wrapper .top #header_lower h1 {
	margin: 0px;
	color: #afcdcf;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
.wrapper .menu {
	height: 32px;
	width: 810px;
	background-image: url(../images/menu_bg_gradient.jpg);
	border: 1px solid #000000;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-right: 22px;
	padding-left: 22px;
	text-align: center;
}
.wrapper .menu .menu_item {
	height: 32px;
	width: 135px;
	float: left;
	vertical-align: middle;
	line-height: 32px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.wrapper .menu .menu_item.current_page a {
	color:#c5e9eb;
}
.wrapper .middle {
	width: 854px;
	margin-right: 2px;
	margin-left: 2px;
	background-image: url(../images/middlebg.png);
	background-repeat: repeat-y;
	border: 1px solid #bdbfc4;
}

.wrapper  .middle.middle_home {
	height: 371px;
}
.wrapper .middle .main_image {
	float: right;
}

.wrapper  .middle  .main_image.home_image {
	background-image: url(../images/sketching2.jpg);
	height: 371px;
	width: 230px;
}
.wrapper     .middle     .title     h1    {
	line-height: 80px;
	font-size: 34px;
	position: absolute;
	z-index: 1;
	letter-spacing: 0.05em;
	top: 360px;
	left: 35px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}
.wrapper .middle .body_text_wrapper {
	float: left;
	width: 580px;
	margin-top: 100px;
}

.wrapper .middle .body_text {
	margin-left: 35px;
}
.wrapper    .middle    .body_text_wrapper    .body_text    li   {
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
}
.wrapper .middle .body_text_wrapper .body_text img {
	margin-left: 22px;
	margin-bottom: 2px;
}
.wrapper .inner_wrapper {
	width: 654px;
	margin-top: 105px;
	margin-right: 100px;
	margin-left: 100px;
}
.wrapper  .middle.middle_portfolio  {
	padding-bottom: 40px;
}
.wrapper  .middle_portfolio  .portfolio_inner  .portfolio_item   {
	margin-top: 25px;
	height: 182px;
	width: 654px;
}
.wrapper .middle_portfolio .portfolio_inner .portfolio_item img {
	float: left;
	border: 1px solid #000000;
}
.wrapper .middle_portfolio .portfolio_inner .portfolio_item img:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}
.wrapper .middle_portfolio .portfolio_inner .portfolio_item .portfolio_item_text {
	float: right;
	height: 130px;
	width: 375px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.wrapper   .middle.middle_cms   {
	height: 460px;
}
.wrapper .middle_cms .cms_body_text {
	width: 475px;
}

.wrapper .middle_cms .main_image.cms_image_wrapper {
	height: 460px;
	width: 350px;
}
.wrapper .middle_cms .cms_image_wrapper .cms_image {
	background-image: url(../images/cms_abstract.png);
	margin-right: 25px;
	height: 410px;
	width: 325px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.wrapper .middle.middle_design {
	height: 410px;
}
.wrapper  .middle_design  .body_text_wrapper.design_body_text, .middle_development .body_text_wrapper.development_body_text {
	width: 575px;
	position: absolute;
}
.wrapper .middle_design .design_image    {
	background-image: url(../images/design_image.jpg);
	height: 410px;
	width: 380px;
}
.wrapper .middle_development {
	height: 410px;
}
.wrapper .middle_development .development_image {
	background-image: url(../images/development_abstract2.jpg);
	height: 410px;
	width: 425px;
}
.wrapper .middle_lower_development {

}
.wrapper .middle_lower_development .middle_lower_development_left {
	height: 290px;
	width: 300px;
	float: left;
	margin-bottom: 2px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/low_dev_left_box_bg.png);
}
.wrapper .middle_lower_development .middle_lower_development_right {
	float: right;
	height: 290px;
	width: 454px;
	margin-bottom: 2px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/low_dev_right_box_bg.png);
}
.wrapper .middle_lower_development .middle_lower_development_right .middle_lower_development_right_image {
	float: left;
	height: 265px;
	width: 175px;
	background-image: url(../images/projects_site_admin_thumb.png);
	margin-top: 25px;
}
.wrapper .middle_lower_development .middle_lower_development_right .middle_lower_development_right_text {
	float: right;
	width: 254px;
	padding-top: 20px;
}


.wrapper .middle_contact {
	height: 400px;
}
.wrapper .middle_contact .contact_body_wrapper {
	height: 250px;
	width: 650px;
	margin-top: 100px;
	margin-left: 100px;
}
.wrapper .middle_contact .contact_body_wrapper #contact_form {
	float: left;
	height: 250px;
	width: 320px;
}
.wrapper .middle_contact .contact_body_wrapper #form_message {
	float: right;
	height: 170px;
	width: 220px;
	color: #FF0000;
	line-height: 16px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
.wrapper .middle_contact .contact_body_wrapper #form_message .style1 {
	color: #0000FF;
	line-height: normal;
}
.wrapper .middle_contact .contact_body_wrapper #form_message .style2 {
	color: #009900;
	font-size: 14px;
}
.wrapper .middle_contact .contact_body_wrapper #form_message img {
	margin-left: 102px;
	margin-bottom: 7px;
}

.wrapper .middle_contact .contact_body_wrapper #contact_form .field {
	width: 230px;
}
.wrapper .middle_contact .contact_body_wrapper #contact_form textarea {
	width: 230px;
}
.wrapper .middle_contact .contact_body_wrapper #contact_form .special {
	display: none;
}
.wrapper .lower {
	width: 856px;
	margin-right: 2px;
	margin-left: 2px;
	clear: both;
	margin-top: 2px;
	color: #FFFFFF;
	font-size: 12px;
}
.wrapper .menu {
	border-radius: 8px;
	-moz-border-radius: 8px;
}
.wrapper .lower .testimonial_wrapper {
	width: 385px;
	float: left;
	background-image:url(../images/testimonials_box_bg.png);
	margin-bottom: 2px;
	padding-top: 33px;
	padding-right: 55px;
	padding-left: 55px;
	min-height: 204px;
	_height: 204px;
	padding-bottom: 0px;
}
.wrapper .lower .testimonial_wrapper #quotetopleft {
	position: absolute;
	left: 5px;
	top: 12px;
	height: 30px;
	width: 30px;
	background-image: url(../images/qoutesleft.png);
}
.wrapper .lower .testimonial_wrapper #quotebottomright {
	background-image: url(../images/qoutesright.png);
	height: 30px;
	width: 30px;
	position: absolute;
	right: 10px;
	bottom: 0px;
	top: 185px;
}

.wrapper .lower .testimonial_wrapper .testimonial {
	width: 180px;
	font-size: 16px;
}
.wrapper .lower .testimonial_wrapper .testimonial .nameoftestifier {
	margin-left: 15px;
	font-size: 9px;
	font-style: italic;
	color: #CCCCCC;
}

.wrapper .lower .tweets_n_blogs {
	font-weight: bold;
	width: 359px;
	float: right;
	background-image:url(../images/tweetsnblogs_box_bg.png);
	height: 237px;
	margin-bottom: 2px;
}
.wrapper .lower .tweets_n_blogs #tweet_wrapper .tweet_blog_inner .tweet_blog_title a img {
	border:none;
}

.wrapper   .lower   .tweets_n_blogs   .tweet_blog_wrapper {
	height: 95px;
	width: 327px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
.wrapper .lower .tweets_n_blogs #blog_wrapper {
	float: right;
	clear: right;
}
.wrapper .lower .tweets_n_blogs #tweet_wrapper {
	float: right;
}
.wrapper  .lower  .tweets_n_blogs  .tweet_blog_inner  {
	height: 82px;
	width: 308px;
	background-color: #000000;
	border: 1px solid #330033;
	background-image: url(../images/tweetbox.png);
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
}
.wrapper  .lower  .tweets_n_blogs  .tweet_blog_inner  .tweet_blog_title  {
	font-size: 14px;
	font-style: italic;
	color: #FFCC99;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
}
.wrapper  .lower  .tweets_n_blogs  .tweet_blog_inner  .tweet_blog_text  {
	width: 305px;
	margin-top: 5px;
}
.wrapper .lower .cms_lower {
	width: 806px;
	height: 250px;
	padding: 25px;
	background-image: url(../images/box_bg_purple.png);
	background-repeat: repeat-y;
}
.wrapper .lower .cms_lower .custom_cms_thumbs {
	background-image: url(../images/custom_cms_perspective_thumbs.png);
	float: left;
	height: 250px;
	width: 400px;
}
.wrapper .lower .cms_lower .which_cms_text {
	float: right;
	height: 220px;
	width: 361px;
	padding-left: 45px;
}
.wrapper .lower .cms_lower .which_cms_text .which_cms_title {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: bold;
}
.wrapper  .lower  .lower_design {
	width: 856px;
	height: 22em;
	background-image:url(../images/box_bg_purple.png);
	background-repeat:repeat-y;
	margin-bottom: 2px;
}
.wrapper   .lower_design   .pricing_redesigns {
	width: 284px;
	float: left;
}
.wrapper .lower_design .spacer {
	float: left;
	width: 2px;
	height: 50px;
}
.wrapper   .lower   .sub_item_title   {
	line-height: 40px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
}
.wrapper  .sub_sub_title     {
	margin-bottom: 7px;
	font-style: italic;
	font-weight: bold;
}
.wrapper .lower_design .pri_con_red_title img {
	margin-left: 25px;
}

.wrapper  .lower  .sub_item_title  img {
	float: left;
}
.wrapper .lower_design .pricing_redesigns .pricing_redesigns_text {
	margin-right: 25px;
	margin-left: 25px;
}
.wrapper .lower_development {
	width: 841px;
	background-image:url(../images/box_bg_black.png);
	background-repeat:repeat-y;
	padding-right: 15px;
	height: 27em;
	min-height: 315px;
}
.wrapper  .lower_development  .lower_development_text_wrapper {
	height: 315px;
	float: left;
	width: 561px;
}
.wrapper .lower_development .lower_development_text_wrapper .lower_development_text {
	margin: 25px;
}

.wrapper .lower_development .lower_development_text_wrapper #lower_development_text_title {
	font-weight: bold;
	font-size: 24px;
}

.wrapper .lower_development .lower_development_image {
	float: right;
	height: 305px;
	width: 280px;
	margin-top: 10px;
}
.wrapper .lower_development .lower_development_image #lower_development_image_caption {
	font-size: 8px;
	width: 280px;
	height: 25px;
	line-height: 9px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.wrapper .lower_development .lower_development_image #lower_development_image_caption a {
	color:#CCCCFF;
}
.wrapper .lower_development .lower_development_image #lower_development_image_caption a:hover {
	text-decoration:underline;
}
.wrapper .lower .footer {
	background-color: #000000;
	width: 856px;
	clear: both;
	margin-top: 2px;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-bottom: 2px;
	background-image:url(../images/box_bg_black.png);
	background-repeat:repeat-y;
}
.wrapper .lower .footer .fb_like {
	height: 20px;
	width: 90px;
	position: absolute;
	top: 126px;
	right: 15px;
}

.wrapper .lower .footer .facebook_twitter_links {
	position: absolute;
	top: 126px;
	z-index: 9;
	height: 20px;
	width: 52px;
	right: 120px;
}
.wrapper .lower .footer #directory_link {
	position: absolute;
	top: 126px;
	z-index: 9;
	left: 40px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.wrapper .lower .footer #directory_link img {
	border-style: none;
}
.wrapper .lower .footer .lower_menu {
	height: 50px;
	width: 856px;
}
.wrapper .lower .footer .inigowebdesigndotcom {
	height: 24px;
	width: 600px;
	margin-right: 128px;
	margin-left: 128px;
	background-image: url(../images/wwwdotinigowebdesigndotcom.jpg);
}
.wrapper .lower .footer .copyright {
	color: #999999;
	margin-top: 40px;
	text-align: center;
	margin-right: 225px;
	margin-left: 225px;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.wrapper .lower .footer .copyright a {
	color: #999999;
}
.wrapper .lower .footer .copyright a:hover, .wrapper .lower .footer #directory_link a:hover  {
	color: #CCCCCC;
}


							/*		BLOG		*/

.wrapper .middle #blog_header, .wrapper .middle #blog_header #blog_menu, .wrapper .middle #blockTitle, .wrapper .middle #menuTitleArrow, .wrapper .middle #backToBtn {
	background-image: url(../images/blogSprites.png);
	background-repeat: no-repeat;
}
.wrapper .middle #blog_header {
	width:854px;
	height:133px;
	background-position:0px 0px;
	position:relative;
}
.wrapper .middle #blockTitle {
	position:absolute;
	top:7px;
	left:1px;
	height:128px;
	width:228px;
}
.wrapper .middle #blockTitle.archives {
	background-position:-854px 0px;
}
.wrapper .middle #blockTitle.categories {
	background-position:-1082px 0px;
}
.wrapper .middle #blockTitle.all {
	background-position:-1310px 0px;
}
.wrapper .middle #backToBtn {
	position:absolute;
	top:87px;
	left:283px;
	width:98px;
	height:43px;
	cursor:pointer;
}
.wrapper .middle #backToBtn.none, .wrapper .middle #backToBtn.all {
	display:none;
}
.wrapper .middle #backToBtn.archives {
	background-position:-1777px 0px;
}
.wrapper .middle #backToBtn.categories {
	background-position:-1538px -50px;
}
.wrapper .middle #backToBtn.archives:hover {
	background-position:-1777px -43px;
}
.wrapper .middle #backToBtn.categories:hover {
	background-position:-1636px -50px;
}
.wrapper .middle #menuTitleArrow {
	position:absolute;
	top:33px;
	left:236px;
	width:239px;
	height:50px;
	background-position:-1538px 0px;
}
.wrapper .middle #cabinetImg {
	background-image:url(../images/thatMessyFilingCabinet.png);
	background-repeat:no-repeat;
	position:absolute;
	top:134px;
	right:16px;
	width:267px;
	height:216px;
}
.wrapper .middle #blog_header #blog_menu {
	position:absolute;
	width:380px;
	height:63px;
	top:133px;
	right:0px;
}
.wrapper .middle #blog_header #blog_menu.latest { background-position:0px -133px; }
.wrapper .middle #blog_header #blog_menu.archives { background-position:0px -196px; }
.wrapper .middle #blog_header #blog_menu.categories { background-position:0px -259px; }
.wrapper .middle #blog_header #blog_menu.all { background-position:0px -322px; }
.wrapper .middle #blog_header #blog_menu.none { background-position:0px -385px; }

.wrapper .middle #blog_header #blog_menu.latest.hover1 { background-position:-380px -133px; }
.wrapper .middle #blog_header #blog_menu.latest.hover2 { background-position:-760px -133px; }
.wrapper .middle #blog_header #blog_menu.latest.hover3 { background-position:-1140px -133px; }
.wrapper .middle #blog_header #blog_menu.latest.hover4 { background-position:-1520px -133px; }

.wrapper .middle #blog_header #blog_menu.archives.hover1 { background-position:-380px -196px; }
.wrapper .middle #blog_header #blog_menu.archives.hover2 { background-position:-760px -196px; }
.wrapper .middle #blog_header #blog_menu.archives.hover3 { background-position:-1140px -196px; }
.wrapper .middle #blog_header #blog_menu.archives.hover4 { background-position:-1520px -196px; }

.wrapper .middle #blog_header #blog_menu.categories.hover1 { background-position:-380px -259px; }
.wrapper .middle #blog_header #blog_menu.categories.hover2 { background-position:-760px -259px; }
.wrapper .middle #blog_header #blog_menu.categories.hover3 { background-position:-1140px -259px; }
.wrapper .middle #blog_header #blog_menu.categories.hover4 { background-position:-1520px -259px; }

.wrapper .middle #blog_header #blog_menu.all.hover1 { background-position:-380px -322px; }
.wrapper .middle #blog_header #blog_menu.all.hover2 { background-position:-760px -322px; }
.wrapper .middle #blog_header #blog_menu.all.hover3 { background-position:-1140px -322px; }
.wrapper .middle #blog_header #blog_menu.all.hover4 { background-position:-1520px -322px; }

.wrapper .middle #blog_header #blog_menu.none.hover1 { background-position:-380px -385px; }
.wrapper .middle #blog_header #blog_menu.none.hover2 { background-position:-760px -385px; }
.wrapper .middle #blog_header #blog_menu.none.hover3 { background-position:-1140px -385px; }
.wrapper .middle #blog_header #blog_menu.none.hover4 { background-position:-1520px -385px; }

.wrapper .middle #blog_header #blog_menu #blog_menu_btns {
	position:absolute;
	width:380px;
	height:16px;
	top:40px;
	left:0px;
}
.wrapper .middle #blog_header #blog_menu #blog_menu_btns .btns {
	position:absolute;
	top:0px;
	height:16px;
	cursor:pointer;
	z-index:9999;
}
.wrapper #blog_menu_btns .btns#latest { width:49px;left:47px } .wrapper #blog_menu_btns .btns#archives { width:57px;left:125px } .wrapper #blog_menu_btns .btns#categories { width:74px;left:211px } .wrapper #blog_menu_btns .btns#all { width:24px;left:313px }
.wrapper .middle .inner_wrapper.blog_inner.view {
	margin-top:0px;
	min-height:500px;
	margin-bottom:100px;
}
.wrapper .middle #viewList {
	position:absolute;
	top:150px;
	left:60px;
	width:420px;
}
.wrapper .middle #viewList ul {
	padding:0px;
	margin:0px;
}

.wrapper .middle #viewList li {
	list-style:none;
}
.wrapper .middle #viewList li.firstLevelListing a, .wrapper .middle #viewList li p.postTitle {
	font-size:22px;
	font-weight:bold;
	color:#000000;
	letter-spacing:1px;	
}
.wrapper .middle #viewList li.firstLevelListing a {
	outline:none;
	padding:0px;
	margin:0px;
	display:block;
}
.wrapper .middle #viewList li p.postSummary {
	margin:4px 0px 0px 25px;
	font-size:12px;
	color:#555555;
}
.wrapper .middle #viewList li a.readMore {
	font-size:10px;
}
.wrapper .middle #viewList li a:hover {
	color:#ff0000;
}
.wrapper .middle #viewList h2.resultsHeader {
	font-style:italic;
	font-size:15px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}




.wrapper .blog_inner #postHead {
	width:400px;
	margin:35px 0px 30px 0px;
}
.wrapper .blog_inner #postHead .blogPostTitle h1 {
	font-size:16px;
}
.wrapper .blog_inner #postHead .datePosted {
	font-size:11px;
	font-style:italic;
}