/* ------reset satrts here---! */
 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, 
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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

/* 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: "" "";
}
/*--------reset ends here------ */


/*--------define html tags------- */

body{font-size: 10px;font-family:'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode','Arial';color: #444;word-spacing: normal;letter-spacing: 0;}
p,h2,h3,h4,li,dt,dd{line-height: 1.5em;font-size: 14px;}

p{margin:0 0 1.2em 0;}

a img{border:0;}
a{color:#1676cd;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

h1{
color:#000; 
font-size:60px;
letter-spacing: -1px;
text-transform:lowercase;
text-shadow: -5px 5px 5px #FFFFFF;
}
a img{
border:0;
}
h2{
color:#40a1c9;
font-size:20px;
margin:0 0 .7em 0;
}
h3{
color:#000;
font-size:18px;
margin:0 0 .7em 0;
}
h4{
color:#000;
font-size:16px;
font-weight:bold;
margin:0 0 .7em 0;
}

td{vertical-align:top;}
strong{font-weight:bold;}
em{font-style:italic;}

hr{border:none;height:1px;background:url("/images/dotted.png") repeat-x;margin-bottom:30px;}

/*page content styles*/
#methodology_table{border-spacing:3px;}
#methodology_table td{border:1px solid #eee;padding:10px;}

/*what_we_do*/
.thumb{float:left;width:235px;background:url("/images/what_we_do_bg.png") no-repeat top left;padding:22px 0px 0px 22px;height:235px;}
#services_table h3{font-size:20px;margin-left:10px;}
.blankrow{height:30px;}
#our-work{float:left;width:450px;height:200px;background:url("/images/work-bg.png") no-repeat;padding:20px 20px 0px 180px;}
#our-work p{margin-bottom:.6em;font-size:1.3em;}

/*package styles*/
.col1_dark{background:#d7a7ac;padding:8px 5px;}
.col1_light{background:#f0d5d6;padding:8px 5px;}
.col2_dark{background:#d7b9a7;padding:8px 5px;}
.col2_light{background:#ecdfd8;padding:8px 5px;}
.col3_dark{background:#a9cdd9;padding:8px 5px;}
.col3_light{background:#d4e7df;padding:8px 5px;}
.col4_dark{background:#b5ddf7;padding:8px 5px;}
.col4_light{background:#daeefb;padding:8px 5px;}
.col5_dark{background:#d7a7ac;padding:8px 5px;}
.col5_light{background:#f0d5d6;padding:8px 5px;}
.col6_dark{background:#a19f9f;padding:8px 5px;}
.col6_light{background:#bababa;padding:8px 5px;}
.col7_dark{background:#f1b98a;padding:8px 5px;}
.col7_light{background:#f3ceae;padding:8px 5px;}
#options{border-spacing:2px;}


/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

/*General Mosaic Styles*/
.mosaic-block {float:left;position:relative;overflow:hidden;width:250px;height:250px;margin:0px;}
.mosaic-backdrop {display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.mosaic-overlay {display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.bar2 .mosaic-overlay {bottom:-200px;height:250px;opacity:0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);}
.details{ margin:10px; }	
#work_table td h4{ color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); margin-bottom:.8em;font-size:1.4em;}
#work_table td p{ color:#fff; text-shadow:1px 1px 0 rgb(0,0,0);line-height:1.4em;font-size:1.2em;}

/*** End Animation Styles ***/

#work_table td.thumb{width:260px;height:270px;padding:10px 0px 0px 10px;background:url("/images/our-work-bg.gif") no-repeat;}
#work_table td.blankcell{width:30px;}
.hightlight{background:#fafafa;border:1px solid #ececec;padding:10px;display:block;}

#website-name{float:right;text-align:right;font-size:1.4em;font-weight:bold;font-style:italic;background:url("/images/arrow.gif") no-repeat right;padding-right:15px;}

.small-pic{margin-right:20px;margin-bottom:10px;border:1px solid #ddd;}

/*support page styles*/
table.general{border-spacing:1px;}
table.general td{padding:4px;}