@charset "utf-8";
/* main.css -- ce3media */

html {
	background: black url('images/menubg.jpg') center 57px no-repeat;
	padding: 0;	margin: 0;
	font-family: Futura, Trebuchet MS, Helvetica, sans-serif;
	font-size: 0.875em; /*default size set to 14px*/
	color: white;
}

body {
	width: 900px;
	background: transparent;
	padding: 0; margin: 0px auto 0px auto;
	position: relative;
}

h1, h2 {color: white;}
h3 {color: #DDD;}
p {color: #888; font-size: 0.857em} /* 12/14=0.875em */

a {text-decoration: none;}
a, a:link, a:visited {color: #BD2;}
a:hover {text-decoration: underline;}

img {border: none;}

/***** TITLEBAR *****/
#titlebar {
	background: transparent url('images/ce3medialogo.png') bottom left no-repeat;
	position: relative;
	height: 80px;
	margin: 0 0 30px 0;
}
#titlebar h1 {
	margin: 0; padding: 0;
	text-indent: -9999px;
}
#titlebar h1 a {
	display: block;
	height: 90px; width: 275px;
}
#titlebar h2 {
	position: absolute;
	right: 20px; top: 10px;
	letter-spacing: 0.3em;
}

 
/***** MAINMENU *****/
#mainmenu {
	position: absolute;
	top: 59px; right: 10px;
}

#mainmenu ul {padding: 0; margin: 0;}

#mainmenu li {
	display: inline; float: left;
	font-size: 0.9em;
	height: 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 2px solid #CCC;
	padding: 2px 2px 0 2px;
}
.menuend {border-right: 0 !important;}

#mainmenu a {margin: 0; padding: 2px 5px;}

#mainmenu ul a {text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold;}

.currentpage {color: #bd2 !important;}
a.currentpage:hover {color: #fff !important;}
#mainmenu a:hover {color: #888 !important;}

/***** MAIN *****/
#main {clear: both;}
h3.intro {font-size: 0.9em; font-weight: normal;}

/***** PAGECOPY *****/
#pagecopy {
	width: 600px;
	float: left;
}

div.pillar {float: left;}
div.pillar img {float: left; padding-right: 10px;}
div.pillar h2 {
	text-transform: uppercase;
	margin: 0; padding: 0;
}

dt {color: white; font-size: 1.3em; font-weight: bold; padding-top: 1em;}
dd {color: #888; font-size: 0.857em;}

/***** SITEBOX *****/
#sitebox {
	width: 280px;
	float: right;
}

#sitebar-top {
	display: block;
	height: 80px;
	background: url('images/sitebar-top.png') top left no-repeat;
}
#sitebar-bot {
	display: block;
	height: 56px;
	background: url('images/sitebar-bot.png') top left no-repeat;
}

#sitebox h2, .accordion_content {
	width: 256px;
	border-left: 2px solid #888;
	border-right: 2px solid #888;
	}
#sitebox div {
	margin-top: 0; margin-bottom: 0;
}

.accordion_toggle {
	display: block;
	height: 38px;
	width: 260px;
	margin: 0; padding: 0 10px;
	text-indent: -9999px;
	line-height: 30px;
	outline: none;
	cursor: pointer;
}

.accordion_content {
	margin: 0; padding: 0 10px 0 10px;
	overflow: hidden;
	background: #222 url('images/sitebar-bg.png') top left repeat-y;
}

.accordion_toggle.acc-quote {background: url('images/sitebar-quote-closed.jpg') top left no-repeat;}
.accordion_toggle_active.acc-quote {background: url('images/sitebar-quote-open.jpg') top left no-repeat;}
.accordion_toggle.acc-client {background: url('images/sitebar-clients-closed.jpg') top left no-repeat;}
.accordion_toggle_active.acc-client {background: url('images/sitebar-clients-open.jpg') top left no-repeat;}
.accordion_toggle.acc-project {background: url('images/sitebar-project-closed.jpg') top left no-repeat;}
.accordion_toggle_active.acc-project {background: url('images/sitebar-project-open.jpg') top left no-repeat;}
.accordion_toggle.acc-portfolio {background: url('images/sitebar-portfolio-closed.jpg') top left no-repeat;}
.accordion_toggle_active.acc-portfolio {background: url('images/sitebar-portfolio-open.jpg') top left no-repeat;}
.accordion_toggle.acc-blog {background: url('images/sitebar-blog-closed.jpg') top left no-repeat;}
.accordion_toggle_active.acc-blog {background: url('images/sitebar-blog-open.jpg') top left no-repeat;}

.accordion_content p, 
.accordion_content h3,
.accordion_content h4,
.accordion_content h5,
.accordion_content li {color: white !important;}

.accordion_content h4 {margin: 0;}

/*** SITEBOXFORM ***/
#siteboxform input, 
#siteboxform textarea {
	font-family: Futura, Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 250px;
}
.captchacode {
	background: #333; 
	font-size: 1.5em; 
	text-align: center;
	padding: 0 45px;
}
input.sb-code {width: 100px !important; position: relative; left: 25px;}
input.sb-submit {width: 100px !important; position: relative; left: 155px;}

#imgrotate {text-align: center; height: 236px;}
#imgrotate img {padding: 10px 0;}

#miniportfolio {
	text-align: center; 
	height: 130px;
	padding-top: 10px;
}
#miniportfolio img {padding: 2px;}

/***** BLOG *****/
#sidebar {
	width: 300px;
	float: right;
}
#sidebar li {list-style-type: none;}
#comment {width: 570px;}

.post {clear: both; padding-top: 10px;}

/***** PORTFOLIO *****/
#portfolio {
	background: url('images/portfolio-box.jpg') top left no-repeat;
	height: 451px;
	text-align: center;
	padding-top: 25px;
}
#portfolio img {padding: 5px;}

#clientbox {
	clear: both;
	display: block;
	height: 175px;
	background: url('images/portfolio-clientbox.jpg') top left no-repeat;
	position: relative; top: 15px;
}
#clientbox ul {
	position: relative; top: 20px; left: 15px; 
	margin: 0; padding: 0;
}
#clientbox li {display: block; float: left; width: 180px;}
#clientbox li a {color: #CCC !important;}
#clientbox li.header {
	text-transform: uppercase; 
	color: white; 
	font-size: 1.5em; line-height: 0.6em; font-weight: heavy;
	margin: 0; padding: 0; 
}

/***** CONTACT *****/
#contactform {
	background: url('images/contact-formplate.png') top left no-repeat;
	height: 411px;
}
#c-form {
	position: relative; 
	top: 20px; left: 10px;
	font-family: Helvetica, sans-serif;
}
#contactform p {color: white;}

#c-form input, #c-form span, #c-form select {position: relative;}
#c-form input, #c-form select {width: 190px;}
.c-org {left: 20px;}
.c-name {left: 22px;}
.c-email {left: 78px;}
.c-phone {left: 51px;}
.c-method {left: 58px;}
.c-time {left: 44px;}

/***** FOOTER *****/
#footer {
	clear: both;
	padding: 10px 0 0 0; margin: 0;
	text-align: center;
}


/***** CLASSES *****/
.noborder {border: none !important;}
.notop {margin-top: 0;}
.nolink {text-decoration: none;}

.large {font-size: 1.5em;}
.caps {text-transform: uppercase;}

.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.clear {clear: both;}

.textr {text-align: right;}
.center {text-align: center;}

.hidden {
	display: none;
	visibility: hidden;
}