/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END RESET */

/* Start global styles */

p, span, a, ul, li, td {
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 13px ;
line-height: 1.4em ;
color: #ededed ;
}

h1, h2, h3, h4, h5, h6 {
font-family: Century Gothic, Helvetica, Arial, sans-serif ;
font-weight: lighter ;
color: #ededed ;
}

h1 {
font-size: 30px ;
}

h2 {
font-size: 24px ;
color: #a4ce18;
}

h3 {
font-size: 18px ;
}


h3 a {
font-size: 18px ;
}

a {
color: #a4ce18 ;
text-decoration: none ;
}

a:hover {
color: #d2ee73 ;
}


a:visited {
color: #7c9627 ;
}

ul {
line-height: 1.8em ;
list-style-type: none ;
}

.featuredLinks li {
background: url(../images/arrow_bullet.png) left 5px no-repeat ;
padding: 0 0 0 20px ;
}

.bulletedList li {
background: url(../images/arrow_bullet.png) left 5px no-repeat ;
padding: 0 0 0 20px ;
}

.sixteenPoint {
font-size: 16px ;
}

.green {
color: #a4ce18 ;
}

#servicesCTA {
margin: 0 ;
width: 182px ;
height: 38px ;
padding: 15px 0 0 0 ;
}

#servicesCTA a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/services_cta_btn.png) no-repeat scroll 0 0;
display:block;
width:182px;
height:37px;
text-decoration:none;
text-indent:-99999px;
}

#servicesCTA a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/services_cta_btn.png) no-repeat scroll 0 0;
background-position: 0px -37px ;
display:block;
width:182px;
height:37px;
text-decoration:none;
text-indent:-99999px;
}

.floatLeft {
float: left ;
}

.floatRight {
float: right ;
}

.clear {
clear: both ;
}



/* Start Layout */

html {
background: #000106 url(../images/header_bg.jpg) center top repeat-x ;
height: 111px ;
}



/* Start headerWrapper */

#headerWrapper {
width: 990px ;
height: 110px ;
margin: 0 auto ;
overflow: hidden ;
}

#headerWrapper img {
float: left ;
padding: 4px 0 0 30px ;
}

#pageWrapper {
background: #121818 url(../images/page_bg.jpg) left top repeat-x ;
margin: 0 auto ;
}

#contentWrapper {
width: 990px ;
margin: 0 auto ;
padding: 50px 0 0 0 ;
overflow: hidden ;
}

#contentLeft {
float: left ;
width:425px ;
padding: 0 15px 20px 20px ;
}

#contentRight {
float: right ;
width: 491px ;
padding: 0 0 20px 0 ;
}

#pageFooterWrapper {
background: #121818 url(../images/footer_bg.jpg) left top repeat-x ;
overflow: hidden ;
margin: 0 auto ;
}

/* mainNav START */

#mainNavWrapper {
float: right ;
width: 546px ;
height: 50px ;
margin: 0px 0 0 0 ;
}

#mainNav {
width: 546px ;
height: 50px ;
background: url(../images/main_nav.png) ;
margin: 0px auto ;
padding: 0 ;
position: relative ;
}
	
#mainNav li {
margin: 0; padding: 0; list-style-type: none ;
position: absolute;
top: 0 ;
}
	
#mainNav li, #mainNav a {
height: 50px ;
display: block ;
}
	
#mainNav span {
display: none ;
}
	
#pos1 {
left: 0 ;
width: 94px ;
}

#pos1 a:hover {
background: url(../images/main_nav.png) 0 -50px no-repeat;
}

#pos1 a:active {
background: url(../images/main_nav.png) 0 -100px no-repeat;
}

#pos2 {left: 94px; width: 91px;
}

#pos2 a:hover {
background: url(../images/main_nav.png) -94px -50px no-repeat;
}

#pos2 a:active {
background: url(../images/main_nav.png) -94px -100px no-repeat;
}

#pos3 {left: 185px; width: 74px;
}

#pos3 a:hover {
background: url(../images/main_nav.png) -185px -50px no-repeat;
}

#pos3 a:active {
background: url(../images/main_nav.png) -185px -100px no-repeat;
}

#pos4 {left: 259px; width: 62px;
}

#pos4 a:hover {
background: url(../images/main_nav.png) -259px -50px no-repeat;
}

#pos4 a:active {
 background: url(../images/main_nav.png) -259px -100px no-repeat;
}

#pos5 {left: 321px; width: 63px;
}

#pos5 a:hover {
background: url(../images/main_nav.png) -321px -50px no-repeat;
}

#pos5 a:active {
background: url(../images/main_nav.png) -321px -100px no-repeat;
}

#pos6 {left: 384px; width: 60px;
}

#pos6 a:hover {
background: url(../images/main_nav.png) -384px -50px no-repeat;
}

#pos6 a:active {
background: url(../images/main_nav.png) -384px -100px no-repeat;
}

#pos7 {left: 444px; width: 102px;
}

#pos7 a:hover {
background: url(../images/main_nav.png) -444px -50px no-repeat;
}

#pos7 a:active {
background: url(../images/main_nav.png) -444px -100px no-repeat;
}

#home #mainNav #pos1 a{
background: url(../images/main_nav.png) 0px -100px no-repeat;
}

#services #mainNav #pos2 a{
background: url(../images/main_nav.png) -94px -100px no-repeat;
}

#kudos #mainNav #pos3 a{
background: url(../images/main_nav.png) -185px -100px no-repeat;
}

#bio #mainNav #pos4 a{
background: url(../images/main_nav.png) -259px -100px no-repeat;
}

#folio #mainNav #pos5 a{
background: url(../images/main_nav.png) -321px -100px no-repeat;
}


#contact #mainNav #pos7 a{
background: url(../images/main_nav.png) -444px -100px no-repeat;
}

/* Start dblRail */

#dblRail {
height:41px ;
background: url(../images/dbl_rail.png) #263333 left top repeat-x ;
overflow: hidden ;
}

#dblRailContent {
width: 990px ;
margin: 0 auto ;
text-align: right ;
padding: 10px 0 0 0 ;
}

#dblRail span, #dblRail a {
font-size: 16px ;
}

/* Home page specific */

#homeCTA {
margin: 0 auto ;
width: 360px ;
height: 90px ;
padding: 15px 0 0 0 ;
}

#homeCTA a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home_cta.png) no-repeat scroll 0 0;
display:block;
width:360px;
height:90px;
text-decoration:none;
text-indent:-99999px;
}

#homeCTA a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home_cta.png) no-repeat scroll 0 0;
background-position: 0px -90px ;
display:block;
width:360px;
height:90px;
text-decoration:none;
text-indent:-99999px;
}

#contentRight h3 {
clear: both ;
}

#smmbtns {
margin: 0 auto ;
width: 240px ;
padding: 0px 0 0 30px ;
}

#smmbtn1 {
float: left ;
width: 64px ;
padding: 0px 8px 0 8px ;
}

#smmbtn2 {
float: left ;
width: 64px ;
padding: 0px 8px 0 8px ;
}

#smmbtn3 {
float: left ;
width: 64px ;
padding: 0px 8px 0 8px ;
}

#homeRightNews {
padding: 20px 0 10px 0 ;
}

/* Start of Service Page */

#toolboxWrapper {
width: 450px ;
height: 94px ;
margin: 0 ;
padding: 0 0 0 20px ;
}

#toolbox {
width: 450px; height: 584px;
margin: 0px auto; padding: 0;
position: center;
}	
	
#toolbox li {
height:94px ;
margin: 0;
padding: 0;
list-style-type: none;
}
	
#toolbox li, #toolbox a {
height: 94px;
display: block;
font-size: 16px ;
line-height: 4.2em ;
}

#tb1 a {
background: url(../images/smm_icon.png) no-repeat;
background-position: 350px 0px ;
height: 94px; display: block;
left: 0;
}

#tb1 a:hover {
background: url(../images/smm_icon.png) no-repeat ;
background-position: 350px -94px ;
} 

#tb2 a {
background: url(../images/web_icon.png) no-repeat;
background-position: 350px 0px ;
height: 94px; display: block;
left: 0;
}

#tb2 a:hover {
background: url(../images/web_icon.png) no-repeat ;
background-position: 350px -94px ;
} 

#tb3 a {
background: url(../images/crm_icon.png) no-repeat;
background-position: 350px 0px ;
height: 94px; display: block;
left: 0;
}

#tb3 a:hover {
background: url(../images/crm_icon.png) no-repeat ;
background-position: 350px -94px ;
} 

#tb4 a {
background: url(../images/seo_icon.png) no-repeat;
background-position: 350px 0px ;
height: 94px; display: block;
left: 0;
}

#tb4 a:hover {
background: url(../images/seo_icon.png) no-repeat ;
background-position: 350px -94px ;
} 

#tb5 a {
background: url(../images/writing_icon.png) no-repeat;
background-position: 350px 0px ;
height: 94px; display: block;
left: 0;
}

#tb5 a:hover {
background: url(../images/writing_icon.png) no-repeat ;
background-position: 350px -94px ;
} 

#tb6 a {
background: url(../images/blog_icon.png) no-repeat;
background-position: 350px 0px ;
height: 94px; display: block;
left: 0;
}

#tb6 a:hover {
background: url(../images/blog_icon.png) no-repeat ;
background-position: 350px -94px ;
}  

/* Start of testimonials left */

.testimonial {
float: left ;
width: 950px ;
padding: 0 0 20px 10px ;
overflow: hidden ;
}

.testimonial p {
padding: 0 0 50px 0 ;
}

.testimonialVideo {
float: right ;
padding: 0 0 0 10px ;
}

/* Start of Bio page */

/*!!! THIS WILL BE USED WHEN VIDEO IS READY !!!*/

.bioVideo {
float: right ;
background: transparent url(../images/screen_for_320x256.png) left top no-repeat ;
width: 353px ;
height: 286px ;
padding: 11px 0 0 14px ;
}

/*!!!*/

#bioTop p {
padding: 0 10px 0 0 ;
}

#tempAboutImage{
float: right ;
padding: 0 0 0 10px ;
}

.bioPic {
float: right ;
padding: 20px 0 0 5px ;
}

#bioLeft {
float: left ;
width: 435px ;
padding: 0 40px 20px 20px ;
color: #ededed ;
}

#bioRight {
float: right ;
width:435px ;
padding: 0 40px 20px 20px ;
color: #ededed ;
}


/* Start of folio page */

div#links {
clear: both ;
margin: 0 0 ;
padding: 0 0 0 20px ;
color: #ededed ;
font: 13px ;
text-align: right ;
}

div#links a {
display: block;
text-align: left;
font: 13px Verdana, Arial, Helvetica, sans-serif ;
padding: 5px 10px;
margin: 0 0 1px;
border-width: 0; 
text-decoration: none;
}

div#links a:hover {
color: #d2ee73 ;
}

.cellBorder {
border: thin dashed #ededed ;
margin: 0 auto ;
padding: 0 5px 0 5px ;
}

.cellBorder img {
margin: 0 auto ;
vertical-align: middle ;
padding: 2px 0 2px 9px ;
}

.topCell h3 {
padding: 0 0 5px 0 ;
text-align: center ;
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif ;
}

/* Start of Some mutual code for individual services pages */

#insideSmm {
background: url(../images/smm_icon.png) bottom left no-repeat;
background-position: 0px 0px ;
height: 94px; display: block;
left: 0;
font-size: 20px ;
text-indent: 96px ;
vertical-align: middle ;
}

#insideWeb {
background: url(../images/web_icon.png) bottom left no-repeat;
background-position: 0px 0px ;
height: 94px; display: block;
left: 0;
font-size: 20px ;
text-indent: 96px ;
vertical-align: middle ;
}

#insideH1 {
font-size: 28px ;
padding: 18px 0 0 3px ;
}

#insideCrm {
background: url(../images/crm_icon.png) bottom left no-repeat;
background-position: 0px 0px ;
height: 94px; display: block;
left: 0;
font-size: 20px ;
text-indent: 96px ;
vertical-align: middle ;
}

#insideH1Crm {
font-size: 26px ;
padding: 18px 38px 0 0 ;
text-align: right ;
}

#insideSeo {
background: url(../images/seo_icon.png) bottom left no-repeat;
background-position: 0px 0px ;
height: 94px; display: block;
left: 0;
font-size: 20px ;
text-indent: 96px ;
vertical-align: middle ;
}

#insideH1Seo {
font-size: 24px ;
padding: 18px 5px 0 0 ;
text-align: right ;
}

#insideWriting {
background: url(../images/writing_icon.png) bottom left no-repeat;
background-position: 0px 0px ;
height: 94px; display: block;
left: 0;
font-size: 20px ;
text-indent: 96px ;
vertical-align: middle ;
}

#insideH1Writing {
font-size: 26px ;
padding: 18px 20px 0 0px ;
text-align: right ;
}

#insideBlog {
background: url(../images/blog_icon.png) bottom left no-repeat;
background-position: 0px 0px ;
height: 94px; display: block;
left: 0;
font-size: 20px ;
text-indent: 96px ;
vertical-align: middle ;
}

#insideH1Blog {
font-size: 26px ;
padding: 18px 60px 0 0 ;
text-align: right ;
}



/*Start of SSM page */

#otherServices {
padding: 10px 0 0 5px ;
}

#toolBoxSmlWrapper{
width: 335px ;
margin: 0 auto ;
padding: 20px 100px 0 0 ;
line-height: 2.5em ;
}

#toolboxSml {
width: 335px; 
margin: 0px auto;
padding: 0;
position: left;
	}
	
#toolboxSml {
font-size: 14px ;
}	
	
#toolboxSml li {
height:50px ;
margin: 0;
padding: 0;
list-style-type: none;
	}
	
#toolboxSml li, #toolboxSml a {
height: 50px;
display: block;
	}
	
#tbSml1 a {
background: url(../images/smm_icon_sml_nav.png) no-repeat;
background-position: 280px 0px ;
height: 50px; display: block;
left: 0;

}

#tbSml1 a:hover {
background: url(../images/smm_icon_sml_nav.png) no-repeat ;
background-position: 280px -50px ;
} 	
	

#tbSml2 a {
background: url(../images/web_icon_sml_nav.png) no-repeat;
background-position: 280px 0px ;
height: 50px; display: block;
left: 0;

}

#tbSml2 a:hover {
background: url(../images/web_icon_sml_nav.png) no-repeat ;
background-position: 280px -50px ;
} 

#tbSml3 a {
background: url(../images/crm_icon_sml_nav.png) no-repeat;
background-position: 280px 0px ;
height: 50px; display: block;
left: 0;

}

#tbSml3 a:hover {
background: url(../images/crm_icon_sml_nav.png) no-repeat ;
background-position: 280px -50px ;
} 

#tbSml4 a {
background: url(../images/seo_icon_sml_nav.png) no-repeat;
background-position: 280px 0px ;
height: 50px; display: block;
left: 0;

}

#tbSml4 a:hover {
background: url(../images/seo_icon_sml_nav.png) no-repeat ;
background-position: 280px -50px ;
} 

#tbSml5 a {
background: url(../images/writing_icon_sml_nav.png) no-repeat;
background-position: 280px 0px ;
height: 50px; display: block;
left: 0;

}

#tbSml5 a:hover {
background: url(../images/writing_icon_sml_nav.png) no-repeat ;
background-position: 280px -50px ;
} 

#tbSml6 a {
background: url(../images/blog_icon_sml_nav.png) no-repeat;
background-position: 280px 0px ;
height: 50px; display: block;
left: 0;

}

#tbSml6 a:hover {
background: url(../images/blog_icon_sml_nav.png) no-repeat ;
background-position: 280px -50px ;
}

/* Toolbox nav on each Strategy Page END */

/* Stat of Reasons */

#reasons {
padding: 0 0 20px 0 ;
}


/* pageFooter */

#pageFooter {
clear: both ;
width: 990px ;
margin: 0 auto ;
padding: 10px 0 0 10px ;
}

#pageFooter h2 {
font-size: 18px ;
padding: 7px 0 10px 12px ;
}

#footer1 {
float: left ;
width: 225px ;
}

#footer1 p, #footer1 ul {
padding: 0 0 0 10px ;
}

#footer2 {
float: left ;
width: 272px ;
}

#frameTop {
width: 272px ;
background: url(../images/footer_frame_top.png) no-repeat ;
margin: -5px 0 0 0 ;
}

#frameTop h2 {
padding: 12px 0 10px 25px ;
}


#frameSides {
width: 272px ;
background: url(../images/footer_frame_slice.png) repeat-y ;
padding: 20px 5px 0 13px ;
margin: -23px 0 0 0 ;
}

#frameSides ul {
width: 252px ;
}

#frameBot {
width: 272px ;
background: url(../images/footer_frame_bot.png) no-repeat ;
height:20px
}


#footer3 {
float: left ;
width: 199px ;
background: url(../images/quote_marks.png) 15px 10px no-repeat ;
padding: 0 5px 0 20px ;

}

#footer3 p {
padding: 0px 5px 0 10px ;
}


#footer4 {
float: left ;
width: 221px ;
padding: 0 0 0 30px ;
}



/* Start botFooter */

#botFooter {
width: 970px ;
margin: 0 auto ;
padding: 20px 0 10px 0 ;
clear: both ;
text-align: center ;
}

#botFooter ul li{
display: inline ;
padding: 0 5px 0 5px ;
}


/* Start support Service Page */

#maintenanceCopy {
padding: 10px 20px ;
}

#maintenanceCopy ul li {
background: url(../images/arrow_bullet.png) left 5px no-repeat ;
padding: 0 0 0 20px ;
}