@import url(http://fonts.googleapis.com/css?family=Merriweather:300,400);

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, ol, ul, li,
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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear				{clear:both;}
body				{font:Georgia, "Times New Roman", Times, serif; font-size:1em;}
p,li				{color:#818181; font-weight:normal;}
h2					{font-style:italic; font-size:1.8em; line-height:1.1em; color:#5e365e;}




#wrapper			{width:100%; min-width:960px;}
#header-wrap		{width:100%;}

#navigation			{height:100px; background:url(images/header_bg.png) repeat-x;overflow: hidden;}
#navigation ul  	{float: right;margin:10px 0 0;padding:0;position: relative;}
#navigation li  	{-moz-box-sizing: border-box;display: block;float: left;text-decoration: none;margin-right: 10px; }
#navigation li:last-child	{margin:0;}
#navigation-wrap	{width:960px; height:100px; margin:0 auto;}


#menu				{float:right; margin:4px 0 0;}

#contact-number		{float:right; margin:10px 10px 0 0; font-family: 'Merriweather', serif; font-size:1.2em; }
#contact-number p   {color:#b598b8 !important; }
#contact-number span{float:left; line-height:23px;font-size:.7em; color:#999; padding-right:20px;}

#logo				{float: left;background:url(images/sc_logo.png) no-repeat;width:174px; height:100px;position: relative;text-indent: -99999em;}
#hero			    {width:100%;height:320px; background:url(images/hero_bg.jpg) repeat-x; border-top:1px #86578b solid;} 
#hero-internal		{width:100%;height:47px; background:url(images/hero_internal_bg_pattern.jpg) repeat-x; border-top:1px #86578b solid;} 
#hero-interal-wrap  {width:960px;height:47px;margin:0 auto; font-family: 'Merriweather',serif; background:url(images/hero_internal_bg.jpg) no-repeat;overflow:hidden;color:#dfd6df; line-height:47px;text-align:center; cursor:default;}
#hero-interal-wrap .name {margin-right:20px; font-size:20px;}
#hero-wrap			{position: relative;width:960px;height:320px; margin:0 auto; }
	
#content			{width:960px; margin:0 auto; padding:40px 20px; overflow:hidden;}
#content p,
#content li			{line-height:1.4em; font-size:1.2em; }

#left-col			{float:left; width:620px; padding-right:20px;}
#right-col			{float:left; width:310px;}
body#internal #left-col	{float:left; width:300px; padding-right:20px;}
body#internal #right-col{float:left; width:600px; min-height:600px;padding-left:20px; border-left: 1px solid #CCCCCC;}
body#internal #right-col h2 {text-transform:uppercase; font-style:normal; font-weight:bold; font-size:1.5em;}
#right-col p.sub-heading {font-size:1.5em; font-style:italic;}

#hero-image			{width:960px; z-index:100;margin:-29px auto 0 auto;}
#hero-text			{font-family: 'Merriweather',serif;position: absolute;top:60px;right:10px;width: 500px;z-index: 200; }
#hero-text h2		{text-transform:uppercase;color:#FFF; font-style:normal;text-align:right; line-height:1.4em;}
#hero-text a		{background:url(images/button_hero.png) no-repeat; color: #FFFFFF;
    display: block;
    float: right;
    height: 42px;
    margin: 30px 0 0 20px;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 201px;
}

#hero-text a:hover	{opacity:.8;}

#hero-desc			{position:absolute;top:60px; left:50px;}
#hero-desc	p		{color:#FFF;}
#hero-desc p.title	{}
#hero-desc p.sub	{font-size:.9em;color:#958b94;}

ul#pages li	a   	{display:block;color:#FFF; font-family: 'Merriweather', serif; font-size:.9em;font-weight:400; padding:10px; text-decoration:none;text-transform:uppercase;}
ul#pages li a:hover, 	
ul#pages li.active a {background:#5d355c;}


.media-row			{margin-bottom:20px; padding:0 0 20px;border-bottom:1px solid #CCC;}
.media-row p		{font-size:1em !important; line-height:1em;}
.media-row h3		{font-size:1.4em;color:#5E365E;line-height:1em;}
.media-row:last-child{border:none;}
#footer				{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%; padding:20px 0; background:#F5F5F5; min-height:200px;}
#footer-wrap		{width:960px; overflow:auto; margin:0 auto;}
#footer-wrap #left-col {width:300px !important;}
#footer-wrap #right-col{width:600px !important;min-height:100px !important; border:none !important;}
#footer-wrap #left-col p {font-size:1em; color:#999999;}
.footer-list		{float:left;margin-right:50px;}
.footer-list li		{margin-bottom:5px;}
.footer-list li a	{ text-decoration:none;  color:#999; font-size:1em;}
.footer-list li a:hover {color:#86578B;}