html, body, form, fieldset { margin: 0pt; padding: 0pt; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 100%; line-height: 150%; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0pt; padding: 0pt; }
li, dd, blockquote { margin-left: 1em; }
form label { cursor: pointer; }
fieldset { border: medium none ; }
input, select, textarea { padding: 2px; font-size: 100%; }
textarea { font-size: 130%; }



body { font-size: 80%; color: rgb(51, 51, 51); background-image: url(back.png) }
#main {background: #fefefe}
a, a:link { color: rgb(51, 51, 51); }
a:visited { color: rgb(102, 102, 102); }
a:hover { color: rgb(0, 0, 0); text-decoration: none; }
a img { border: 0pt none ; }
h1, h2, h3, h4 { font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 90%; }
h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; }
code, kbd { font-size: 120%; }
hr { border: 1px solid rgb(191, 220, 160); height: 1px; background-color: rgb(191, 220, 160); }
dt { font-weight: bold; }
.hide { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
hr.hidden { border: 0pt none ; margin: 0pt; padding: 0pt; height: 1px; }
span.explain { border-bottom: 1px dotted rgb(17, 17, 17); }
.margined { margin: 30px 0pt -10px; font-size: 90%; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; color: rgb(153, 153, 153); }
.note { font-size: 90%; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; color: rgb(153, 153, 153); }
div#main p.last { border-bottom: medium none; }
.image { border: 1px solid rgb(221, 221, 221); padding: 2px; }
.center { text-align: center; }
p.single_image { border: 1px solid rgb(221, 221, 221); margin: 5px 10px 0pt 0pt; padding: 9px; width: 102px; float: left; background-color: rgb(238, 238, 238); }
p.single_image img { border: 1px solid rgb(221, 221, 221); margin-bottom: -5px; }
img.center { text-align: center; }
p.details { margin-top: -10px; color: rgb(153, 153, 153); font-style: italic; font-size: 90%; }
div#wrapper { background-color: rgb(255, 255, 255); }
div#header { border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt auto; padding: 0pt; width: 900px; height: 25px; position: relative; background-color: rgb(255, 255, 255); }
div#header h1#logo { margin: 0pt; padding: 0pt; position: absolute; top: 25px; right: 0pt; }
div#header h1#logo a { border: medium none ; background: transparent url('egrips_logo.png') no-repeat scroll 0pt 0pt; display: block; text-indent: -9999px; width: 177px; height: 100px; }
ul#menu { margin: 0pt; padding: 0pt; position: absolute; bottom: 0pt; left: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 16px; }
ul#menu li { margin: 0pt 20px 0pt 0pt; padding: 0pt; float: left; text-transform: lowercase; }
ul#menu a { border-bottom: 4px solid rgb(255, 255, 255); padding: 0pt 0pt 3px; float: left; color: rgb(0, 0, 0); text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 70%; line-height: 150%; font-size-adjust: none; font-stretch: normal; -x-system-font: none; text-transform: uppercase; }
ul#menu a:hover { border-bottom: 4px solid rgb(221, 221, 221); color: rgb(0, 0, 0); }
ul#menu a#menucurrent, ul#menu a#menuhighlight { border-bottom: 4px solid rgb(221, 221, 221); color: rgb(0, 0, 0); }
div#content { margin: 0pt auto; width: 900px; }
h1#snippet, p#snippet { margin: 0.6em 0pt 0pt; color: rgb(217, 0, 0); font-size: 57px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 118%; }
p#snippet span { display: block; color: rgb(102, 102, 102); font-size: 18px; background: rgb(217, 0, 0); color: #fff; text-align: center; line-height: 28px;  }
div#introwrap { background: transparent url('introwrap_bk.png') no-repeat scroll center top; float: left; width: 760px; }
div#intro { padding: 10px; background: transparent url('intro_bk.png') no-repeat scroll center bottom; float: left; width: 740px; }
p#blurb { margin: 10px; float: left; width: 470px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 22px; line-height: 175%; }
div#showcase { padding: 15px; background: rgb(217, 0, 0) url('showcase_bk.png') no-repeat scroll left top; width: 210px; min-height: 260px; float: right; }
div#showcase h3 { margin: 0pt 0pt 5px; }
div#showcase p { margin: 2px 0pt 0pt; text-align: right; }
div#main { margin: 20px 0pt 0pt; width: 580px; float: left; color: rgb(51, 51, 51); }
body#home div#main { margin: 10px 0pt 0pt; width: 900px; float: left; color: rgb(68, 68, 68); }
body#work div#main { width: 900px; }
div#main h1 { margin: 0pt; color: rgb(217, 0, 0); font-size: 170%; }
div#main h2 { margin-top: 0pt; color: rgb(217, 0, 0); font-size: 170%; font-family: Georgia,"Times New Roman",Times,serif; }
body#home div#main h2 { color: rgb(217, 0, 0); font-size: 162%; text-transform: uppercase; letter-spacing: -1px; }
div#main div.post h3.title { margin: 0pt 0pt 2px; color: rgb(217, 0, 0); font-size: 150%; }
div#main div.post h3.title a { color: rgb(217, 0, 0); }
div#main div.post ul, div#main div.post ol { margin-left: 10px; }
div#main div.entry h2 { margin: 0pt; }
div#main div.entry ul, div#main div.entry ol { margin-left: 10px; }
div#main h1 a, div#main h2 a { color: rgb(217, 0, 0); text-decoration: none; }
div#main h1 a:hover, div#main h2 a:hover { text-decoration: underline; }
div#main h3 { color: rgb(68, 68, 68); }
div#main h3 a { color: rgb(68, 68, 68); text-decoration: none; }
div#main h3 a:hover { color: rgb(68, 68, 68); text-decoration: underline; }
div#main h4 { font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; color: rgb(102, 102, 102); }
div#our_blog, div#about_us { margin-left: 20px; width: 320px; float: right; padding-right: 20px }
div#our_blog h2, div#about_us h2 { border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt 0pt 0.7em; }
div#our_work { width: 540px; float: left; }
div#our_work dl dt a { text-decoration: none; }
div#our_work dl dt a:hover { text-decoration: underline; }
h2#our_work_heading { border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt; }
div#our_work h2 { border-bottom: 1px solid rgb(221, 221, 221); }
body#home h2#our_clients { border-bottom: 1px solid rgb(221, 221, 221); margin: 2.5em 0pt 0.7em; }
div#about_us h2 { border-bottom: 1px solid rgb(221, 221, 221); margin: 1.5em 0pt 0.7em; }
body#home h2#our_product { border-bottom: 1px solid rgb(221, 221, 221); margin: 2.5em 0pt 0pt; }
div#about_us { color: rgb(51, 51, 51); }
div#about_us h3 { margin-bottom: 10px; }
div.done { border-bottom: 1px solid rgb(221, 221, 221); margin: 1px 0pt 0pt; padding-top: 18px; float: left; width: 540px; background-color: #fff; }
div.done dl { border-bottom: 1px solid rgb(255, 255, 255); margin: 0pt; padding: 0pt 20px; float: left; width: 500px; display: inline; }
div.done dt { margin: 0pt; padding: 0pt; float: right; width: 260px; font-size: 130%; color: rgb(68, 68, 68); font-weight: normal; }
div.done dt span { color: rgb(217, 0, 0); font-family: Arial,Helvetica,sans-serif; font-size: 65%; text-transform: uppercase; }
div.done dd { margin: 0pt 0pt 0pt 240px; padding: 0pt; color: rgb(51, 51, 51); font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 85%; line-height: 150%; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
div.done dd.date, .done dd.this_tagline { margin-bottom: 10px; line-height: 100%; color: rgb(153, 153, 153); }
div.done dl dd.img { margin: 0pt; }
div.done dd.img img { border: 1px solid rgb(238, 238, 238); margin: 0pt 20px 0pt 0pt; padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; }
div.done dd.img a:hover img { border: 1px solid rgb(221, 221, 221); }
div.done dd.end { clear: both; height: 18px; visibility: hidden; }
div.feature {  }
div.feature h2 { margin-bottom: 0pt; padding-bottom: 5px; float: left; width: 100%; line-height: 100%; }
body#home div.feature h3.title { margin: 0pt; }
body#home div.feature h2.title { margin: 30px 0pt 0pt; }
div.feature h3 a { text-decoration: none; }
div.feature a:hover { text-decoration: underline; }
div#main div.feature h4.date { margin: 0pt 0pt 0.7em; font-size: 90%; color: rgb(153, 153, 153); font-family: Arial,Helvetica,sans-serif; font-style: normal; }
div.feature p { margin: 0pt 0pt 1em; }
p.meta { margin: 0pt; font-size: 85%; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; color: rgb(153, 153, 153); }
p.meta a { color: rgb(68, 68, 68); }
p.meta a:hover { text-decoration: none; }
p.dig { border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 20px; padding-bottom: 20px; }
div.row { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); margin: 1em 0pt; float: left; background-color: rgb(247, 247, 247); width: 100%; }
body#work div.feature { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); padding: 20px 20px 0pt; float: left; font-size: 90%; }
body#work div.feature h3 { margin-top: 0pt; width: 320px; float: left; font-size: 150%; line-height: 100%; }
body#work div.feature table { margin-bottom: 10px; clear: left; }
div.row div.feature p.work_img { margin: 0pt 0pt 20px; float: right; width: 540px; text-align: right; }
div.row div.second { margin: 0pt; }
div.row div.feature img { border: 1px solid rgb(238, 238, 238); padding: 2px; margin-bottom: -5px; background-color: rgb(255, 255, 255); }
div.row div.feature a:hover img { border: 1px solid rgb(221, 221, 221); }
p.read_more { margin: 20px 0pt 0pt; }
p.read_more a { font-size: 100%; color: rgb(0, 0, 0); text-transform: uppercase; text-decoration: underline; font-family: Arial,Helvetica,sans-serif; }
p.read_more a:hover { text-decoration: underline; }
table { border-collapse: collapse; width: 300px; }
table tbody { border: medium none ; }
table tr {  }
table td { border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(238, 238, 238); border-width: medium medium 1px; padding: 3px 10px 3px 0pt; color: rgb(51, 51, 51); font-family: Arial,Helvetica,sans-serif; vertical-align: top; }
table td.last { border-bottom: medium none; padding-bottom: 0pt; }
table td.add { background-color: rgb(255, 255, 230); }
table td.label { width: 70px; color: rgb(153, 153, 153); text-transform: uppercase; }
table td a { text-decoration: none; }
table td a:hover { color: rgb(153, 0, 0); text-decoration: underline; }
blockquote.nifty { margin: 0pt; padding: 0pt; font-style: italic; }
p.niftycite a { font-weight: bold; color: rgb(68, 68, 68); }
p.niftycite a:hover { text-decoration: none; }
div.resource { padding: 7px 10px 10px 45px; background: rgb(247, 247, 247) url('planner_bk.png') no-repeat scroll 10px 10px; margin-bottom: 10px; width: 185px; }
div.resource h3 { margin: 0pt; font-size: 100%; color: rgb(51, 51, 51); }
div#main div.resource h3 a { color: rgb(0, 0, 0); }
div.resource p { margin: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 90%; text-transform: uppercase; }
div.recently { border-top: 1px solid rgb(191, 220, 160); border-bottom: 1px solid rgb(191, 220, 160); margin: 20px 0pt; padding: 20px; background-color: rgb(233, 243, 222); }
div#main h2.recently { margin-top: 0pt; font-family: Georgia,"Times New Roman",Times,serif; letter-spacing: 0.2em; font-size: 100%; text-transform: uppercase; color: rgb(153, 204, 102); }
div#main dl#recently { font-size: 90%; color: rgb(51, 51, 51); }
div#main dl#recently dt { margin-top: 1em; font-size: 120%; font-weight: normal; }
div#main dl#recently dt a { color: rgb(102, 102, 51); text-decoration: none; }
div#main dl#recently dt a:hover { color: rgb(217, 0, 0); text-decoration: underline; }
div#main dl#recently dd { margin: 0pt; }
div#main dl#recently dd.date { font-size: 80%; color: rgb(119, 119, 119); }
div#main dl#recently dd.excerpt p { margin: 0pt; }
div#main dl#recently dd.categories { font-size: 80%; color: rgb(119, 119, 119); }
div#main dl#recently dd.categories a { text-decoration: none; }
div#main dl#recently dd a:hover { text-decoration: underline; }
p.author { margin: 0pt; font-size: 90%; font-family: Arial,Helvetica,sans-serif; color: rgb(153, 153, 153); }
div#main h3#comments { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 0pt; padding-bottom: 10px; color: rgb(153, 153, 153); font-style: italic; font-family: Georgia,"Times New Roman",Times,serif; font-size: 120%; font-weight: bold; }
div#main div.post ol.commentlist { margin: 1px 0pt; padding: 10px 0pt 1px; background-color: rgb(247, 247, 247); }
ol.commentlist li { border-bottom: 1px solid rgb(238, 238, 238); margin: 0pt 20px 1em 35px; padding: 0pt; }
ol.commentlist li.last_comments { border: medium none ; }
ol.commentlist li cite, ol.commentlist li cite a { color: rgb(201, 0, 0); text-transform: none; }
em.info { font-size: 90%; color: rgb(153, 153, 153); }
div#main h3#respond { border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt; padding: 1em 0pt 10px; color: rgb(153, 153, 153); font-style: italic; font-family: Georgia,"Times New Roman",Times,serif; font-size: 120%; font-weight: bold; }
p.commentmetadata { margin: 0pt; font-size: 90%; font-family: Arial,Helvetica,sans-serif; }
p.commentmetadata a { text-decoration: none; }
p.commentmetadata a:hover { text-decoration: underline; }
form#commentform label { display: block; color: rgb(153, 153, 153); font-family: Arial,Helvetica,sans-serif; }
form#commentform input.input { border: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); }
form#commentform textarea { border: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); font-size: 140%; }
div#vcard { border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt 0pt 1em; width: 580px; float: left; }
div.vcard { margin: 0pt 0pt 1em; float: left; width: 290px; }
div.vcard h4.org { margin: 0pt; font-size: 130%; font-style: italic; font-weight: normal; color: rgb(102, 102, 51); }
div.adr { font-size: 100%; }
span.country-name {  }
div.vcard span.email { display: none; }
div#sub { margin: 20px 0pt 0pt; width: 300px; float: right; color: rgb(102, 102, 102); }
body#home div#sub { margin: 10px 0pt 0pt; }
ul#submenu { border-top: 1px solid rgb(238, 238, 238); margin: 0pt 0pt 20px; padding: 0pt; float: left; width: 300px; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 120%; background-color: rgb(255, 255, 255); }
ul#submenu li { border-bottom: 1px solid rgb(238, 238, 238); margin: 0pt; float: left; width: 300px; }
ul#submenu li a { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); padding: 0pt 10px; float: left; width: 280px; line-height: 1.8em; text-decoration: none; color: rgb(217, 0, 0); }
ul#submenu li a:hover { color: rgb(217, 0, 0); background-color: rgb(247, 247, 247); }
ul#submenu li a#submenucurrent { color: rgb(217, 0, 0); background-color: rgb(247, 247, 247); }
div#why { font-style: italic; }
div.styled { border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); padding: 0pt 15px; margin-bottom: 20px; width: 270px; float: left; background-color: rgb(247, 247, 247); color: rgb(102, 102, 102); }
div#sub .top_line { border-top: 1px solid rgb(255, 255, 255); margin: 0pt -15px 1em; padding: 15px 15px 0pt; }
div#sub .bottom_line { border-bottom: 1px solid rgb(255, 255, 255); margin: 0pt -15px; padding: 0pt 15px 15px; }
div#sub div.styled h3.blog { text-transform: uppercase; letter-spacing: 1px; font-size: 110%; }
ul.bullet li { margin: 0pt 0pt 15px; padding: 0pt 0pt 0pt 20px; background: transparent url('bullet_bk.png') no-repeat scroll left 3px; list-style-type: none; list-style-image: none; list-style-position: outside; }
div#sub div.styled ul.blog li { margin: 0pt 0pt 4px; padding: 0pt 0pt 0pt 20px; background: transparent url('bullet_bk.png') no-repeat scroll left 3px; list-style-type: none; list-style-image: none; list-style-position: outside; }
div#sub div.styled ul.blog li a { text-decoration: none; }
div#sub div.styled ul.blog li a:hover { text-decoration: underline; }
div#footer { width: 100%; float: left; }
div#meta { border-top: 1px solid rgb(221, 221, 221); margin: 0pt auto; width: 900px; color: rgb(153, 153, 153); font-family: Arial,Helvetica,sans-serif; font-size: 90%; }
div#meta a { text-decoration: none; color: rgb(153, 153, 153); }
div#meta a:hover { text-decoration: underline; color: rgb(102, 102, 102); }
p#copyright { width: 40%; float: left; }
p#geekery { width: 50%; float: right; text-align: right; }
div.formset { margin-bottom: 1em; }
div.formset p.legend { margin-bottom: 1em; }
div.formset p.legend em { color: rgb(204, 0, 0); font-style: normal; }
div.formset div.errors { border: 1px solid rgb(255, 204, 102); padding: 5px 10px 5px 35px; background: rgb(255, 255, 204) url('oops.png') no-repeat scroll 5px 5px; margin-bottom: 1em; }
div.formset div.errors p { margin: 0pt; }
div.formset div.errors ul { margin: auto auto 0.5em; list-style-type: disc; list-style-image: none; list-style-position: outside; }
div.formset div.errors p em { color: rgb(204, 0, 0); font-style: normal; font-weight: bold; }
div.formset form p { margin: 0pt; }
div.formset form fieldset legend { font-weight: bold; color: rgb(102, 102, 102); }
div.formset form fieldset div { padding: 0.25em 0pt; }
div.formset label, div.formset span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
div.formset label.error, div.formset span.error { color: rgb(204, 0, 0); }
div.formset label em, div.formset span.label em { position: absolute; right: 0pt; font-size: 120%; font-style: normal; color: rgb(204, 0, 0); }
div.formset input.error { border-color: rgb(204, 0, 0); background-color: rgb(255, 238, 255); }
div.formset input:focus, div.formset input.error:focus, div.formset textarea:focus { border-color: rgb(255, 204, 102); background-color: rgb(255, 255, 204); }
div.formset div ul li { float: none; }
div.formset input.button { margin-left: 120px; float: left; }
div.formset textarea { overflow: auto; width: 350px; height: 150px; }
input#bx_name, input#bx_email, input#bx_subject { width: 250px; }

/* ::::: null ::::: */

.firebugHighlight { z-index: 2147483647; position: absolute; background-color: rgb(56, 117, 215); }
.firebugLayoutBoxParent { border-right: 1px dashed rgb(187, 187, 187); border-bottom: 1px dashed rgb(187, 187, 187); z-index: 2147483647; position: absolute; background-color: transparent; }
.firebugRulerH { border-top: 1px solid rgb(187, 187, 187); border-right: 1px dashed rgb(187, 187, 187); border-bottom: 1px solid rgb(0, 0, 0); background: transparent url('undefined') repeat-x scroll 0% 0%; position: absolute; top: -15px; left: 0pt; width: 100%; height: 14px; }
.firebugRulerV { border-left: 1px solid rgb(187, 187, 187); border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px dashed rgb(187, 187, 187); background: transparent url('undefined') repeat-y scroll 0% 0%; position: absolute; top: 0pt; left: -15px; width: 14px; height: 100%; }
.overflowRulerX > .firebugRulerV { left: 0pt; }
.overflowRulerY > .firebugRulerH { top: 0pt; }
.firebugLayoutBoxOffset { z-index: 2147483647; position: absolute; opacity: 0.8; }
.firebugLayoutBoxMargin { background-color: rgb(237, 255, 100); }
.firebugLayoutBoxBorder { background-color: rgb(102, 102, 102); }
.firebugLayoutBoxPadding { background-color: SlateBlue; }
.firebugLayoutBoxContent { background-color: SkyBlue; }
.firebugLayoutLine { z-index: 2147483647; background-color: rgb(0, 0, 0); opacity: 0.4; }
.firebugLayoutLineLeft, .firebugLayoutLineRight { position: fixed; width: 1px; height: 100%; }
.firebugLayoutLineTop, .firebugLayoutLineBottom { position: absolute; width: 100%; height: 1px; }
.firebugLayoutLineTop { border-top: 1px solid rgb(153, 153, 153); margin-top: -1px; }
.firebugLayoutLineRight { border-right: 1px solid rgb(153, 153, 153); }
.firebugLayoutLineBottom { border-bottom: 1px solid rgb(153, 153, 153); }
.firebugLayoutLineLeft { border-left: 1px solid rgb(153, 153, 153); margin-left: -1px; }

/* FORM */

#contact_form					{ width:300px; margin:0; padding:0;

                        position:relative; }
                        
                        
form fieldset					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
												margin: 0px; width:300px; position:relative;
												border:0;display:block; padding: 0px; }

label {
	float: left;
	width: 120px;
	text-align: right;
}

label.error {
	float: right;
	width: 160px;
}

input, textarea {
	/* border: 1px solid #999; */
	float: right;
	width: 170px;
}

#post_message {
	color: red;
	text-align: right;
}