/* Import main styles */

@import url(main.css);




/* Main Page Structure */

#topcolorbar { 
	float: left;
	clear: both;
	width: 958px;
    height: 15px;
	margin: 0px 1px 0px 1px;
	overflow: hidden;
	background-color: #9ABDC3;
}	

#contentcontainer { 
	float: left;
	margin: 30px 0px 0px 55px;
    width: 670px;
	overflow: hidden;
}



/* Sidebar */

#sidebar { 
	float: left;
	clear: both;
    width: 190px;
    height: 821px;
	margin: 0px 1px 0px 1px;
	overflow: hidden;
	background: #36424A;
}	

#sidenavcontainer { 
    position: relative;
    top: 30px;
    left: 20px;
	overflow: hidden;
}

.sidenavtitle { 
	font-family: arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 18px; 
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
}

.sidenavigation { 
	font-family: arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px; 
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
}

.sidenavigationsupport { 
	font-family: arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px; 
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
}

p.sidenavigation {
  padding-top: 2px;
}

a.sidenavigation0,
a.sidenavigation1,  
a.sidenavigation2,  
a.sidenavigation3,  
a.sidenavigation4,  
a.sidenavigation5,
a.sidenavigation6 { 
	color: #ffffff;
	text-decoration: none;
}

a.sidenavigation0:hover 		{ text-decoration: underline; color: #ffffff;}
a.sidenavigation1:hover 		{ text-decoration: underline; color: #f4AA00;}
a.sidenavigation2:hover 		{ text-decoration: underline; color: #8d852a;}
a.sidenavigation3:hover 		{ text-decoration: underline; color: #EF8200;}
a.sidenavigation4:hover 		{ text-decoration: underline; color: #8d852a;}
a.sidenavigation5:hover 		{ text-decoration: underline; color: #82AEB6;}
a.sidenavigation6:hover 		{ text-decoration: underline; color: #82AEB6;}

.sublink0page #sublink_0	{color: #ffffff; text-decoration: underline;}
.sublink1page #sublink_1	{color: #f4AA00; text-decoration: none;}
.sublink2page #sublink_2	{color: #8d852a; text-decoration: none;}
.sublink3page #sublink_3	{color: #EF8200; text-decoration: none;}
.sublink4page #sublink_4	{color: #8d852a; text-decoration: none;}
.sublink5page #sublink_5	{color: #82AEB6; text-decoration: none;}
.sublink6page #sublink_6	{color: #82AEB6; text-decoration: none;}

#sublink5apage #sublink_5a	{color: #82AEB6; text-decoration: none;}
#sublink5bpage #sublink_5b	{color: #82AEB6; text-decoration: none;}
#sublink5cpage #sublink_5c	{color: #82AEB6; text-decoration: none;}
#sublink5dpage #sublink_5d	{color: #82AEB6; text-decoration: none;}

.sidebarsub { 
	width: 165px;
}

.sidebarsub li { 
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 10px -35px;
	list-style-type: none;
}

.sidebarsub li a:link, .sidebarsub li a:visited, .sidebarsub li a:active { 
	text-decoration: none; color: #ffffff;
}
.sidebarsub li a:hover { 
	text-decoration: underline; color: #659fa7;
}	




/* homepage */

#contentcontainerintro { 
	position: relative;
	margin: 30px 60px 0px 60px;
    width: 840px;
	overflow: hidden;
}

#mainicon { 
	float: left;
	margin: 15px 25px 15px 15px;
	overflow: hidden;
}

#homecontentcontainer {
	float: left;
	clear: both;
	width: 959px;
	background: url(/services/packages/images/servicepackages-people.jpg) no-repeat top right ;
}

#homecontentcontainerAffordable {
	float: left;
	clear: both;
	width: 959px;
	background: url(/services/affordable_solutions/images/affordable-people.jpg) no-repeat top right ;
}

#homecontentcontainerMakeover {
	float: left;
	clear: both;
	width: 959px;
	background: url(/services/packages/images/servicepackages-people.jpg) no-repeat top right ;
}

#mainpagecontentcontainer { 
	position: relative;
	margin: 0px 60px 0px 60px;
    width: 840px;
	overflow: hidden;
}

#divider { 
	position: relative; 
	width: 896px;
    height: 1px;
	margin: 0px 32px 0px 32px;
	overflow: hidden;
	background-color: #9ABDC3;
}	

.titleline1	{ 
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 34px; 
	line-height: 36px;
	color: #9e9336;
}

.titleline2	{ 
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px; 
	line-height: 26px;
	margin: 0px 0px 0px 10px;
	color: #36424A;
}

.titleline3	{ 
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px; 
	line-height: 22px;
	color: #36424A;
}

a.orange:link, a.orange:visited, a.orange:active { text-decoration: none; color: #ed9900; }
a.orange:hover { text-decoration: underline; color: #ed9900; }
	
a.green:link, a.green:visited, a.green:active { text-decoration: none; color: #9e9436; }
a.green:hover { text-decoration: underline; color: #9e9436;}
	
a.red:link, a.red:visited, a.red:active { text-decoration: none; color: #EF8200; }
a.red:hover { text-decoration: underline; color: #EF8200;}
	
a.blue:link, a.blue:visited, a.blue:active { text-decoration: none; color: #82AEB6; }
a.blue:hover { text-decoration: underline; color: #82AEB6;}

a.black:link, a.black:visited, a.black:active { font-weight: bold; text-decoration: none; color: #000000; }
a.black:hover { font-weight: bold; text-decoration: underline; color: #000000;}
		
.sectionheader	{ 
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px; 
	line-height: 22px;
}

.largetitles	{ 
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px; 
	line-height: 26px;
}

/* consulting session */
#rightbar-orange { 
	float: right;
    width: 225px;
	margin: 0px 0px 0px 35px;
	padding: 10px;
	overflow: hidden;
	background: #fbebcc;
	border: #eb9b0f 1px solid;
	font-weight: bold;
}	

#rightbar-orange li{ 
	margin: 0px 0px 10px -10px;
	list-style-image: url(/services/packages/images/bullet-orange.gif);
}	

#rightbar-yellow { 
	float: right;
    width: 225px;
	margin: 0px 0px 0px 35px;
	padding: 10px;
	overflow: hidden;
	background: #fef6e5;
	border: #f4AA00 1px solid;
	font-weight: bold;
}	

#rightbar-yellow li{ 
	margin: 0px 0px 10px -10px;
	list-style-image: url(/services/packages/images/bullet-orange.gif);
}	


#header1 { 
	float: right;
	right: 450px;
	margin: 0px 20px 10px 20px;
	overflow: hidden;
}



.feebox-orange-fee{ 
	float: left;
	overflow: hidden;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	background: #EF8200;
	border: #EF8200 solid 1px;
}
.feebox-orange-price{ 
	float: left;
	overflow: hidden;
	color: #EF8200;
	padding: 5px 10px 5px 10px;
	border: #EF8200 solid 1px;
}

/* Customized workshops */

#rightbar-green { 
	float: right;
    width: 225px;
	margin: 0px 0px 0px 35px;
	padding: 10px;
	overflow: hidden;
	background: #ecead7;
	border: #9d9438 1px solid;
	font-weight: bold;
}	

#rightbar-green li { 
	margin: 0px 0px 5px -20px;
	list-style-image: url(/services/packages/images/bullet-green.gif);
}

#rightbar-green li a:link, #rightbar-green li a:visited, #rightbar-green li a:active { 
	text-decoration: underline; color: #000000;
}

#rightbar-green li a:hover { 
	text-decoration: underline; color: #9d9438;
}	

#feebox-custom { 
	float: left;
	margin: 10px 0px 5px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	border: #000 solid 0px;
}

.feebox-green-fee{ 
	float: left;
	overflow: hidden;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	background: #9d9438;
	border: #9d9438 solid 1px;
}
.feebox-green-price{ 
	float: left;
	overflow: hidden;
	color: #9d9438;
	padding: 5px 10px 5px 10px;
	border: #9d9438 solid 1px;
	background-color: white;
}

.feebox-yellow-fee{ 
	float: left;
	overflow: hidden;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	background: #f4AA00;
	border: #f4AA00 solid 1px;
}
.feebox-yellow-price{ 
	float: left;
	overflow: hidden;
	color: #f4AA00;
	padding: 5px 10px 5px 10px;
	border: #f4AA00 solid 1px;
	background-color: white;
}


/* social media lab */
#rightbar-red { 
	float: right;
    width: 225px;
	margin: 0px 0px 0px 35px;
	padding: 10px;
	overflow: hidden;
	background: #f9e2cc;
	border: #f0851f 1px solid;
	font-weight: bold;
}	

#rightbar-red li{  /* not needed at this point. for future */
	margin: 0px 0px 10px -10px;
	list-style-image: url(/services/packages/images/bullet-orange.gif);
}	


.feebox-red-fee{ 
	float: left;
	overflow: hidden;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	background: #f0851f;
	border: #f0851f solid 1px;
}
.feebox-red-price{ 
	float: left;
	overflow: hidden;
	color: #f0851f;
	padding: 5px 10px 5px 10px;
	border: #f0851f solid 1px;
}

/* extreme makeover */
#rightbar-blue { 
	float: right;
    width: 225px;
	margin: 0px 0px 0px 35px;
	padding: 10px;
	overflow: hidden;
	background: #e0eced;
	border: #82AEB6 1px solid;
	font-weight: bold;
}	

#rightbar-blue li {  
	margin: 0px 0px 10px -20px;
	list-style-image: url(/services/packages/images/bullet-blue.gif);
}	

#sub-blue { 
	float: left;
    width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	overflow: hidden;
	font-weight: bold;
}	

#sub-blue li {  
	margin: 0px 0px 10px -10px;
	list-style-image: url(/services/packages/images/bullet-blue.gif);
}	

#sub-blue li a:link, #sub-blue li a:visited, #sub-blue li a:active { 
	text-decoration: none; color: #000000;
}
#sub-blue li a:hover { 
	text-decoration: underline; color: #659fa7;
}	

.feebox-blue-fee{ 
	float: left;
	overflow: hidden;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	background: #82AEB6;
	border: #82AEB6 solid 1px;
}
.feebox-blue-price{ 
	float: left;
	overflow: hidden;
	color: #82AEB6;
	padding: 5px 10px 5px 10px;
	border: #82AEB6 solid 1px;
}

/* SHARED */

#feebox { 
	float: left;
	margin: 10px 0px 15px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	border: #000 solid 0px;
}

a.contact:link, a.contact:visited, a.contact:active { text-decoration: none; color: #36424A; }
a.contact:hover { text-decoration: underline; color: #000000;}

.feetitle {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}