/************************************************/
/*************** SCREEN CSS (ALL) ***************/
/************************************************/

/* Color Palette

light green: #9ca08a 
purple: #8a779a

*/

* {margin:0; padding:0;}
body {
	background-color:#333;
	color:#fff;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	text-align:center;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
}

a {color:#8a779a;text-decoration:none;}
a:hover {color:#9ca08a;text-decoration:none;}
a:visited {color:#8a779a} 
a img {border:0;}

/* Paragraph */
p {margin-top:0;margin-bottom:1em;}

/* Headings */
h1, h2, h3, h4 {}
h1 {font-size:20px;color:#9ca08a;margin-bottom:.5em;line-height:22px;font-weight:normal}
h2 {font-size:16px;color:#8a779a;margin-bottom:.4em;font-weight:normal;border-bottom:dotted 1px #8a779a;padding:5px 0}
h3 {font-size:14px;color:#9ca08a;margin-bottom:0;font-weight:normal}
h4 {font-size:12px;color:#9ca08a;margin-bottom:0;font-weight:normal}
h5 {font-size:14px;color:#8a779a;margin-bottom:0;font-weight:normal}
h6 {font-size:12px;color:#9ca08a;margin-bottom:0;}
h1 a, h1 a:hover, 
h2 a, h2 a:hover, 
h3 a, h3 a:hover,
h4 a, h4 a:hover {font-weight:normal;}

/* Lists */
ul {margin: 10px 0 10px 0;list-style-type:none} 
ul li {padding-left:25px;background-color: transparent;background-image: url(../img/bg_bullet1.gif);background-repeat: no-repeat;background-position: 0 0;}
ul ul li {background-color: transparent;background-image: url(../img/bg_bullet2.gif);background-repeat: no-repeat;background-position: 0 0;}
.ul-nobullet {margin-left:0;padding-left:0;margin-top:0px;margin-bottom:15px}
.ul-nobullet li {background:none;padding-left:0;margin-left:0}
.ul-nobullet li a { padding-right:18px; background-image: url(../img/bg_bulletlink.gif); background-repeat: no-repeat; background-position: right 3px;}
ol {margin-top:10px;padding-left:25px;}
ol li {line-height: 1.4em;}
dt {display:block;font-weight:bold;}
dd {margin-bottom:5px;}

/* Dividers */
hr {border:0;height:1px;overflow:hidden;background:#ccc;margin-top:15px;margin-bottom:15px}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;visibility:hidden}
.nowrap { white-space:nowrap;}


/* Size */
small {font-size:.8em; }
big { font-size:1.25em; }

/* Special Text */
.highlight {color:#9ca08a}
.highlight-b {color:#9ca08a;font-weight:bold}
.highlight-i {color:#9ca08a;font-style:italic}
.highlight-bi {color:#9ca08a;font-weight:bold;font-style:italic}
.subdued {color:#5e5e5e}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#5e5e5e;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing:1px}

/* Form Elements */
form {display:inline;}
fieldset {border:1px solid #ccc;padding:15px}
legend {font-size:14px;font-weight:bold;color:#9ca08a;padding: 0.2em .5em;}
label {color:#333;}
input, select {vertical-align:middle;}
button {border:0;cursor:pointer;padding:0;text-align:center;margin-top:5px}
button span {position:relative;display:block;white-space:nowrap;padding:0 8px 0 8px;}
button.submitBtn {font-family:Arial, Helvetica, sans-serif;font-size:11px;background:#21b0b0}
button.submitBtn span {height:24px;line-height:24px;color:#fff;}
button.submitBtn:hover {}
button.submitBtn:hover span {color:#fff}
button.submitBtn:active {outline-color:invert;outline-style:none;outline-width:medium;}
button.submitBtn:active span {outline-color:invert;outline-style:none;outline-width:medium;}

/* Special Links */
a.morelink:link, 
a.morelink:visited, 
a.morelink:hover, 
a.morelink:active {padding-left:17px;padding-bottom:2px;background:transparent url(../img/sprites.gif) no-repeat 0px 0px;line-height:18px}
a.morelink:hover {height:30px;background-color:transparent;background-image: url(../img/sprites.gif);background-position: 0px -50px;}
.morelink span {position:absolute;left:-9999px;width:900px}


/* Pagination */
.pagination {position:relative;background:#f2f2f2;color:#5e5e5e;border:1px solid #ddd;margin: 10px 0 1.5em 0;padding:5px;}
.pagination .left {width:50%;float:left;text-align:left}
.pagination .right {width:50%;float:left;text-align:right}
.pagination a:link, 
.pagination a:visited, 
.pagination a:hover, 
.pagination a:active {text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #ccc}

/* Tables */
th {padding:0;text-align:left;vertical-align:top;}
td {vertical-align:top;}
.table1 {width:100%;padding:0;margin:0;}
.table1 caption {width:100%;font-size:11px;font-style:italic;padding: 0 0 5px 0;text-align: right;}
.table1 th {font-size:11px;font-weight:bold;color:#4f6b72;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(../img/tables/table1_headerbg.jpg) no-repeat;}
.table1 th.nobg {border-right: 1px solid #C1DAD7;border-top:none;background:none;}
.table1 td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;}
.table1 td.alt {background: #F5FAFA;color: #797268;}
.table1 th.spec {border-left: 1px solid #C1DAD7;border-top: 0;background: #fff url(../img/tables/table1_bullet1.gif) no-repeat;font-weight: bold;font-size: 10px;}
.table1 th.specalt {border-left: 1px solid #C1DAD7;border-top: 0;background: #f5fafa url(../img/tables/table1_bullet2.gif) no-repeat;font-weight:bold;font-size:10px;color: #797268;}


/*************** WRAP ***************/
#wrapper {
	width:980px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img/bg_shadow.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0;
	position:relative;
}
#container {width:950px;text-align:center;margin-left:auto;margin-right:auto;background:#000;padding:0 0 15px 0;position:relative;}

/* Header */
#header	{position:relative;}
#masthead {position:relative;width:900px;height:110px;margin:0 25px 0 25px;}
#sitetitle {font-size:20px;font-weight:bold;display:none;position:absolute;top:0;left:0}
#logo {position:absolute;top:12px;left:20px;width:131px;height:86px}

#logo h1 a {
display:block;
width:131px;
height:86px;
background:url(../img/logo.gif) no-repeat;
text-indent:-9999px;
}

ul#menu {position:absolute;left:274px;top:60px;list-style:none;margin:0;padding:0;height:24px;width:638px;}
ul#menu li {float:left;display:inline;height:24px;margin:0;padding:0;list-style:none}

ul#menu li.aboutus a {background: url(../img/bt_aboutus.gif) 0 0 no-repeat;width: 79px;}
ul#menu li.services a {background: url(../img/bt_services.gif) 0 0 no-repeat;width: 76px;}
ul#menu li.staff a {background: url(../img/bt_team.gif) 0 0 no-repeat;width: 88px;}
ul#menu li.gallery a {background: url(../img/bt_gallery.gif) 0 0 no-repeat;width: 105px;}
ul#menu li.media a {background: url(../img/bt_media.gif) 0 0 no-repeat;width: 64px;}
ul#menu li.news a {background: url(../img/bt_news.gif) 0 0 no-repeat;width: 52px;}
ul#menu li.contact a {background: url(../img/bt_contact.gif) 0 0 no-repeat;width: 94px;}

ul#menu li.divider {background: url(../img/bt_divider.gif) 0 0 no-repeat;width: 13px;}
ul#menu li a {display: block;height: 24px;text-indent: -999em;}

ul#menu li.aboutus a:hover, 
ul#menu li.services a:hover,
ul#menu li.staff a:hover,
ul#menu li.gallery a:hover,
ul#menu li.media a:hover,
ul#menu li.news a:hover,
ul#menu li.contact a:hover {background-position: bottom left;}

ul#menu li {
	float: left;
	display: inline;
	height: 24px;
	margin:0;
	overflow: hidden;
}


#calltoday {position:absolute;top:15px;right:0;text-align:right}

#flashbanner1 {position:relative;width:900px;height:335px;margin:0 25px 0 25px;background:#000}
#flashbanner2 {position:relative;width:900px;height:160px;margin:0 25px 0 25px;overflow:hidden;background:#000}

/* Middle Container */
#middle {position:relative;width:900px;margin:0 auto 15px auto;padding:0;text-align:left}

/* Middle Templates */
#col1 #content {width:900px;}
#col1 #pageContent {margin:0px;text-align:left}

#col2-left #content {width:737px;float:left;}
#col2-left #pageContent {margin:30px;}
#col2-left #sidebar1 {width:220px;float:left;display:inline;margin-top:15px;border-right-width: 1px;border-right-style: solid;border-right-color: #e7e7e7;}
#col2-left #box-templatelinks {margin:15px}
#col2-left #subnav {width:180px;margin:0;padding:0}

#col2-right #content {width:699px;float:left;}
#col2-right #pageContent {margin:15px 60px 15px 30px;}
#col2-right #sidebar1 {width:200px;float:left;display:inline;margin-top:15px;border-right:solid 1px #1e1e1e}
#col2-right #sidebar2 {width:170px;float:left;display:inline;margin-top:15px;border-left:solid 1px #1e1e1e}
#col2-right #subnav {width:180px;margin:0;padding:0}

#col2-gallery #content1 {width:435px;float:left;margin-right:30px}
#col2-gallery #content2 {width:435px;float:left;}


#col3 #content {width:528px;float:left;display:inline;padding:0;margin:0}
#col3 #pageContent {margin:15px 30px 15px 30px;}
#col3 #sidebar1 {width:200px;float:left;display:inline;margin-top:15px;border-right:solid 1px #1e1e1e}
#col3 #sidebar2 {width:170px;float:left;display:inline;margin-top:15px;border-left:solid 1px #1e1e1e;}
#col3 #box-templatelinks {margin:15px}
#col3 #subnav {width:180px;margin:0;padding:0}

/* Sidebars */

#h2-welcome h2  {display:block;width:238px;height:22px;background:url(../img/h2_welcome.gif) no-repeat;text-indent:-9999px;margin-bottom:10px;border:none}
#h3-ourservices h3 a {display:block;width:92px;height:14px;background:url(../img/h3_ourservices.gif) no-repeat;text-indent:-9999px;margin-bottom:15px}
#h3-news h3 a {display:block;width:92px;height:14px;background:url(../img/h3_news.gif) no-repeat;text-indent:-9999px;margin-bottom:15px}
#h3-smilegallery h3 a {display:block;width:96px;height:14px;background:url(../img/h3_smilegallery.gif) no-repeat;text-indent:-9999px;margin-bottom:15px}
#h3-ourteam h3 a {display:block;width:96px;height:14px;background:url(../img/h3_ourteam.gif) no-repeat;text-indent:-9999px;margin-bottom:15px}
#h3-calltoday h3 {display:block;width:262px;height:18px;background:url(../img/h3_calltoday.gif) no-repeat;text-indent:-9999px;margin-bottom:5px;margin-top:30px}

.box-text {margin:10px}
.box-textmrsglobe {margin:10px;width:80px}
#box-meetthestaff {border:solid 1px #1e1e1e;margin:5px 5px 10px 15px;font-size:11px;line-height:normal;color:#9ca08a}
#box-beautifulyou {border:solid 1px #1e1e1e;margin:15px 5px 10px 15px;font-size:11px;line-height:normal;color:#9ca08a}
#box-mrsglobe {position:relative;border:solid 1px #1e1e1e;margin:15px 5px 10px 15px;font-size:11px;line-height:normal;color:#9ca08a;height:135px}



#sidebar1 h2 {color:#5e5e5e}
#sidebar2 h2 {color:#5e5e5e}

/* Footer */
#footer {margin:0 25px;text-align:center;font-size:11px;color:#666}
#footer ul {margin-bottom:5px;}
#footer li {background:transparent none repeat scroll 0%;color:#9ca08a;display:inline;font-size:11px;list-style-type:none;margin:0;padding:0 3px;}
#footer ul li.separator {color:#9ca08a;}
#footer a:link, #footer a:visited {color:#9ca08a;font-size:11px;font-weight:normal;text-decoration:none;}
#footer li a:hover {color:#8a779a;font-size:11px;font-weight:normal;text-decoration:none;}
#footer li.active a:link,
#footer li.active a:visited,  
#footer li.active a:hover, 
#footer li.active a:active {color:#8a779a;}

#footer-seo {text-align:center;line-height:normal;margin:auto;width:900px;margin-top:10px;margin-bottom:15px}
#footer-seo h2 {color:#666666;font-size:10px;line-height:normal;border:none}

/* Homepage Content */

/* Gallery Content */
.gallery-case {margin:0 0 10px 0}
.gallery-case h2 , .media-item h2 {margin:0px 0 10px 0;}
.gallery-photos {float:left;width:168px;margin:0 15px 15px 0;line-height:normal}
.gallery-tn {border:solid 1px #1e1e1e;}
.gallery-before {float:left;margin-right:2px;text-align:center}
.gallery-after {float:left;text-align:center}
.gallery-caption {font-size:11px}

.media-item {margin:0 0 20px 0}
.media-photos {float:left;width:200px;margin:0 15px 15px 0;line-height:normal}
.media-tn {border:solid 1px #1e1e1e;}