html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(../charlestonstudios/media/bg1_01.jpg) repeat left top;
	font-family: "walkway expand ultra bold, Georgia, Verdana, Arial, Helvetica, sans-serif";
	font-size: 11px;
	color: #2A3239;
}

h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	letter-spacing: -2px;
	font-size: 36px;
	color: #696D83;
}

h1.h1-style1 {
	margin: 0px;
}

h2 {
	font-size: 18px;
}

h2.h2-style1 {
	font-size: 16px;
	color: #5A6182;
}

h3 {
	font-size: 16px;
	color: #435A8F;
	
}

h3.h3-style1 {
	font-size: 16px;
	color: #000000;
	margin-bottom: inherit;
	
}

h4 {
	font-size: 14px;
	color: #93935B;
	text-transform: uppercase;
	font-weight: normal;
}

p {
	margin-top: 0px;
	margin-bottom: 25px;
	text-align: justify;
	line-height: 24px;
	font-size: 1.4em;
	color: #4D4D46;
	
} 

ul {
	margin-top: 0px;
	margin-bottom: 25px;
	text-align: justify;
	line-height: 24px;
	font-size: 1.1em;
	
}

ol {
	margin-top: 0px;
	margin-bottom: 25px;
	text-align: justify;
	line-height: 24px;
	font-size: 1.1em;
	color: #000;
	
}

li.style-number {
	margin-top: 0px;
	margin-bottom: 25px;
	text-align: justify;
	line-height: 24px;
	font-size: 1.2em;
	color: #4D4D46;
	
}

p.style2 {
margin-top: 0px;
	margin-bottom: 25px;
	text-align: justify;
	line-height: 24px;
	font-size: 1.4em;
}

p.copy {
color: #62707F;
text-align: left;
font-size: 1.2em;
}

p.hidden {
color: #2E373E;
}


ul.ul-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 38px;
	margin-bottom: 15px;
	
	
}

ul.ul-style1 li {
	margin-bottom: 15px;
	font-size: 1.1em;
	
}

ul.ul-style1 img.alignleft {
	margin-right: 15px;
}

ul.ul-style2 {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	list-style: none;
	line-height: 14px;
	color: #B4B9CA;
	
}

ul.ul-style2 li {
	padding: 18px 20px;
	background: #CFCFA6;
}

ul.ul-style2 li.alt {
	background: #575B68;
}

ul.ul-style2 img.alignleft {
	margin-right: 15px;
}

ul.ul-style2 strong {
	color: #414A69;
}

ul.ul-style2 em {
	display: block;
	padding-top: 5px;
	font-style: normal;
	color: #988474;
}

ul.ul-style3 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
	font-size: 15px;

}

ul.ul-style3 li {
	padding: 7px 0px;
	background: url(../charlestonstudios/media/homepage19.gif) repeat-x left top;
	
}

ul.ul-style3 li.first {
	background: none;
}

ul.ul-style3 a {
	color: #AF9C8C;
}


ul.ul-contract {
	margin: 0px 0px 45px 0px;
	padding: 0px;
	list-style: circle;
	color: #000;
	font-size: 1.2em;
}

ul.ul-contract a{
	
	color: #F00;
	font-size: 1.2em;
}



ul.ul-style-support li {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
	
	color: #3B435F;
	list-style: circle;
	font-size: 1em;
}

ul.ul-style-support a {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	
	line-height: 14px;
	color: #3B435F;
	margin-bottom: 15px;
	font-size: 1.1em;
}






a {
	color: #881717; 
	
}

a:hover {
	text-decoration: none;
	
}

a img {
	border: none;
}

.more {
	padding: 9px 0px 0px 0px;
	border-top: 1px solid #DED8D8;
	line-height: normal;
}

.more a {
	display: block;
	height: 16px;
	padding: 0px 0px 0px 29px;
	background: url(../charlestonstudios/media/homepage16.gif) no-repeat left center;
}

img.border {
}

img.alignleft {
	float: left;
	margin: 0px 25px 20px 0px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	color: #fff; background-color: #fff; border: 1px dotted #F93; border-style: none none dotted;
}


/** LOGIN */


#logincontent {
	float: right;
	
	
	
}

.single #logincontent {
	background: none;
}

#login {

}

#login .logincontent {
	height: 131px;
	
}

#login form {
	margin: 0px;
	
}

#login fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#login .input-text {
	width: 170px;
	height: 20px;
	padding: 7px 5px 0px 5px;
	background: url(images/homepage20.gif) repeat-x left top;
	border: none;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #76888C;
}

#login .input-submit {
	float: right;
	width: 60px;
	height: 26px;
	background: url(images/homepage03.jpg) no-repeat left top;
	border: none;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#login ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#login li {
	margin-bottom: 10px;
}

#login a {
	float: left;
	padding-top: 5px;
}

#login ul {
	margin-top: 0px;
	margin-bottom: 22px;
	line-height: 20px;
	text-align: justify;
}





/** WRAPPER */

#wrapper {
	background: url(../charlestonstudios/media/bg1_02.jpg) repeat-x left top;
}

.container {
	width: 975px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-bg {
	background: url(../charlestonstudios/media/bg01.jpg) no-repeat center top;
}

#header {
	height: 237px;
}

/** MENU */

#menu {
	float: left;
	width: 475px;
	padding: 110px 0px 0px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	list-style: none;
}

#menu li {
	float: left;
	width: 104px;
	height: 23px;
	padding: 6px 0px 0px 26px;
	
}

/* Dynamic menu color */
#menu li.alt-services {
	background: url(../charlestonstudios/media/nav-alt-services.gif) repeat-y left top;
}
#menu li.alt-photography {
	background: url(../charlestonstudios/media/nav-alt-photography.gif) repeat-y left top;
}
#menu li.alt-security {
	background: url(../charlestonstudios/media/nav-alt-security.gif) repeat-y left top;
}
#menu li.alt-marketing {
	background: url(../charlestonstudios/media/nav-alt-marketing.gif) repeat-y left top;
}
#menu li.alt-design {
	background: url(../charlestonstudios/media/nav-alt-design.gif) repeat-y left top;
}
#menu li.alt-support {
	background: url(../charlestonstudios/media/nav-alt-support.gif) repeat-y left top;
}
#menu li.alt-content {
	background: url(../charlestonstudios/media/nav-alt-content.gif) repeat-y left top;
}
#menu li.alt-graphics {
	background: url(../charlestonstudios/media/nav-alt-graphics.gif) repeat-y left top;
}
#menu li.alt-about {
	background: url(../charlestonstudios/media/nav-alt-about.gif) repeat-y left top;
}
#menu li.alt-networking {
	background: url(../charlestonstudios/media/nav-alt-networking.gif) repeat-y left top;
}
#menu li.alt-consulting {
	background: url(../charlestonstudios/media/nav-alt-consulting.gif) repeat-y left top;
}
#menu li.alt-contact {
	background: url(../charlestonstudios/media/nav-alt-contact.gif) repeat-y left top;
}
#menu li.alt-hosting {
	background: url(../charlestonstudios/media/nav-alt-hosting.gif) repeat-y left top;
}
#menu li.alt-contract {
	background: url(../charlestonstudios/media/nav-alt-contract.gif) repeat-y left top;
}
#menu li.alt-pricing {
	background: url(../charlestonstudios/media/nav-alt-pricing.gif) repeat-y left top;
}
#menu li.alt-marketing_plan {
	background: url(../charlestonstudios/media/nav-alt-marketing_plan.gif) repeat-y left top;
}
#menu li.alt-terms {
	background: url(../charlestonstudios/media/nav-alt-terms.gif) repeat-y left top;
}




#menu a {
	text-decoration: none;
	text-transform: lowercase;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	color: #BEB263;
}

#menu a:hover {
	border-bottom:1px dotted;
}

/** PAGE */

#page-bg {
	background: url(../charlestonstudios/media/bg03.jpg) repeat-y center top;
}



/* dynamic page backgrounds */
#page-bgtop-homepage {
	background: url(../charlestonstudios/media/bg02.jpg) no-repeat center top;
}

#page-bgtop-marketing {
	background: url(../charlestonstudios/media/bg02-marketing.jpg) no-repeat center top;
}

#page-bgtop-security {
	background: url(../charlestonstudios/media/bg02-security.jpg) no-repeat center top;
}

#page-bgtop-design {
	background: url(../charlestonstudios/media/bg02-design.jpg) no-repeat center top;
}

#page-bgtop-services {
	background: url(../charlestonstudios/media/bg02-services.jpg) no-repeat center top;
}
#page-bgtop-photography {
	background: url(../charlestonstudios/media/bg02-photography.jpg) no-repeat center top;
}

#page-bgtop-contact {
	background: url(../charlestonstudios/media/bg02-contact.jpg) no-repeat center top;
}

#page-bgtop-about {
	background: url(../charlestonstudios/media/bg02-about.jpg) no-repeat center top;
}
 
#page-bgtop-consulting {
	background: url(../charlestonstudios/media/bg02-consulting.jpg) no-repeat center top;
}

 
#page-bgtop-networking {
	background: url(../charlestonstudios/media/bg02-networking.jpg) no-repeat center top;
}

#page-bgtop-content {
	background: url(../charlestonstudios/media/bg02-content.jpg) no-repeat center top;
}

#page-bgtop-graphics {
	background: url(../charlestonstudios/media/bg02-graphics.jpg) no-repeat center top;
}

#page-bgtop-support {
	background: url(../charlestonstudios/media/bg02-support.jpg) no-repeat center top;
}

#page-bgtop-contract {
	background: url(../charlestonstudios/media/bg02-contract.jpg) no-repeat center top;
}
#page-bgtop-hosting {
	background: url(../charlestonstudios/media/bg02-hosting.jpg) no-repeat center top;
}
#page-bgtop-pricing {
	background: url(../charlestonstudios/media/bg02-pricing.jpg) no-repeat center top;
}
#page-bgtop-marketing_plan {
	background: url(../charlestonstudios/media/bg02-marketing_plan.jpg) no-repeat center top;
}
#page-bgtop-terms {
	background: url(../charlestonstudios/media/bg02-terms.jpg) no-repeat center top;
}



#page {
}

.single #page-bg {
	background-image: url(../charlestonstudios/media/subpage2_02.jpg);
}

.single #page-bgtop {
	background-image: url(../charlestonstudios/media/subpage2_01.jpg);
}

.single #page {
	width: 925px;
	padding: 25px 25px 0px 25px;
}

/** CONTENT */

#content {
	float: right;
	width: 650px;
	padding: 25px 25px 0px 0px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 275px;
}

/** BOX STYLE COMMON */

.title {
	height: 27px;
	margin: 0px;
	padding: 11px 0px 0px 23px;
	color: #FFFFFF;
}

.entry {
	padding: 15px;
}

/** BOX STYLE 1 */

.box-style1 {
	padding: 30px 0px 0px 0px;
}

/* Dynamic Images */
.box-style1 .title-homepage {
	background: url(../charlestonstudios/media/homepage.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}
.box-style1 .title-marketing {
	background: url(../charlestonstudios/media/marketing.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-security {
	background: url(../charlestonstudios/media/security.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-design {
	background: url(../charlestonstudios/media/design.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-services {
	background: url(../charlestonstudios/media/services.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-photography {
	background: url(../charlestonstudios/media/photography.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE; 
}

.box-style1 .title-contact {
	background: url(../charlestonstudios/media/contact.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-about {
	background: url(../charlestonstudios/media/about.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-consulting {
	background: url(../charlestonstudios/media/consulting.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-content {
	background: url(../charlestonstudios/media/content.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-networking {
	background: url(../charlestonstudios/media/networking.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
	
}

.box-style1 .title-graphics {
	background: url(../charlestonstudios/media/graphics.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-support {
	background: url(../charlestonstudios/media/support.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-contract {
	background: url(../charlestonstudios/media/contract.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}


.box-style1 .title-hosting {
	background: url(../charlestonstudios/media/hosting.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}


.box-style1 .title-pricing {
	background: url(../charlestonstudios/media/pricing.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-marketing_plan {
	background: url(../charlestonstudios/media/marketing_plan.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}

.box-style1 .title-terms {
	background: url(../charlestonstudios/media/terms.gif) repeat left top;
	padding: 10px 10px 10px 10px;
	color: #C2DDFE;
}
 

/** BOX STYLE 2 */

.box-style2 {
	padding: 25px 0px 0px 0px;
}

.box-style2 .title {
	background: url(../charlestonstudios/media/homepage15.gif) repeat left top;
}

/** BOX STYLE 3 */

.box-style3 {
}

.box-style3 .title {
	background: url(../charlestonstudios/media/homepage18.gif) repeat left top;
}

.box-style3 .more {
	background: url(../charlestonstudios/media/homepage19.gif) repeat-x left top;
	border: none;
}

.box-style3 .more a {
	background-image: url(../charlestonstudios/media/homepage20.gif);
}

.box-style3 a {
	color: #AF9C8C;
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
}

/** BOX3 */

#box3 {
	float: left;
	width: 300px;
}

/** BOX4 */

#box4 {
	float: left;
	width: 300px;
	margin-left: 25px;
}

/** BOX5 */

#box5 {
	height: 135px;
	padding: 0px 25px 0px 25px;
	
}

#box5 p {
	margin-bottom: 15px;
	text-align: left;
	text-transform: lowercase;
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #E8E3D8; 
}

#box5 strong {
	font-weight: normal;
	color: #FFFFFF;
}

#box5 .more {
	padding: 0px;
	border: none;
}

#box5 .more a {
	background-image: url(../charlestonstudios/media/homepage17.gif);
	font-size: 14px;
	color: #FFFFFF;
}



/** BOX6 */

#box6 {
	height: 295px;
	padding: 33px 25px 0px 25px;
	color: #FFFFFF;
}

#box6 a {
	color: #FFFFFF;
}

/** BOX7 */

#box7 {
	height: 300px;
	padding: 10px 2px 0px 0px;
	color: #FFFFFF;
}

/** BOX8 */

#box8 {
}

/** BOX9 */

#box9 {
	padding: 0px;
}





/** FORMS */

#formtext {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}





#form {
	width: 590px;
	margin: 0px;
	padding: 20px 20px 20px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #3C4C4D;
	text-overflow: ellipsis;
	border: 0.1em dotted #27BEC4;
}

#form.ptext {
color: #000000;
font-size: 1.2em;
}

 
#select {
	width: 250px;
	padding: 1px 2px;
	background: #ffffff;
	border: none;
	border-bottom: 1px solid #627573;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-overflow: ellipsis;
} 
 
 
#inputtext {
	width: 250px;
	padding: 1px 2px;
	background: #ffffff;
	border: none;
	border-bottom: 1px solid #627573;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-overflow: ellipsis;
	
}

#inputsubmit {
	width: 45px;
	height: 18px;
	background: url(../charlestonstudios/images/homepage03_am.gif) no-repeat left top;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

#radio {
background-color: white;
border: white 1px solid;
color: #000000;
font-family: arial, verdana, ms sans serif;
font-size: 12pt;
font-weight: normal;
width: 150px;
text-overflow: ellipsis;
}

#textarea {
background-color: white;
border: white 1px solid;
color: #000000;
font-family: arial, verdana, ms sans serif;
font-size: 12pt;
font-weight: normal;
width: 150px;
text-overflow: ellipsis;
}
 


.bl {background: url(../charlestonstudios/media/bl.gif) 0 100% no-repeat #E0E0AD; width: 28em}
.br {background: url(../charlestonstudios/media/br.gif) 100% 100% no-repeat}
.tl {background: url(../charlestonstudios/media/tl.gif) 0 0 no-repeat}
.tr {background: url(../charlestonstudios/media/tr.gif) 100% 0 no-repeat; padding:7px}
.clear {font-size: 1px; height: 1px} 

.bl-contract {background: url(../charlestonstudios/media/bl.gif) 0 100% no-repeat #E0E0AD; width: auto}
.br-contract {background: url(../charlestonstudios/media/br.gif) 100% 100% no-repeat}
.tl-contract {background: url(../charlestonstudios/media/tl.gif) 0 0 no-repeat}
.tr-contract {background: url(../charlestonstudios/media/tr.gif) 100% 0 no-repeat; padding:7px}
.clear-contract {font-size: 1px; height: 1px} 



/** FOOTER */

#footer {
	height: 180px;
	background: url(../charlestonstudios/media/bg04.jpg) no-repeat center top;
}

.single #footer {
	background-image: url(../charlestonstudios/media/subpage2_03.jpg);
}

#footer p {
	margin: 0px;
	padding: 55px 0px 0px 0px;
	text-transform: lowercase;
	text-align: right;
	color: #BEC1A0;
	font-size: 1.2em;
	text-decoration: none;
}

#footer a {
	padding: 0px 5px;
	color: #BEC1A0;
	font-size: 1.2em;
	text-decoration: none;
}

#footer a:hover {
	padding: 0px 5px;
	color: #BEC1A0;
	font-size: 1.2em;
	text-decoration: underline;
}