body {
	font:62.5%/1.5 "Tahoma", Arial, Helvetica, sans-serif;
	color:#fdfdfd;
	background:#063a72 url(../images/tile.jpg) repeat-x top;
	text-align:left;
	line-height:1.5em;
}
a {
	outline:none;
	text-decoration:none;
	color:#33FF00;
}
p {
	font-size:1.1em;
	color:#333;
}
strong {
	font-weight:bold;
}
.outer_wrapper {
	background:url(../images/bg.jpg) no-repeat center top;
}
#wrapper {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
/*
========================================== BRANDING ==============================================*/
#branding {
	width:597px;
	height:183px;
	float:right;
	position:relative;
	background:url(../images/slogan.png) no-repeat;
}
#branding h1 a {
	width:150px;
	height:117px;
	float:right;
	display:block;
	outline:none;
	background:url(../images/smartweb_branding.png) no-repeat;
	text-indent:-9999px;
	margin:20px 25px 0 0;
}
/*
========================================== BANNER ==============================================*/

/*
======================================== NAVIGATION ============================================*/
#navigation {
	width:245px;
	height:262px;
	margin:30px 0 0 20px;
}
#navigation .nav_h {
	width:223px;
	height:12px;
	background:transparent url(../images/nav_h.png) no-repeat;
}
#navigation .nav_bg {
	width:223px;
	background:transparent url(../images/nav_bg.png) repeat-y;
}
#navigation .nav_f {
	width:223px;
	height:12px;
	background:transparent url(../images/nav_f.png) no-repeat;
}
#navigation .menu {
	width:22px;
	height:44px;
	background:transparent url(../images/menu.png) no-repeat;
	position:absolute;
	margin:-60px 0 0 -22px;
	z-index:9999;
}
#navigation .nav_bg ul {
	margin-left:10px;
}
#navigation .nav_bg ul li {
	background:url(../images/bullet.png) no-repeat left -1px;
	padding-left:30px;
}
#navigation li a {
	font-size:12px;
	color:#fff;
	padding:0 0px 7px 5px;
	background:url(../images/nav_border.png) no-repeat left bottom;
	text-decoration:none;
	display:block;
	line-height:24px;
}
#navigation li a:hover {
	color:#fff;
	background:url(../images/nav_hover.png) no-repeat left bottom;
}
#navigation li a.active {
	color:#fff;
	background:#db1276;
}
#navigation .nav_bg .categoryitems {
	margin-left:-21px;
}
#navigation .nav_bg ul.categoryitems li {
	background:url(../images/bullet_sub.png) no-repeat 17px 8px;
	display:block;
}
#navigation .nav_bg .categoryitems li a {
	color:#17b9ff;
	background:url(../images/nav_border2.png) no-repeat left bottom;
}
#navigation .nav_bg .categoryitems li a:hover {
	color:#45e70c;
}

/*
===================================== CONTENT SECTION ===========================================*/
#container {
	height:648px;
}
#container #content {
	padding:19px 0px 10px 18px;
	/*overflow:hidden;
	position:relative;*/
}
#content p {
	margin-bottom:8px;
}
#content h2.webdesign {
	width:300px;
	height:24px;
	background:transparent url(../images/web_design.png) no-repeat;
	text-indent:-9999px;
	margin:0 0 15px 10px;
}
#content #gallery {
	margin:15px 0 0 15px;
}
#content .featured_projects {
	width:277px;
	height:213px;
	float:left;
	background:transparent url(../images/projects_bg.png) no-repeat;
	margin:110px 0 0 10px;
	padding:10px 15px;
}
#content .featured_projects .project img {
	float:left;
	margin-bottom:2px;
	border:1px solid #156a00;
}
#content .featured_projects .project div {
	float:left;
	padding-left:10px;
}
#content .featured_projects .project div img {
	margin-bottom:5px;
	border:none;
}
#content .featured_projects .contact {
	width:275px;
	height:78px;
	background:transparent url(../images/contact_map.gif) no-repeat;
	clear:both;
	border:2px solid #57a159;
	margin-top:4px;
}
#content .featured_projects .contact p {
	font-size:1em;
	padding:10px 0 0 145px;
}
#content .featured_projects p.more {
	margin:4px 0 0 217px;
}
#content .about_smartweb {
	width:277px;
	height:213px;
	float:left;
	background:transparent url(../images/about_bg.png) no-repeat;
	margin:110px 0 0 10px;
	padding:10px 15px;
}
#content .about_smartweb h3, #content .featured_projects h3, #content .services h3 {
	text-indent:-9999px;
	margin-bottom:30px;
}
#content p, ul {
	 font-size:1.1em;
	 color:#fff;
}
#content .about_smartweb p.more {
	margin:35px 0 0 220px;
}
#content .services {
	width:272px;
	height:213px;
	float:left;
	background:transparent url(../images/services_bg.png) no-repeat;
	margin:110px 0 0 10px;
	padding:10px 20px 10px 15px;
}
#content .services ul li {
	line-height:17px;
	background:transparent url(../images/breadcrum.gif) no-repeat 0 6px;
	padding:0 0 0 15px;
}
#content .services p.more {
	margin:23px 0 0 220px;
}
#content .portfolio {
	position:absolute;
	margin-top:110px;
	float:left;
}
#container #content .community {
	width:144px;
	height:66px;
	background:transparent url(../images/community.png) no-repeat;
	position:absolute;
	margin:16px 0 0 790px;
}
#container #content .community a.follow {
	width:42px;
	height:35px;
	display:block;
	text-indent:-9999px;
	margin:29px 0 0 1px;
	float:right;
}
/*
======================================= INNER ===========================================*/
#content .inner_content {
	width:960px;
	height:250px;
	margin-top:110px;
	float:left;
	background:transparent url(../images/inner_bg.png) no-repeat;
}
#content .inner_content h2.about {
	width:278px;
	height:54px;
	background:transparent url(../images/about_smartweb_h.png) no-repeat;
	text-indent:-9999px;
}
#content .portfolio h2.web_dev, #content .inner_content h2.web_dev {
	width:421px;
	height:54px;
	background:transparent url(../images/web_developments.png) no-repeat;
	text-indent:-9999px;
}
#content .portfolio h2.logo_design, #content .inner_content h2.logo_design {
	width:227px;
	height:54px;
	background:transparent url(../images/logo_design.png) no-repeat;
	text-indent:-9999px;
}
#content .inner_content h2.graphic {
	width:244px;
	height:54px;
	background:transparent url(../images/graphic_design.png) no-repeat;
	text-indent:-9999px;
}
#content .inner_content h2.other_services {
	width:244px;
	height:54px;
	background:transparent url(../images/other_services.png) no-repeat;
	text-indent:-9999px;
}
#content .inner_content h2.contact {
	width:192px;
	height:54px;
	background:transparent url(../images/contact.png) no-repeat;
	text-indent:-9999px;
}
#content .inner_content h2.hosting {
	width:227px;
	height:54px;
	background:transparent url(../images/web_hosting.png) no-repeat;
	text-indent:-9999px;
}
#content .inner_content h2.testimonial {
	width:188px;
	height:54px;
	background:transparent url(../images/testimonials.png) no-repeat;
	text-indent:-9999px;
}
#content .inner_content p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
}
#content .inner_content .abt {
	float:right;
	position:relative;
	margin-top:-80px;
	margin-right:-10px;
}
#content .inner_content .design_dev {
	width:455px;
	height:123px;
	background:transparent url(../images/php_work.png) no-repeat;
	position:absolute;
	margin:-150px 0 0 440px;
}
#content .inner_content .graphic_design_work {
	width:455px;
	height:123px;
	background:transparent url(../images/graphic_design_work.png) no-repeat;
	position:absolute;
	margin:-150px 0 0 440px;
}
#content h6 {
 	font-size:4.2em;
	font-weight:normal;
	color:#33CCFF;
	margin-top:50px;
	margin-bottom:20px;
}
/*
******************** BREADCRUM STYLE ********************/
.breadcrum {
	height:20px;
	clear:both;
	margin-left:-4px;
}
.breadcrum li {
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	float:left;
	margin-right:3px;
	display:inline;
	background:url(../images/breadcrum.gif) no-repeat right;
	padding:0 15px 0 8px;
}
.breadcrum li.last {
	font-weight:normal;
	background-image:none;
	background:url(../images/w_sep.png) no-repeat right 4px;
}
.breadcrum li.last_last {
	background:none;
}
.breadcrum li.last a {
	color:#93f409;
	text-shadow:0.1em 0.1em 0.2em black;
}
.breadcrum li.last a:hover {
	color:#fff;
}
/*
======================================= FOOTER ===========================================*/
#footer {
	width:100%;
	height:50px;
	background:#063a72 url(../images/footer_bg.gif) repeat-x;
	clear:both;
	text-align:center;
	border-top:8px solid #02233e;
	padding-top:5px;
}
#footer ul {
	text-align:center;
	padding-top:4px;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	font-size:1em;
	color:#fff;
	display:inline;
	padding:0 10px;
	background:url(../images/footer_sep.gif) no-repeat right 3px;
}
#footer ul li a:hover {
	color:#00da56;
}
#footer ul li a.last {
	background:none;
	padding:0 5px;
}
#footer p {
	font-size:.9em;
	color:#fff;
	line-height:30px;
}
#footer p span a {
	color:#9bca30;
}

/*

===================================== FORM ===========================================*/
.contact_form fieldset {
	width:461px;
	float:left;
	padding:0 20px 28px 0;
	border:none;
	background:transparent url(../images/contact_form_bg.png) no-repeat 0 0;
	margin:0 0 0px 10px
}
.contact_form fieldset li {
	margin-bottom:5px;
	list-style-type:none;
}
.contact_form fieldset label {
	width:80px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	float:left;
	text-align:left;
	margin-right:8px;
	padding-top:5px;
}
.contact_form fieldset input {
	width:365px;
	background:transparent url(../images/input.png) no-repeat 0 0;
	border:none;
	padding:8px 0 8px 8px;
}
.contact_form fieldset textarea {
	width:365px;
	height:55px;
	background:transparent url(../images/txt_area.png) no-repeat 0 0;
	border:none;
	padding:6px 0 13px 8px;
}
.contact_form fieldset input.btn {
	width:91px;
	height:33px;
	padding:0;
	margin-top:0px;
	background-image:none;
}
.contact_form .contact_info {
	width:200px;
	float:left;
	margin-left:8px;
}
#content_inner .contact_info .detail {
	width:277px;
	height:208px;
	background:transparent url(../images/contact_info_bg.gif) no-repeat 0 0;
	margin-bottom:13px;
}