/*--------------- Global Reset Start ------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

strong {
	font-weight: bold;
}

/*body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}*/

/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse: separate;
	border-spacing: 0;*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*------------------------- Global Start -----------------------------*/

body {
	margin: 0px;
	background-color: #ededed;
	color: #5f5f5f;
	font-family: "lucida sans unicode";
	font-size: 11px;
	/*font-family: "trebuchet ms";
	font-size: 12px;*/
}

ins, del {
	text-decoration: none;
}

dl, dt, dd, ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

:focus {
	outline: none;
}

p {
	margin-top: 15px;
	line-height: 20px;
}

a {
	text-decoration: none;
}

a:hover {
}

strong {
	font-family: Arial, Helvetica, sans-serif;
}

input, textarea, select {
	font-family: "lucida sans unicode";
	font-size: 11px;
	color: #5f5f5f;
}

.centralizer {
	width: 960px;
	margin: 0 auto;
}

.btn {
	display: block;
	background: #d5d5d5 url(../images/btn-arrow-link.gif) 0 0 no-repeat;
	height: 23px;
	padding-left: 29px;
	color: #000000;
	float: left;
}

a.btn:hover {
	color: #ffffff;
	background: #3cbd09 url(../images/btn-arrow-link.gif) left bottom no-repeat;
}

.btn span {
	display: block;
	height: 22px;
	background: url(../images/btn-curver.gif) right top no-repeat;
	padding: 1px 9px 0px 0px;
	cursor: pointer;
	float: left;
}

a.btn:hover span {
	background: url(../images/btn-curver.gif) right bottom no-repeat;
	color: #ffffff;
}


/*------------------------- Topbar Start -----------------------------*/


#topbar {
	background: url(../images/topbar.gif) 0 0 repeat-x;
	height: 34px;
	float: left;
	width: 100%;
}


/*------------------------- Header Start -----------------------------*/


#wrap-header {
	background: #a6a6a6 url(../images/bg-header.gif) left bottom repeat-x;
	float: left;
	width: 100%;
	padding-top: 25px;
	border-bottom: 2px solid #FFFFFF;
}

#header {
	width: 960px;
	float: left;
}

/*------------------------------------------------------*/

#menubar {
	width: 960px;
	background: #FFFFFF url(../images/menubarbdrb.gif) left bottom repeat-x;
}

#menubar a {
	text-indent: -9999px;
}

#menubar dt {
	width: 215px;
	height: 80px;
	background: url(../images/menubarcurvelt.gif) 0 0 no-repeat;
}

#menubar dt a {
	width: 215px;
	height: 80px;
	background: url(../images/logo.gif);
	display: block;
}

#menubar dd {
	width: 745px;
	height: 60px;
	background: url(../images/menubarcurvert.gif) right top no-repeat;
	padding-top: 20px;
}


/*------------------------------------------------------*/

#menubar dd a, #menubar dd a:hover { background-image: url(../images/links.gif); height: 60px; display: block; float: left; }

#menubar dd a.home-aboutus { width: 157px; background-position: 0 0; }
#menubar dd a.home-aboutus:hover { background-position: 0px -60px; }

#menubar dd a.home-services { width: 114px; background-position: -157px 0px; }
#menubar dd a.home-services:hover { background-position: -157px -60px; }

#menubar dd a.home-portfolio { width: 144px; background-position: -271px 0px; }
#menubar dd a.home-portfolio:hover { background-position: -271px -60px; }

#menubar dd a.home-testimonials { width: 152px; background-position: -415px 0px; }
#menubar dd a.home-testimonials:hover { background-position: -415px -60px; }

#menubar dd a.home-contact { width: 136px; background-position: -567px 0px; }
#menubar dd a.home-contact:hover { background-position: -567px -60px; }

/*------------------------------------------------------*/

#menubar dd a.aboutus-aboutus { width: 157px; background-position: 0px -120px; }

#menubar dd a.aboutus-services { width: 114px; background-position: -157px -120px; }
#menubar dd a.aboutus-services:hover { background-position: -157px -180px; }

#menubar dd a.aboutus-portfolio { width: 144px; background-position: -271px -120px; }
#menubar dd a.aboutus-portfolio:hover { background-position: -271px -180px; }

	#menubar dd a.aboutus-testimonials { width: 152px; background-position: -415px -120px; }
#menubar dd a.aboutus-testimonials:hover { background-position: -415px -180px; }

#menubar dd a.aboutus-contact { width: 136px; background-position: -567px -120px; }
#menubar dd a.aboutus-contact:hover { background-position: -567px -180px; }

/*------------------------------------------------------*/

#menubar dd a.services-aboutus { width: 122px; background-position: 0px -240px; }
#menubar dd a.services-aboutus:hover { background-position: 0px -300px; }

#menubar dd a.services-services { width: 149px; background-position: -122px -240px; }

#menubar dd a.services-portfolio { width: 144px; background-position: -271px -240px; }
#menubar dd a.services-portfolio:hover { background-position: -271px -300px; }

#menubar dd a.services-testimonials { width: 152px; background-position: -415px -240px; }
#menubar dd a.services-testimonials:hover { background-position: -415px -300px; }

#menubar dd a.services-contact { width: 136px; background-position: -567px -240px; }
#menubar dd a.services-contact:hover { background-position: -567px -300px; }

/*------------------------------------------------------*/

#menubar dd a.portfolio-aboutus { width: 122px; background-position: 0px -360px; }
#menubar dd a.portfolio-aboutus:hover { background-position: 0px -420px; }

#menubar dd a.portfolio-services { width: 114px; background-position: -122px -360px; }
#menubar dd a.portfolio-services:hover { background-position: -122px -420px; }

#menubar dd a.portfolio-portfolio { width: 179px; background-position: -236px -360px; }

#menubar dd a.portfolio-testimonials { width: 152px; background-position: -415px -360px; }
#menubar dd a.portfolio-testimonials:hover { background-position: -415px -420px; }

#menubar dd a.portfolio-contact { width: 136px; background-position: -567px -360px; }
#menubar dd a.portfolio-contact:hover { background-position: -567px -420px; }

/*------------------------------------------------------*/

#menubar dd a.testimonials-aboutus { width: 122px; background-position: 0px -480px; }
#menubar dd a.testimonials-aboutus:hover { background-position: 0px -540px; }

#menubar dd a.testimonials-services { width: 114px; background-position: -122px -480px; }
#menubar dd a.testimonials-services:hover { background-position: -122px -540px; }

#menubar dd a.testimonials-portfolio { width: 144px; background-position: -236px -480px; }
#menubar dd a.testimonials-portfolio:hover { background-position: -236px -540px; }

#menubar dd a.testimonials-testimonials { width: 187px; background-position: -380px -480px; }

#menubar dd a.testimonials-contact { width: 136px; background-position: -567px -480px; }
#menubar dd a.testimonials-contact:hover { background-position: -567px -540px; }

/*------------------------------------------------------*/

#menubar dd a.contact-aboutus { width: 122px; background-position: 0px -600px; }
#menubar dd a.contact-aboutus:hover { background-position: 0px -660px; }

#menubar dd a.contact-services { width: 114px; background-position: -122px -600px; }
#menubar dd a.contact-services:hover { background-position: -122px -660px; }

#menubar dd a.contact-portfolio { width: 144px; background-position: -236px -600px; }
#menubar dd a.contact-portfolio:hover { background-position: -236px -660px; }

#menubar dd a.contact-testimonials { width: 152px; background-position: -380px -600px; }
#menubar dd a.contact-testimonials:hover { background-position: -380px -660px; }

#menubar dd a.contact-contact { width: 171px; background-position: -532px -600px; }

/*------------------------------------------------------*/


#header-contents {
	width: 960px;
	float: left;
	background-color: #ededed;
}

/*------------------------------------------------------*/

#four-column {
	width: 960px;
	float: left;
	margin: 40px 0px 0px 0px;
	_margin: 40px -45px 0px 0px;
	padding: 0px 0px 10px 40px;
}

#four-column li {
	width: 190px;
	float: left;
	margin-right: 40px;
	line-height: 18px;
}

#four-column h3 {
	color: #f47920;
	font-size: 18px;
	padding-top: 15px;
	height: 75px;
	line-height: normal;
	margin-bottom: -5px;
}

.portfolio-webdesign {
	background: url(../images/icon-portfolio-webdesign.gif) left center no-repeat;
	padding-left: 90px;
}

.portfolio-graphicdesign {
	background: url(../images/icon-portfolio-graphicdesign.gif) left center no-repeat;
	padding-left: 100px;
}

.portfolio-multimedia {
	background: url(../images/icon-portfolio-multimedia.gif) left center no-repeat;
	padding-left: 90px;
}

.portfolio-software {
	background: url(../images/icon-portfolio-software.gif) left center no-repeat;
	padding-left: 90px;
}

/*------------------------------------------------------*/

#three-column {
	width: 921px;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 10px 39px;
	line-height: 18px;
}

#three-column img {
	width: 215px;
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	padding: 5px;
}

#three-column dd img {
	width: 255px;
	margin-top: 4px;
	height: 155px;
}

.services-blocks {
	margin-top: 15px !important;
}

#three-column dt {
	width: 227px;
	float: left;
	background: url(../images/bg-arrow-faded.gif) 211px center no-repeat;
	padding-right: 40px;
	text-align: right;
	margin-top: -10px;
}

.services-blocks dt{
	margin-top: 25px !important;
}

#three-column dt ins {
	font-size: 34px;
	color: #48c60f;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#three-column dt p, #three-column dt h1 {
	width: 227px;
}

#three-column dt p {
	margin-top: 10px;
}

#three-column dt .btn {
	float: right;
	margin-top: 5px;
}

#three-column dd {
	width: 267px;
	float: left;
	margin-left: 40px;
	line-height: 18px;
	display: inline;
}

#three-column dd del {
	font-size: 22px;
	color: #f47920;
	display: block;
	font-weight: normal;
	line-height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#three-column dd ins a {
	display: block;
	background: url(../images/icon-plus.gif) 0px 5px no-repeat;
	padding-left: 25px;
	color: #5f5f5f;
	margin: 5px 0px 0px 5px;
	text-decoration: none;
}

#three-column dd ins strong {
	color: #33cc00;
}


/*------------------------------------------------------*/


#wrap-nextprev {
	width: 960px;
	float: left;
	margin: 20px 0px 20px 0px;
	padding-bottom: 15px;
}

#wrap-nextprev del, #wrap-nextprev ins {
	width: 56px;
	height: 194px;
	background: url(../images/bg-arrow-faded.gif) no-repeat;
	display: inline-block;
	margin-top: 20px;
}

#wrap-nextprev del a , #wrap-nextprev ins a {
	display: block;
	background: url(../images/bg-arrow-circle.gif);
	width: 23px;
	height: 22px;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 14px;
	margin-top: 87px;
	padding-top: 1px;
}

#wrap-nextprev del a:hover , #wrap-nextprev ins a:hover {
	color: #FFFFFF;
	background-position: left bottom;
}

#wrap-nextprev del {
	background-position: left top;
	float: left;
	margin-left: 14px;
	margin-right: 40px;
}

#wrap-nextprev ins {
	background-position: right top;
	float: right;
	margin-right: 14px;
}

#wrap-nextprev del a {
	margin-left: 16px;
	text-indent: 6px;
}

#wrap-nextprev ins a {
	margin-left: 17px;
	text-indent: 8px;
}

#wrap-nextprev dl {
	width: 350px;
	float: left;
	margin: 20px 40px 0px 0px;
}

#wrap-nextprev dt {
	width: 125px;
	float: left;
}

#wrap-nextprev dt img {
	width: 113px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}

#wrap-nextprev dd {
	width: 200px;
	float: right;
}

#wrap-nextprev h1 {
	font-size: 22px;
	color: #48c60f;
	line-height: 18px;
}

#wrap-nextprev h2 {
	font-size: 17px;
	color: #48c60f;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#wrap-nextprev h1 strong, #wrap-nextprev h2 strong {
	font-size: 11px;
	color: #f47920;
	font-family: Arial, Helvetica, sans-serif;
}

#wrap-nextprev h1 em, #wrap-nextprev h2 em {
	font-size: 11px;
	color: #000000;
	font-family: "lucida sans unicode";
	font-style: normal;
}

#wrap-nextprev p {
	margin-top: 10px;
	line-height: 18px;
}

#wrap-nextprev a {
	color: #000000;
}

#wrap-nextprev .btn {
	margin-top: 5px;
}

/*------------------------------------------------------*/

#wrap-nextprev ul {
	width: 780px;
	float: left;
}

#wrap-nextprev ul li {
	width: 220px;
	float: left;
	margin-right: 40px;
	display: inline;
}

#wrap-nextprev ul li img {
	width: 210px;
	border: 5px solid #ffffff;
	height: 100px;
	margin-bottom: 10px;
}

/*------------------------------------------------------*/


#leftcol-header {
	width: 210px;
	padding: 0px 60px 0px 30px;
	margin-top: 30px;
	float: left;
	background: url(../images/bg-arrow-faded.gif) 244px center no-repeat;
	text-align: right;
}

#leftcol-header h1 {
	font-size: 34px;
	color: #48c60f;
}

#leftcol-header .btn {
	float: right;
}


/*------------------------------------------------------*/


#services-blocks {
	width: 620px;
	padding: 0px 0px 0px 5px;
	margin: 15px 0px 0px 20px;
	float: right;
}

#services-blocks a, .services-blocks dd a {
	padding-left: 110px;
	margin: 25px 0px 0px 0px;
	width: 155px;
	display: inline-block;
	float:left;
	height: 101px;
	line-height: 18px;
	text-decoration: none;
	color: #5f5f5f;
}

#services a:hover, .services-blocks dd a:hover {
	color: #000000;
}

.webdesign {
	background: url(../images/icon-webdesign.gif) left center no-repeat;
}

.printdesign {
	background: url(../images/icon-printdesign.gif) left center no-repeat;
}

.multi-media {
	background: url(../images/icon-multimedia.gif) left center no-repeat;
}

.softwares {
	background: url(../images/icon-software.gif) left center no-repeat;
}

#services-blocks a strong, .services-blocks a strong {
	font-size: 22px;
	color: #f47920;
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/*------------------------- Contact Start -----------------------------*/


#contact-blocks {
	width: 620px;
	padding: 0px 0px 0px 5px;
	margin: 30px 0px 10px 20px;
	float: right;
}

#contact-blocks h1 {
	font-size: 22px;
	color: #f47920;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 100%;
	margin-bottom: 20px;
}

#contact-blocks ul {
}

#contact-blocks ul li {
	margin: 5px 40px 0px 0px;
	width: 270px;
}

#contact-blocks ul li input, #contact-blocks ul li textarea {
	margin: 3px 0px 0px 0px;
	font-family: "lucida sans unicode";
	font-size: 11px;
}


/*------------------------------------------------------*/


#header-reflection {
	width: 960px;
	float: left;
	background: #ededed url(../images/bg-header-reflection.gif) 0 0 repeat-x;
}

#header-reflection dt {
	width: 20px;
	background: url(../images/header-reflection-left.gif) 0 0 no-repeat;
	height: 65px;
}

#header-reflection dd {
	width: 20px;
	background: url(../images/header-reflection-right.gif) 0 0 no-repeat;
	height: 65px;
	float: right;
}


/*------------------------- Services Start -----------------------------*/


#wrap-services {
	width: 1000px;
	margin: 25px -40px 35px 0px;
	clear: both;
}

#wrap-services li {
	width: 210px;
	margin: 10px 40px 0px 0px;
	display: inline;
}

#wrap-services li span {
	width: 210px;
	height: 53px;
	background: url(../images/bg-serviceshead.gif) 0 0 no-repeat;
	display: block;
}

#wrap-services li span a {
	margin: 10px 0px 0px 55px;
	height: 32px;
	display: inline-block;
	float: left;
	background-position: left 12px;
	background-repeat: no-repeat;
}

.web-design {
	background: url(../images/web-design.gif);
	width: 93px;
}

.print-designs {
	background: url(../images/print-designs.gif);
	width: 103px;
}

.multimedia {
	background: url(../images/multimedia.gif);
	width: 91px;
}

.software {
	background: url(../images/software.gif);
	width: 69px;
}

#wrap-services li ins {
	display: block;
	margin-top: 15px;
}

#wrap-services li ins a {
	display: block;
	background: url(../images/icon-plus.gif) 0px 2px no-repeat;
	padding-left: 25px;
	color: #5f5f5f;
	margin: 7px 0px 0px 5px;
	text-decoration: none;
}

#wrap-services li ins a:hover {
	color: #000000;
}


/*------------------------- Footer Start -----------------------------*/


#footer {
	width: 100%;
	float: left;
	background-color: #000000;
	border-bottom: 6px solid #33cc33;
	padding: 15px 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;	
}

#footer div {
	width: 960px;
	margin: 0 auto;
}

#footer div dl {
	width: 960px;
}

#footer div dl dt {
	float: left;
	width: 50%;
}

#footer div dl dt a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer div dl dt a:hover {
	text-decoration: underline;
}

#footer div dl dd {
	float: right;
	text-align: right;
	width: 50%;
}

#footer div dl dd span {
	display: block;
	float: right;
	padding-right: 10px;
}

#footer div dl dd a {
	background: url(../images/logo-footer.gif) 0 0 no-repeat;
	width: 113px;
	height: 32px;
	display: block;
	float: right;
}

.quote {
	width: 267px;
	height: 61px;
	display: block;
	background: url(../images/icon-quote.gif) left bottom no-repeat;
	padding-top: 30px;
	border-top: 1px dashed #cccccc;
	margin-top: 30px;
	text-indent: -9999px;
}

.featured-project {
	width: 267px;
	background: url(../images/bdrlr-featured-project.gif) 0 0 repeat;
}

.featured-project div {
	width: 207px;
	padding: 0px 30px 0px 30px;
	background: url(../images/bg-featured-project.gif) left bottom no-repeat;
	padding-bottom: 30px;
}

.featured-project h1 {
	width: 267px;
	height: 60px;
	text-indent: -9999px;
	float: left;
	background: url(../images/featured-project.gif) 0 0 no-repeat;
}

.featured-project del span {
}

.featured-project div del a {
	width: 202px;
	height: 200px;
	display: inline-block;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	overflow: hidden;
}

.featured-project div del a img {
	width: 202px !important;
	height: auto !important;
	border: none !important;
	padding: 0px !important;
}