body{
    font-family:verdana,arial,helvetica,sans-serif;
	margin:0;
	padding:0;
	font-size:11px;
	color:#666;
}
a{
	color:#53467E;
	font-weight:bold;
}
a:hover{
	text-decoration:none;
}
a img{
	border:none;
}
p{
	margin-top:10px;
}
h2 a{
	text-decoration:none;
}
h1{
	font-size:14px;
	margin:0;
	padding:0;
}
h2{
	font-size:16px;
	padding:15px 0 10px 0;
	margin:0;
}
h3{
	font-size:16px;
	font-weight:normal;
	padding:15px 0 0 0;
	margin:0;
}
h4{
	font-size:15px;
	padding:5px 0 10px 0;
	margin:0;
	font-weight:normal;
}
h5{
	font-size:13px;
	padding:10px 0 15px 0;
	margin:0;
}
h6{
	font-size:12px;
	padding:5px 0 10px 0;
	margin:0;
	font-weight:normal;
}
.container{
    width:980px;
    margin:0 auto;
}
.purplestrip{
	width:100%;
	height:36px;
	background:#53467e;
}
#footer{
	width:100%;
	height:100px;
	background:black;
    min-width:1000px;
}
#content{
	width:980px;
	background:url(/images/watermark.jpg) no-repeat;
	background-position:bottom;
	min-height:523px;
}
#content.home{
	width:980px;
	background:none;
	min-height:0px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.white{
	color:#fff;
}
.black{
	color:#000;
}
.purple{
	color:#53467E;
}
.red{
	color:red;
}
.grey{
	color:#888;
}
.blue{
	color:#004471;
}
.light_grey{
	color:#b0b0b0;
}
.border_dashed{
	border-bottom:1px dashed #ccc;
}
.nostyle{
	text-decoration:none;
	font-weight:normal;
}
.nostyle:hover{
	text-decoration:underline;
}
.nobot{
	margin-bottom:0;
	padding-bottom:5px;
}
.notop{
	margin-top:0;
	padding-top:1px;
}
.noline, .noline:hover{
	text-decoration:none;
}
.light{
	font-weight:normal;
}
.serif{
	font-family:Georgia, 'Times New Roman', serif;
}

/*********************Header***********************/
#header{
	height:60px;
	background:black;
	padding-top:10px;
    min-width:1000px;
}
#header.home{
	height:319px;
}
#header img#logo{
	margin-top:0;
}
#header.home img#logo{
	margin-top:0;
}
img#anniversary{
	position:absolute;
	margin-left:215px;
}
div#banner{
	width:976px;
	height:245px;
	margin:5px auto;
	border:2px solid #636363;
}
#header .contacts{
	text-align:right;
	margin-top:25px;
	font-size:11px;
}
#mainmenu{
	font-size:12px;
	line-height:36px;
	color:white;
	text-align:right;
	background:#53467E url(/images/purple_topbar.jpg) repeat-x;
    min-width:1000px;
}
#mainmenu a{
	color:white;
	text-decoration: none;
}
#mainmenu ul{
	margin:0;
	padding:0;
}
#mainmenu ul li{
	list-style:none;
	float:left;
}
#mainmenu ul li a{
	display:block;
	background:url(/images/menu.jpg) no-repeat;
	height:36px;
	width:100px;
}
#mainmenu ul li.home a{
	width:67px;
	background-position:0 0;
}
#mainmenu ul li.about a{
	width:66px;
	background-position:-67px 0;
}
#mainmenu ul li.services a{
	width:77px;
	background-position:-133px 0;
}
#mainmenu ul li.portfolio a{
	width:82px;
	background-position:-210px 0;
}
#mainmenu ul li.testimonials a{
	width:96px;
	background-position:-292px 0;
}
#mainmenu ul li.contact a{
	width:77px;
	background-position:-388px 0;
}
#mainmenu ul li.home a:hover, #mainmenu ul li.home a.active{
	background-position:0  bottom;
}
#mainmenu ul li.about a:hover, #mainmenu ul li.about a.active{
	background-position:-67px bottom;
}
#mainmenu ul li.services a:hover, #mainmenu ul li.services a.active{
	background-position:-133px bottom;
}
#mainmenu ul li.portfolio a:hover, #mainmenu ul li.portfolio a.active{
	background-position:-210px bottom;
}
#mainmenu ul li.testimonials a:hover, #mainmenu ul li.testimonials a.active{
	background-position:-292px bottom;
}
#mainmenu ul li.contact a:hover, #mainmenu ul li.contact a.active{
	background-position:-388px bottom;
}
#footermenu{
	line-height:36px;
	color:white;
    min-width:1000px;
}
#footermenu a{
	color:white;
	text-decoration: none;
}
#follow{
	margin:35px 20px 0 0;
}
#follow li{
	float:left;
	list-style:none;
	line-height:16px;
	margin-right:5px;
}


/*********************Home Page Content***********************/
.home_featured{
	width:770px;
	margin:0 auto;
}
.feature{
	width:350px;
	margin-top:20px;
}
.feature img{
	margin-right:5px;
}
.feature p{
	margin-left:90px;
}
.feature_heading{
	text-decoration:none;
	font-size:13px;
}
.feature_heading:hover{
	text-decoration:underline;
}
.home_content{
	margin-left:105px;
	margin-bottom:20px;
}
.home_content a.feature_heading{
	font-size:16px;
	font-weight:normal;
}
.home_content .feature{
	width:350px;
}
.hot_technologies{
	text-align:center;
	margin-top:20px;
	margin-left:80px;
}
.hot_technologies img{
	margin-top:10px;
}
.govt{
	margin-bottom:5px;
}

/*********************Subpage Content***********************/
.subheader{
	background:#fff;
	width:194px;
	height:30px;
	line-height:30px;
	margin-top:3px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding-left:10px
}
ul#left_menu{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:2px;
}
ul#left_menu a{
	text-decoration:none;
	display:block;
	height:31px;
	line-height:31px;
	width:191px;
	padding-left:13px;
}
ul#left_menu .big a{
	text-decoration:none;
	display:block;
	height:45px;
	line-height:20px;
	width:191px;
	padding-top:5px;
	vertical-align:middle;
}
ul#left_menu a:hover, ul#left_menu li.active a{
	background:#53467E;
	width:189px;
	color:#fff;
}
ul#left_menu .big a:hover{
}
ul#left_menu li{
	border-bottom:1px solid #ccc;
}
ul#left_menu li.last{
	border-bottom:none;
}
ul#left_menu li.big{
	height:50px;
}
.subpage{
	border-left:1px solid #ccc;
	width:775px;
	min-height:775px;
	padding-top:20px;
}
.subpage .subpage_left{
	width:532px;
	padding:0 20px;
}
.subpage .subpage_right{
	width:203px;
}
.subpage .subpage_full{
	width:100%;
	padding:0 20px;
}
.purplebar{
	background:url(/images/purplebar.jpg) no-repeat;
	height:20px;
	line-height:18px;
	padding-left:15px;
	color:white;
	margin-top:15px;
	margin-bottom:10px;
	width:203px;
}
.subpage_right p{
	margin-left:30px;
}
.subpage_right hr{
	border:none;
	border-bottom:1px solid #ccc;
	margin:20px 0 40px 0;
}
#left_menu{

}

/*********************Forms***********************/
form#contact{
	margin-left:7px;
	width:182px;
}
form#contact fieldset{
	margin:0;
	border:none;
}
form#contact input, form#contact textarea{
	display:block;
	margin-bottom:5px;
	width:180px;
	border:1px solid #ccc;
	font-size:11px;
	color:#666;
}
form#contact select{
	display:block;
	margin-bottom:5px;
	width:182px;
	border:1px solid #ccc;
	font-size:11px;
	color:#444;
}
form#contact em{
	font-size:10px;
}
form#contact input[type="submit"]{
	width:80px;
	background:#53467e;
	color:#fff;
	padding:3px;
	float:right;
	margin-bottom:20px;
	border:1px solid black;
}

/*********************Contact page***********************/
form#ccontact{
	margin-left:7px;
}
form#ccontact input, form#contact textarea{
	display:block;
	margin-bottom:5px;
	width:180px;
	border:1px solid #ccc;
	font-size:11px;
	color:#666;
}
form#ccontact select{
	display:block;
	width:180px;
	margin-bottom:5px;
	border:1px solid #ccc;
	font-size:11px;
	color:#444;
}
form#ccontact em{
	font-size:10px;
}
form#ccontact input[type="submit"]{
	width:80px;
	background:#53467e;
	color:#fff;
	padding:3px;
	float:right;
	margin-bottom:20px;
	border:1px solid black;
}

/*********************Portfolio***********************/
#portfolio_listing div.category{
	margin-right:60px;
	width: 195px;
}

ul.heading{
	margin:15px 0 20px 0;
	padding:0;
}
ul.heading li{
	display:inline;
	float:left;
}
ul.heading li h2, ul.heading li h5{
	display:inline;
	padding-right:5px;
}

ul.heading2{
	margin:-25px 0 0px 0;
	padding:0;
}
ul.heading2 li{
	display:inline;
}
ul.heading2 li h2, ul.heading2 li h5{
	display:inline;
	padding-right:5px;
}

ul.portfolio{
	margin-top:10px;
	padding-top:0;
	padding-left: 2.5em;
}
ul.portfolio li{
	list-style:url(/images/icon_arrow.jpg);
	padding-bottom:3px;
}
ul.portfolio a{
	color:#666;
	text-decoration:none;
	font-weight:normal;
}
ul.portfolio a:hover{
	color:#53467E;
	text-decoration:underline;
}
div.portfolio_list h3 a{
	color:#666;
	text-decoration:none;
	font-weight:normal;
}
div.portfolio_list h3 a:hover{
	color:#53467E;
	text-decoration:underline;
}
select#filter{
	color:#666;
	font-size:12px;
	width:200px;
}
select#filter option.category{
	color:#fff;
	/*background:#4f4f4f;*/
	padding:0 0 3px 3px;
}
select#filter optgroup.category{
	color:#fff;
	background:#4f4f4f;
	margin:0px;
	padding:0px;
}
select#filter optgroup.category option{
	color:#000;
	background:#ffffff;
	padding:0 0 3px 3px;
}
select#filter option{
	padding-left:5px;
}
#portfolio h4 a{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
#portfolio a{
	font-weight:normal;
}
#portfolio a img{
	padding:3px;
	border:1px solid #ccc;
}
#portfolio a:hover img{
	padding:3px;
	border:1px solid #53467E;
}
#portfolio td{
	padding-right:8px;
}
div#portfolio{
	margin:30px 10px;	
	background:white;
}
div#portfolio table{
	color:#888;
	margin-bottom:10px;
}
div#portfolio table td{
	width:140px;
	padding:0 5px;
	font-family:arial;
	border-bottom:1px solid #ccc;
}
div#portfolio table tr.first td{
	border-top:1px solid #ccc;
}
div#portfolio table tr.last td{
	border-bottom:1px solid #ccc;
}
div#portfolio table td.first{
	width:140px;
	padding-left:0;
	border-left:1px solid #ccc;
}
div#portfolio table td.last{
	width:140px;
	padding-right:0;
	border-right:1px solid #ccc;
}
div#portfolio table tr.break td{
	background:#fff;
	border:none;
}
div#portfolio a{
	font-weight:normal;
}
div#portfolio h4 a{
	text-decoration:none;
	font-family:verdana;
}
div#portfolio div.light_grey{
	background:#eee;
	width:160px;
	padding:1px 10px;
}
div#portfolio div.light_grey a{
	text-decoration:none;
	font-size:12px;
	font-family:verdana;
}
div#portfolio div.light_grey p{
	margin:7px 0;
}
a.pagination{
	display:block;
	float:left;
	margin-left:2px;
	border:1px solid #ccc;
	background:#fff;
	height:20px;
	width:20px;
	line-height:20px;
	text-decoration:none;
	text-align:center;
	font-family:arial;
	margin-top:-2px;
}
a.pagination:hover{
	background:#eee;
}
a.pagination.active{
	background:#eee;
	font-weight:bold;
}
#portfolio_listing{
	padding-bottom:20px;
}

/*********************Portfolio Types***********************/
ul.portfolio_types{
	margin:0;
	padding:0;
}
ul.portfolio_types li{
	float:left;
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
}
a.portfolio_type{
	display:block;
	width:367px;
	height:91px;
	background:url(/images/btn_type.png);
	text-decoration:none;
	line-height:91px;
	color:#444;
	font-size:18px;
	font-weight:normal;
}
a.portfolio_type:hover{
	background-position: 0 -91px;
}
a.portfolio_type img{
	float:left;
	margin:10px 15px 0 20px;
}
a.disabled{
	cursor:default;
	background-position: 0 bottom;
}
a.disabled:hover{
	background-position: 0 bottom;
}
a.viewall{
	display:block;
	width:745px;
	height:106px;
	background:url(/images/btn_type.png);
	background-position: 0 -182px;
}
a.viewall:hover{
	background-position: 0 -288px;
}



/*********************Project***********************/
div.project div.subpage{
	border:none;
}
div.col_left img{
	margin:3px 0;
}

div.col_left img.return{
	margin:0 0 0 10px;
}
div.col_left a.return_link{
	margin:30px 0 10px 0;
}
div.col_left{
	width:203px;
}
div.col_left p{
	font-size:10px;
}
ul.basic{
	list-style:none;
	margin:0;
	padding:5px 0 10px 10px;
}
ul.basic li{
	padding-bottom:4px;
}
ul.basic li a{
	font-weight:normal;
}
ul#project_heading{
	list-style:none;
	padding-bottom:50px;
}
ul#project_heading li{
	float:left;
	width:40px;
}
ul#project_heading li img{
	margin-top:2px;
}
ul#project_heading li.project_name{
	text-align:center;
	width:430px;
	padding:0 10px;
}


.subpage .testimonial{
}
p.testimonial {
	margin-left:30px;
	margin-bottom:0;
}
.testimonial hr{
	border:none;
	border-bottom:1px solid #ccc;
	margin-bottom:40px;
}
.testimonial_bubble_top{
	background:url(/images/testimonial_bubble.png);
	background-position:top left;
	width:520px;
	height:20px;
}
.testimonial_bubble_mid{
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	background:#fff;
	width:498px;
	padding:10px;
}
.testimonial_bubble_bot{
	background:url(/images/testimonial_bubble.png);
	background-position:bottom left;
	width:520px;
	height:50px;
}
.testimonial_logo{
	margin-bottom:-15px;
	margin-left:30px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	position:relative;
	background:#fff;
}

.center {
	text-align: center;
	margin: 0 auto;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

h3.twocolhead { clear: both; padding-top: 1em;}
ul.twocol { width: 460px;  padding-left: 2.5em;}
li.twocolli { float: left; width: 180px; margin: 0px 40px 0px 10px; padding: 0px; }
img.no-border { border: none; }
a.return_link{ text-decoration:none; color:#969696; height:19px; line-height:19px; display:block; float:left; margin-right:3px;}

ul#left_menu li.purple_sidebar{
	background:#53467E url(/images/purplebar_left.jpg) no-repeat;
	line-height:19px;
	margin-right:0px;
	color:#fff;
	font-weight:bold;
	padding-left:12px;
	border:none;
	margin-top:10px;
	margin-bottom:1px;
}
ul#left_menu a.grey_sidebar{
	background:#53467E url(/images/greybar.jpg) repeat-x;
	line-height:36px;
	height:36px;
	color:#fff;
	font-weight:bold;
	padding-left:12px;
	width:190px;
}
ul#left_menu a.grey_sidebar:hover{
	background:#53467E url(/images/purple_topbar.jpg) repeat-x;
}
div.portfolio_bg{
	width:367px;
	height:177px;
	background:#ededed url(/images/portfolio_bg.jpg) no-repeat;
	margin:0 20px 20px 0;
	padding:10px 0 0 0;
	color:#333;
}
div.portfolio_bg a{
	text-decoration:none;
	color:#333;
	font-weight:normal;
}
div.portfolio_bg h3{
	font-size:18px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
}
.icon{
	background:url(/images/icon_sprite.png);
	display:block;
	width:64px;
	height:64px;
}
a.view_all{
	background-position: -640px -48px;
	width:192px;
	margin-right:10px;
}
a.design{
	background-position: 0 -48px;
}
a.development{
	background-position: -64px -48px;
}
a.windows{
	background-position: -128px -48px;
}
a.apple{
	background-position: -192px -48px;
}
a.iphone{
	background-position: -256px -48px;
	margin-bottom:5px;
}
a.blackberry{
	background-position: -320px -48px;
	margin-bottom:5px;
}
a.android{
	background-position: -384px -48px;
	margin-bottom:7px;
}
a.facebook{
	background-position: -448px -48px;
}
a.twitter{
	background-position: -512px -48px;
}
a.igoogle{
	background-position: -576px -48px;
}
a.websites{
	background-position: 0 top;
	height:48px;
	margin-left:10px;
}
a.app_dev{
	background-position: -64px top;
	height:48px;
	margin-left:10px;
}
a.mobile{
	background-position: -128px top;
	height:48px;
	margin-left:10px;
}
a.social{
	background-position: -196px top;
	height:48px;
	margin-left:10px;
}
.icon_mini{
	background:url(/images/icon_sprite.png);
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin-top:5px;
	margin-right:5px;
}
.webdev_mini{
	background-position: 0 -112px;
}
.design_mini{
	background-position: -20px -112px;
}
.ecomm_mini{
	background-position: -40px -112px;
}
.cms_mini{
	background-position: -60px -112px;
}
.seo_mini{
	background-position: -80px -112px;
}
.facebook_mini{
	background-position: -100px -112px;
}
.igoogle_mini{
	background-position: -120px -112px;
}
.twitter_mini{
	background-position: -140px -112px;
}
.android_mini{
	background-position: -160px -112px;
}
.blackberry_mini{
	background-position: -180px -112px;
}
.iphone_mini{
	background-position: -200px -112px;
}
.appdev_mini{
	background-position: -220px -112px;
}
.govt_mini{
	background-position: -240px -112px;
}
.social_media_mini{
	background-position: -260px -112px;
}
.pencil{
	background-position: -832px -54px;
	height:26px;
	width:23px;
	float:left;
	margin-top:-10px;
}
.facebook16{
	background-position: 0px -132px;
	height:16px;
	width:16px;
}
.twitter16{
	background-position: -16px -132px;
	height:16px;
	width:16px;
}
.myspace16{
	background-position: -32px -132px;
	height:16px;
	width:16px;
}


form#contact label.quickcontact {
	float:left;
	padding-left:0px;
	margin-left:0px;
}
form#contact select.quickcontact {
	padding-left:0px;
	margin-left:0px;
}

/*********************Social Media Marketing Page***********************/
#social_media_3box
{
	background:url(/images/social_media_3box.jpg) no-repeat;
	background-position:center top;
	width:532px;
	height:118px;
	padding-top:10px;
	font-family:arial;
}
#social_media_box_1
{
	width:145px;
	height:90px;
	float:left;
	margin-right:45px;
}
#social_media_box_2
{
	width:145px;
	height:90px;
	float:left;
	margin-right:45px;
}
#social_media_box_3
{
	width:145px;
	height:90px;
	float:left;
}
#social_media_3box .serif
{
	font-size:22px;
	float:left;
	width:35px;
	text-align:center;
	height:90px;
}
.social_media
{
	margin:40px 0;
	width:300px;
	
}