/* Sound Image Video */


body {
    margin: 5px;
    position:relative;
    background: #ebebeb url('../media/shadow_800.jpg') repeat-y center;
    text-align: center;	/* For centering the div in IE */
    font: 74% Georgia, "Times New Roman", Times, Serif;;
}

#container {
    margin:0 auto 20px auto;
    width: 800px;
    min-width: 800px;	
    text-align: left; /* Fall out of IE centering */

}

* html #container { padding-left: 50px;}

#header {overflow:auto;}
* html #header {margin-bottom:10px;}

#header h1 { 
	position: absolute;
	display: block;
	color: black;
	letter-spacing: -1px;
	left: 170px;
	
}

#header h2 { 
	position: center;
	color: #000000;
	margin-top: 25px;
}

#header p { margin-bottom: 0; }
#header h1 a { color: #555; text-decoration: none; }
#header h1 a:hover, #header h1 a:visited { color: #666; }
#header #title {display:none;}

#header li { list-style-type:none; display:inline; float: right;}

td {font: 100% Arial, sans-serif; line-height: 140%;}
* html td {font: 76% Verdana, Arial, sans-serif; line-height: 140%;}
img {border: none;}
img.guide {margin: 10px 0;}

strong {font-weight:bold;}

#logo {float:left;margin: 10px 0px 10px 5px;}


#topnav { margin-top: 5px;  float: right;	list-style: none;	padding: 5px 25px 0px 25px; height: 24px; margin-bottom: 0px;}
#topnav li { padding-left: 9px; list-style: none; float: left; height:16px; color: white;	text-align:center;	 }
* html #topnav li { height:26px }
#topnav li a { text-decoration: none; font-weight: bold; color:#333; border: none; display: block; }
#topnav li a:hover { text-decoration: none; }

#summary {
    width: 800px;
    height: 320px;
    background: url('../media/blackblock_800.jpg') no-repeat;
    color: #00;
    margin: 0 0 5px 0;
	padding-bottom: 5px;
}

#summary h1{
    font-size:20px;
    font-weight: bold;
    margin:0;
    padding:0;
    padding-top: 10px;
    padding-left:30px;
}
#summary div.header_content {
float: left;
width: 360px;
    font-size:16px;
    padding-left:30px;
    padding-right:20px; 
    padding-top:0px;
    height:115px;
}

* html #summary div.header_content {
    height:145px;
}
img.screenshot {
    float:right;
}
.signup_button {
    margin-left: -5px;
    margin-top: 10px;
}
#sidebar {
    float:right;
    width:300px;
	padding-right: 5px;
    margin: 0 0 10px 0;
}
#sidebar .box {
    margin-bottom:10px;
    margin-top:10px;
    float:right;
    width:260px;
    background: #d5d5d5 url('../media/greycurve.gif') no-repeat bottom left;
}
.side_content {
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
}
#maincontent {
    float:left;
    width: 460px;
    margin: 28px 10px 10px 0;
	padding-left: 20px;
}

#leftcol em { font-size: 12px; color: #666666}


.grad {
	background: url('../media/redcurve.jpg') no-repeat top;
	width:260px;
	height:37px;
	float:left;
}
.grad h1 {
	margin:0px;
	padding:0px;
	color: #ffffff;
	font-size:130%;
	margin-top:7px;
	margin-left:10px;
}
.grey {
	width:600px;
	background: url('/media/greyheader.jpg') no-repeat top;
	height:37px;
}
.grey h1 {
	color:#000000;
	margin-top:7px;
	margin-left:20px;

}
.content {
	float:left;
	width: 600px;
	margin: 10px 10px 10px 0;
}
.side_content {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.content .text_content {
	padding-left:20px;
	padding-top:10px;
	float:left;
}

.break {height: 1px; background:#0099FF; border-bottom: solid 1px #0099FF; border-right: solid 10px #666666; width: 90%; position:relative;}


.li-team { list-style-type: none;
padding: 5px;}

.li-team li{ margin: 0 0 7px 20px;
}

.teamR {padding: 0 0 15px 0}

/*  Box News */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
 background: transparent url(../media/whitenewsbox.png) no-repeat bottom right; } 

.cssbox { width: 260px !important; /* intended total box width - padding-right(next) */ 
width: 245px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0 auto; /* use to position the box */ } /* set the top-right image */ 

.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.cssbox_head h2 { 
background-position: top left;
color: #0099FF;
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */
padding: 25px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 

.cssbox_body { 
background-position: bottom left; 
margin-right: 15px; /* interior-padding right */ 
padding: 5px 0 15px 20px; /* mirror .cssbox_head right/left */ } 

/*  END Box News  */


#footer {float:left;margin:25px 0 10px 0;padding:5px 0 0 0; border-top: 1px solid #d2d2d2;
	font-size:10px;	width:100%;color: #b3b3b3;}
	
#footer .bottommenu {margin:0 25px 0 25px; width: 100%;}
#footer .bottommenu a {color:silver;font-weight:normal;text-decoration:underline;}
#footer .bottommenu a:hover {color:silver;text-decoration:underline;}

#footer .bmenuitem { width:25%; float: left;}
#footer .ul { list-style: none; }
#footer li { list-style: none; list-style-image: none; }
#footer .li { list-style: none; list-style-image: none; }

#footer .content {margin:0 0 0 15px;width: auto;}
#footer .content a {color:silver;font-weight:normal;text-decoration:underline;}
#footer .content a:hover {color:silver;text-decoration:underline;}
#footer .copyright {float:left; margin: 0 0 0 15px;}

/* Above = homepage + general -- Below = Not header page */

#psummary {background: url('../media/black_pageblock_800.jpg') no-repeat;width:785px;height:55px;padding-left: 15px; background-color:#000000;}


#studio {

    width: 800px;
    height: 250px;
    background: url('../media/redblock.jpg') no-repeat;
    color: #00;
    margin: 0 0 5px;
}


#psummary h1, #studio h1 {font-size:20px;font-weight:normal;color:#fff;margin:5px 0 5px 15px;padding:0;}


#buttons {float: right;margin:0 20px 0 0;background: url(../media/nav_bg--.gif) repeat-x;}
#buttons.notopnav {margin-top:30px;}



h2 {font-size:15px;font-weight:bold;margin: 15px 0 3px 0;padding:0;}
h2 a, h2 {text-decoration:none;color:#000}
h2 a:hover {text-decoration:underline;}
h3 {font-size:14px;}

#toplink {text-align:right;width:760px;height:15px;padding:2px 15px 2px 5px;margin:0 0px 0 0;background:#f7f7f7; /*url(/media/toplink_bg.gif) 0 0 repeat-x;*/}
* html #toplink {height:20px; width:780px;}
#toplink a {font-weight:normal;font-size:11px;color:#666;text-decoration:none;}
#toplink a:hover {color:#000;text-decoration:underline;}


#leftcol {float:left;width:500px;margin-left:15px;} 
#rightcol {float:right;width:250px; height:100%;}
#clientcol {float:left;width:750px;margin-left:15px;} 


.colpad {	padding:14px 0 0 15px; }
.main h3 { background: #0099FF; color: white; font-size: 13px; font-weight: bold;}
.main h3 span {padding-left:7px;}
#topc {text-align: center; width:500px;}
#leftc {float: left; width:240px; margin-right:10px}
#rightc {float: right; width:240px; margin-left: 10px}
.spotlight {font-size:11px;background: 0 0 no-repeat;width:200px;height:150px;padding:10px;margin:15px 0 0 0px;}
.homepage .spotlight {font-size:11px;background-image:url(/media/spotlight.gif);width:225px;}
* html .spotlight {height:170px;}
.spotlight h3 {font-size:14px;margin:0 0 0px 0;padding:0;color:#0099FF;}
.spotlight ul {margin:0 0 0 0px;padding:0;list-style-type:none;}
.spotlight ul li {margin:0 0 5px 0;padding:2px 0 0 10px;border-top:1px solid #E3DAC5;}
.spotlight ul li a {font-size:13px;text-decoration:none;font-weight:normal;color:#000;}
.spotlight ul li a:hover {text-decoration:underline}
.contact, .rightcolbox {font-size:11px;height:150px;margin-top:0px;padding:10px;background:url(/media/contact_bg.gif) 0 0 no-repeat;}
.rightcolbox {background-image:url(/media/rightcol_bg.gif)}
.contact h3,.rightcolbox h3 {font-size:14px;color:#0099FF;margin:0 0 15px 0;}
a {color: #993300;font-weight: bold;}
a:hover {color: #FFFFFF;font-weight: bold; background:#3399FF;}

#navigation {width:480px;height:25px;}


.postmetadata a {font-size:10px;color:#666;}
p.postmetadata {text-align:right;}
p img.floatl {float: left; margin: 3px 10px 0 0; }
label .b {font-weight:bold;}
textarea {width:460px;}

table.form td {	padding-bottom: 8px;vertical-align:top; }
table.form td.help {padding: 0 10px;}
.register label, .register input {
	width: 220px;
}
.register label {
	display:block;
	text-align: right;
	width: 150px;
	padding-right: 15px;
}

.onecolumn #leftcol {width:700px;}
.onecolumn #rightcol {display:none;}
.register fieldset {border:none;}

.PhorumStdTable {width:700px;margin:10px 0;}
.PhorumStdTable td, .PhorumStdTable th {padding:0 10px 5px 0;}


/* comment clients */

.comment {padding-bottom:7px;padding-top:7px;margin-bottom:7px;margin-top:7px;position:relative;}
.comment-content {padding:10px 0 10px 14px;}
.thanksforcommenting p,
.comment-content p  {font: Georgia, "Times New Roman", Times, Serif; padding-bottom:12px;}
.comment-content ul {list-style:none;margin:0 0 6px 10px;padding:2px 10px 2px 4px;}
.comment-content ul li {
	font:normal 11px/15px Georgia, "Times New Roman", Times, Serif;;
	background:transparent url(i/bg_li.gif) no-repeat 0px 4px;
	padding:0 0 8px 12px;
	color:#4a1200;
	}
.comment-content ol {margin:0 0 6px 24px;padding:2px 10px 2px 12px;}
.comment-content ol li {
	font:normal 11px/15px Georgia, "Times New Roman", Times, Serif;;
	padding:0 0 8px 0;
	color:#4a1200;
	}
.comment-header {font:bold 16px/22px Georgia, "Times New Roman", Times, Serif;}

.client {background:transparent;padding:19px 0 0 0;}
.client .imgauthcomment {position:absolute;top:0;right:0;}
.client .comment-header {
	background:#0099FF;
	color:#fff;
	padding:6px 2px 4px 16px;
	}
.client .comment-content {
	background:#f1edec;
	padding-right:10px;
	}
.client .comment-footer {
	margin-top:0;
	background:#f1edec;
	padding:6px 10px;
	}




/* Misc stuff that gets dumped in */

.text_content  h3 { color: #0099FF; font-weight: bold; padding: 0px 0 5px 5px !important; margin: 0px; line-height:110%; border-bottom: 1px solid #A53738; width: 90%; font-size: 18px;}
.text_content img { margin-bottom: 35px; }

.newsDate { width: 50px; }