/* ++ Common Styles for Magico.ie ++ */


/* ++ reset ++ */

*
{
	margin: 0;
	padding: 0;
}


/* ++ html selectors ++ */

body
{
	background-color: #ffffff;
	color: #56524b;
	font: 0.8em/1.4em Arial, Helvetica, sans-serif;
	text-align: left;
}

h1, h2, h3, h4, h6
{
	font-family: Georgia, "Times New Roman" , Times, serif;
}

h1
{
	background: #cc0000 url(../img/common/bg_h1_red.gif) bottom left repeat-x;
	color: #ffffff;
	font-size: 190%;
	font-weight: normal;
	line-height: 110%;
	padding: 15px 0 15px 270px;
}

h2, h3, h4, h5, h6
{
	color: #a1998d;
}

h2
{
	font-size: 150%;
	font-weight: normal;
}

h3
{
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}

h4
{
	font-size: 100%;
	font-weight: bold;
}

h5
{
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}

h6
{
	font-size: 100%;
	font-weight: normal;
}

p
{
}

a
{
}

a:link, a:visited
{
	color: #56524b;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #cc0000;
	text-decoration: none;
}

a img, fieldset
{
	border: none;
}

#mainContent ul
{
	list-style-type: none;
	padding: 0.2em 5.0em 20px 50px;
}

#mainContent ul li
{
	background: transparent url(../img/common/bullet.gif) center left no-repeat;
	padding: 0.2em 0 0.2em 10px;
}

/* ++ primary structural elements ++ */

#container
{
	/* not sure if this is needed */
}

#header
{
	background: transparent url(../img/common/bg_superNav.gif) top left repeat-x;
}

#primaryContent
{
	background: transparent url(../img/common/bg_primaryContent.gif) top left repeat-x;
	overflow: auto;
	padding-bottom: 60px;
	width: 100%;
}

#primaryContent_alt
{
	background: transparent url(../img/common/bg_primaryContent_alt.gif) top left repeat-x;
	overflow: auto;
	padding-bottom: 60px;
	width: 100%;
}

#supportContent
{
	position: absolute;
	/*top: 0;*/
	top: 30px; /* only use this position when a sitewide feature is in place */
	left: 0;
	width: 255px;
	z-index: 100;
}

#mainContent
{
	padding-left: 260px;
	width: 695px;
}

#footer
{
	background: #ccc1ac url(../img/common/bg_footer.gif) top left repeat-x;
	clear: both;
	border-bottom: 1px solid #ede9df;
	overflow: hidden;
}

#mainNav
{
	background: transparent url(../img/common/bg_mainNav.png) top left no-repeat;
	height: 385px;
	width: 245px;
	margin-left: 10px;
}

#superNav
{
	text-align: right;
	width: 955px;
}



/* ++ structural element contents ++ */
/* header area */
#superNav ul
{
	list-style-type: none;
	margin-right: 10px;
	padding: 8px 0 9px 0;
}

#superNav ul li
{
	border-right: 1px solid #ffffff;
	color: #ffffff;
	display: inline;
	font-size: 90%;
	margin-left: 5px;
	padding-right: 5px;
}

#superNav ul li.lastSuper
{
	border-right: none;
}

#superNav ul li a:link, #superNav ul li a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

#superNav ul li a:hover, #superNav ul li a:active
{
	color: #990000;
	text-decoration: none;
}

ul#breadcrumb
{
	list-style-type: none;
	padding: 10px 0 10px 270px;
}

ul#breadcrumb li
{
	display: inline;
	font-size: 85%;
}


/* primary content */
/* support content */
#supportContent h3
{
	padding: 10px 5px 10px 20px;
}

ul.secondaryNav
{
	border-top: 1px solid #ede9df;
	list-style-type: none;
	margin-left: 20px;
	width: 235px;
}

ul.secondaryNav li
{
	border-bottom: 1px solid #ede9df;
}

ul.secondaryNav li a
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	display: block;
	padding: 5px 5px 5px 30px;
}

ul.secondaryNav li a:link, ul.secondaryNav li a:visited
{
	background: #ffffff url(../img/common/icon_redarrow.gif) center left no-repeat;
	color: #cc0000;
	text-decoration: none;
}

ul.secondaryNav li a:hover, ul.secondaryNav li a:active, ul.secondaryNav li a#currentSub
{
	background: #ede9df url(../img/common/icon_greyarrow.gif) center left no-repeat;
	color: #660000;
	text-decoration: none;
}

div#contact_module
{
	background: transparent url(../img/common/bg_contact_module.gif) top left no-repeat;
	font-family: Georgia, "Times New Roman" , Times, serif;
	margin: 25px 0 0 15px;
}

div#contact_module p
{
	padding: 20px 15px 0 20px;
}

div#contact_module a
{
	background: transparent url(../img/common/btn_contact_module.gif) center left no-repeat;
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 6px 0 6px 20px;
	text-transform: uppercase;
}

div#contact_module a:link, div#contact_module a:visited
{
	color: #ffffff;
	text-decoration: none;
}

div#contact_module a:hover, div#contact_module a:active
{
	color: #cc0000;
	text-decoration: none;
}


/* main content */
#mainContent p, #mainContent div.more
{
	padding: 0.2em 5.0em 1.0em 10px;
}

#mainContent p.intro_txt
{
	color: #747069;
	font-family: Georgia, "Times New Roman" , Times, serif;
	padding: 20px 1.0em 1.2em 10px;
	font-weight: bold;
	/*font-size: 0.95em;*/
}

#mainContent h3, #mainContent h4, #mainContent h5
{
	padding-left: 10px;
}
#mainContent h2
{
	padding: 0 0 0.2em 10px;
}

#mainContent h1.clientTitle
{
	background: #FFF none;
	color: #A1998D;
	font-size: 150%;
	line-height: 100%;
	padding: 0 0 0.2em 10px;
}

ul.content_list
{
	list-style-type: none;
	padding: 0.2em 5.0em 20px 50px;
}

ul.content_list li
{
	background: transparent url(../img/common/bullet.gif) center left no-repeat;
	padding: 0.2em 0 0.2em 10px;
}

div.single_column
{
	float: left;
	margin: 0 10px 10px 0;
	width: 220px;
}

a.img_link
{
	display: block;
	height: 165px;
	padding: 10px;
	width: 200px;
}

a.img_link:link, a.img_link:visited
{
	background-color: #ede9df;
}
a.img_link:hover, a.img_link:active
{
	background-color: #cc0000;
}

div.single_column h4
{
	padding-top: 3px;
}

div.single_column a, a.big_link
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 80%;
	font-weight: bold;
	padding-left: 10px;
	text-transform: uppercase;
}

.right_link
{
	float: right;
	margin-left: 20px;
}

div.single_column a:link, a.big_link:link
{
	color: #cc0000;
	text-decoration: none;
}

div.single_column a:visited, a.big_link:visited
{
	color: #660000;
	text-decoration: none;
}

div.single_column a:hover, div.single_column a:active, a.big_link:hover, a.big_link:active
{
	color: #cc0000;
	text-decoration: underline;
}

div.single_client
{
	float: left;
	margin: 0 10px 10px 0;
	width: 130px;
}

div.single_client_last
{
	float: left;
	margin: 0 0 10px 0;
	width: 130px;
}

div.single_client img, div.single_client_last img
{
	border: 5px solid #ede9df;
	display: block;
}

#mainContent div.single_client h5, div.single_client_last h5
{
	padding: 3px 5px;
}
div.single_column ul.content_list
{
	padding: 0.2em 15px 20px 0;
}

#project_gallery
{
	background-color: #ffffff;
	margin-left: 10px;
	overflow: hidden;
	width: 670px;
}

#project_gallery img
{
	display: block;
	height: 400px;
	padding: 10px;
	width: 650px;
}

ul#galleryNav, a#web_link, div#project_gallery strong, div#project_gallery span
{
	float: left;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 80%;
	font-weight: bold;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 5px 0;
	text-transform: uppercase;
}

div#project_gallery span
{
	margin: 0 5px;
}

#mainContent ul#galleryNav
{
	float: left;
	list-style: none;
}

#mainContent ul#galleryNav li
{
	background: none;
	/*display: inline;*/
	padding: 0;
}

#project_gallery a:link, #project_gallery a:visited
{
	color: #cc0000;
	padding: 3px;
	text-decoration: none;
}

#project_gallery a:hover, #project_gallery a:active
{
	color: #cc0000;
	text-decoration: underline;
}

#project_gallery a#current_screen
{
	color: #000000;
	text-decoration: none;
}

a#web_link
{
	float: right;
	text-align: right;
}

#project_highlight
{
	border-top: 1px solid #ede9df;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
	width: 450px;
}
dl { padding: 0.5em 5.0em 1.0em 10px; }

dl dt {
	border-left: 3px solid #cc0000;
	font-weight: bold;
	padding: 0 0 0 7px;
}

dl dd { padding: 0.2em 0 1.0em 0; }

#project_quickfacts
{
	border-top: 1px solid #ede9df;
	float: left;
	padding-top: 10px;
	width: 235px;
}

#project_quickfacts_panel
{
	background: transparent url(../img/common/bg_quickfacts.gif) top left no-repeat;
	margin-top: 10px;
}

#project_quickfacts_panel div
{
	background: transparent url(../img/common/bg_quickfacts_base.gif) bottom left no-repeat;
	padding: 15px 5px;
}

#project_quickfacts ul.content_list
{
	padding: 0 10px 20px 10px;
}

#project_highlight blockquote
{
	background: transparent url(../img/common/icon_openquote.gif) top left no-repeat;
	border-bottom: 1px solid #ede9df;
	color: #0091bb;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 90%;
	margin: 10px 0;
}

#project_highlight blockquote div
{
	background: transparent url(../img/common/icon_closequote.gif) bottom right no-repeat;
}
#project_highlight p
{
	line-height: 180%;
}
#project_highlight p, #project_quickfacts p
{
	padding: 0 10px 1.2em 10px;
}


/* footer content */
#footer h3
{
	padding: 10px 0 10px 20px;
}

#quicklinks
{
	background: transparent url(../img/common/bg_quicklinks.gif) top left repeat-y;
	margin-bottom: 10px;
	overflow: hidden;
	width: 940px;
}

#quicklinks div.linkCol
{
	float: left;
	padding: 0 10px 0 20px;
	width: 205px;
}

#quicklinks div.linkCol ul
{
	list-style-type: none;
	margin: 0.5em 0 1.6em 0;
}

#quicklinks div.linkCol ul li
{
	font-size: 85%;
}

#quicklinks div.linkCol address
{
	font-size: 85%;
	font-style: normal;
	margin: 0.5em 0 1.6em 0;
}

h6#copyright
{
	background-color: #ffffff;
	border-top: 2px solid #ccc1ac;
	margin: 0;
	padding: 10px 0 10px 725px;
}

/* main navigation content */
a.link_logo
{
	display: block;
	height: 145px;
	margin-left: 10px;
	width: 226px;
}

a.link_logo img
{
	display: block;
}

#mainNav ul
{
	list-style-type: none;
	margin-left: 18px;
	width: 210px;
}

#mainNav ul li
{
	margin-bottom: 10px;
}

#mainNav ul li a
{
	display: block;
	height: 40px;
	width: 210px;
}

#mainNav ul li a.b2c_ecomm
{
	background: transparent url(../img/common/btn_b2c_ecomm.gif) no-repeat;
}
#mainNav ul li a.b2b_ecomm
{
	background: transparent url(../img/common/btn_b2b_ecomm.gif) no-repeat;
}
#mainNav ul li a.magishop
{
	background: transparent url(../img/common/btn_magishop.gif) no-repeat;
}
#mainNav ul li a.ourWork11
{
	background: transparent url(../img/common/btn_ourwork11.gif) no-repeat;
}

#mainNav ul li a:link, #mainNav ul li a:visited
{
	background-position: top left;
}
#mainNav ul li a:hover, #mainNav ul li a:active
{
	background-position: top right;
}

#mainNav ul li a span
{
	display: none;
}

/* get in touch panel */
fieldset#getintouch
{
	background: transparent url(../img/homepage/bg_bigidea_edge.png) top left no-repeat;
	float: right;
	width: 235px;
}

fieldset#getintouch h3, fieldset#generic h3
{
	font-size: 120%;
	font-weight: normal;
	padding: 20px 10px 0 10px;
}

fieldset#getintouch p, fieldset#generic p
{
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
}

fieldset#getintouch label, fieldset#generic label
{
	display: block;
	font-family: Georgia, "Times New Roman" , Times, serif;
	padding: 0 0 0 10px;
}

fieldset#getintouch input, fieldset#getintouch textarea, fieldset#generic input, fieldset#generic textarea
{
	margin: 3px 0 10px 10px;
	width: 215px;
}

fieldset#getintouch textarea, fieldset#generic textarea
{
	overflow: hidden;
}

fieldset#getintouch a#submit_inTouch, fieldset#generic a#submit_inTouch
{
	background: transparent url(../img/homepage/btn_submit.gif) top left no-repeat;
	border: none;
	clear: both;
	display: block;
	float: left;
	height: 50px;
	margin: 0 0 10px 7px;
	width: 120px;
}

fieldset#getintouch a#submit_inTouch span, fieldset#generic a#submit_inTouch span
{
	display: none;
}

/* ++ miscellaneous styles ++ */

img.support_graphic
{
	float: right;
}
/* may not be included */

div.divider
{
	background: transparent url(../img/common/bg_dividing_line.gif) center left repeat-x;
	clear: both;
	height: 1px;
	padding: 10px 0;
}

div.divider_xtraPad
{
	background: transparent url(../img/common/bg_dividing_line.gif) center left repeat-x;
	clear: both;
	height: 1px;
	padding: 25px 0;
}

div.divider hr, div.divider_xtraPad hr
{
	display: none;
}

/* top of page feature
Please note: if you are using this you must temporarily change the #supportSection top position from 0 to 30px otherwise things don't sit together properly at the top of the page */
#sitewide_feature {
            background: #ede9df url(../img/common/bg_sitewide_feature.png) bottom left repeat-x;
            height: 30px;
}
#sitewide_feature h3 {
            background: transparent url(../img/common/sm_red_arrow.png) center right no-repeat;
            color: #56524b;
            font-weight: normal;
            padding: 5px 25px 0 0;
            text-transform: none;
            text-align: right;
            width: 915px;
}