/*
Title: Trapik Media Website Style
Author: TrapikMedia.com
Version: 0.8.2
Last Modified: July 27, 2006
*/
@import "sIFR-screen.css"/*flash replacement for better fonts*/;


*{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font: 12px/130% /* "Bitstream Vera Sans",  */"Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #960;
	color: #444;
}

p{
	padding: 5px;
}
abbr{
	border-bottom: 1px dotted #000;
}
h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

.linkto{
	font:12px/130% Georgia, "Times New Roman", Verdana, Arial, sans-serif;
	margin-top: 10px;
	background-color: inherit;
	text-decoration: none;
	color: #c30;
	border-bottom: 1px dotted #ee9414;
}
.linkto:hover{
	border-bottom: none;
}
a:active, a:visited, a:link{
	color: #f60;
	background-color: inherit;
	outline: none;
}
a:hover{
	text-decoration: none;
}

.lister {
 list-style:disc; padding: 20px 20px 5px 20px;  
}

ul.normlist{
	list-style: none;
	padding-left: 10px;
}
ul.normlist li{
	display: block;
	margin-bottom:5px;
	padding-left: 20px;
	background: #fff url(images/li_bg.gif) top left no-repeat;
	color: inherit;
}
ol{
	margin-left:40px;
}

/*services*/
ul.servlist{
	margin-left: 10px;
	list-style: none;
}
ul.servlist li{
	display: block;
	margin-top:10px;
}
ul.servlist li a{
	text-decoration: none;
	display: block;
	height: 40px;
	clear: both;
	border: 1px solid #ffe5cc;
	padding: 5px;
	color: #c30;
	background-color: #fff;
}
ul.servlist a:hover{
	background-color: #ffe5cc;
	border: 1px solid #eee;
	color: #444;
}
ul.servlist img{
	margin-right: 10px;
}
/*headings*/
h1.titles{
	margin: 0 0 10px 0;
	padding-top: 3px;
	font-size: 23px;
	text-align: justify;
	padding-bottom: 3px;
	color: #c30;
	background-color: inherit;
}

h1.logo{
	float: left;
	width:500px;
	display: inline;
	margin: 10px 0 10px 0;
	padding-top: 3px;
	height: 30px;
	font-size: 25px;
	padding-bottom: 3px;
	color: #c30;
	background-color: inherit;
}

h2.post{
	font-size: 15px;
	margin: 0;
	line-height: 15px;
	letter-spacing: 10px;
	clear: both;
}
h2.tfolio{
	font-size: 15px;
	margin: 0;
	height:30px;
	line-height: 15px;
	letter-spacing: 10px;
	clear: both;
}

h2.pagetitle{
	margin: 0 0 10px 0;
	padding-top: 3px;
	font-size: 18px;
	text-align: justify;
	padding-bottom: 3px;
	color: #c30;
	background-color: inherit;
}

h3.title3{
	margin: 0 0 10px 0;
	padding-top: 3px;
	font-size: 18px;
	text-align: justify;
	padding-bottom: 3px;
	color: #c30;
	background-color: inherit;
}


blockquote{
	margin: 20px auto;
	width: 360px;
	padding: 10px;
	font:12px/110% Georgia, "Times New Roman", Verdana, Arial, sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align: justify;
	background-color: #ffffcc;
	color: #c30;
	border: 1px solid #ffcc80;
}
/*Main Containers*/
#topbar{
	border-top: 5px solid #000;
	background-color: #fff;
	color: #000;
}
#container{
	width: 100%;
	background-color: #fff;
	color: #000;
	border-top: 5px solid #000;
	text-align: center;
}
#header{
	margin: 0 auto;
	width: 740px;
	padding-top: 20px;
	clear: both;
}
#content{
	margin: 0 auto;
	width: 740px;
	clear: both;
	text-align: justify;
}
#leftpanel{
	width: 460px;
	float: left;
	display: inline;
        padding-left: 10px;
        padding-right: 10px;
}
#rightpanel{
	padding: 5px;
	float: left;
	display: inline;
	background: #fff url(images/rightbg.jpg) top left no-repeat;
	color: inherit;
}
#rightpanel[id]{
	width: 250px;
}
#footer{
	clear: both;
	background: #960 url(images/footerbg.jpg) top left repeat-x;
	color: #fff;
	font-size: 10px;
	overflow: hidden;
	text-align: center;
}
#footer div{
	margin: 20px auto;
	width: 740px;
	text-align: center;
}
#footer div a{
	color: #fff;
	background-color: inherit;
}
/*quick navigation*/
.quickmenu{
	background-color: #000;
	color: #fff;
}
.menu_off{
	float: right;
	clear: both;
	display: block;
	width: 70px;
	height: 20px;
	background: #fff url(images/quick.gif) bottom left no-repeat;
	text-indent: -9999px;
	color: #000;
}
.menu_on{
	float: right;
	clear: both;
	display: block;
	width: 70px;
	height: 20px;
	background: #fff url(images/quick.gif) top right no-repeat;
	text-indent: -9999px;
	color: #000;
}
.menu_off:hover{
	background: #fff url(images/quick.gif) top left no-repeat;
	color: #000;
}
.blogbits{
	width: 740px;
	margin: 0 auto;
}
/*main navigation*/
img#logo{
	width: 100px;
	height: 55px;
	margin-right: 20px;
	float: left;
	display: inline;
}
#menu{
	clear: both;
	margin: 0 auto;
	height:55px;
	width:740px;
	background: #fff url(images/nav.gif) top left no-repeat;
	border-bottom: 5px solid #c90;
	color: #000;
}
#menu ul{
	list-style: none;
}
#menu li{
	float: left;
	display: inline;
}
#menu li a{
	display:block;
	width: 148px;
	height: 55px;
	text-indent: -9999px;
}
#menu li a:hover{
	background-image: url(images/nav.gif);
}

li#n1 a:hover{
	background-position: 0 -55px;
}
li#n2 a:hover{
	background-position: -148px -55px;
}
li#n3 a:hover{
	background-position: -296px -55px;
}
li#n4 a:hover{
	background-position: -444px -55px;
}
li#n5 a:hover{
	background-position: -592px -55px;
}

#sec1 li#n1 a{
	background-image: url(images/nav.gif);
	background-position: 0 -55px;
}
#sec2 li#n2 a{
	background-image: url(images/nav.gif);
	background-position: -148px -55px;
}
#sec3 li#n3 a{
	background-image: url(images/nav.gif);
	background-position: -296px -55px;
}
#sec4 li#n4 a{
	background-image: url(images/nav.gif);
	background-position: -444px -55px;
}
#sec5 li#n5 a{
	background-image: url(images/nav.gif);
	background-position: -592px -55px;
}

a#back2top{
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	width: 120px;
	height: 25px;
	background: #fff url(images/backtotop.gif) bottom left no-repeat;
	color: #000;
}
a#back2top:hover{
	background: #fff url(images/backtotop.gif) top left no-repeat;
	color: inherit;
}

/*blog lines*/
#leftpanel p{
	padding-left: 0;
}

/*team moo-fx box styles, eat your green leafy vegetables*/
 #teams{
	font-size: 11px;
	margin-left: 10px;

}
div.tab{
	text-indent: -9999px;
	clear: both;
	width: 250px;
	height: 50px;
	margin-bottom: 5px;
	margin-top: 5px;
}
div#teamicon1{
	background:#fff url(images/team1.gif) top left no-repeat;
	color: #000;
}
div#teamicon2{
	background:#fff url(images/team2.gif) top left no-repeat;
	color: #000;
}
div#teamicon3{
	background:#fff url(images/team3.gif) top left no-repeat;
	color: #000;
}
div.box{
	clear: both;
	background-color: #ffe5cc;
	width: 250px;
	color: #c30;
	border: 1px solid #ffcc80;
}
/*hidden header styles*/
#search{
	float: left;
	height: 30px;
}
#search input{
	background-color: #333;
	color: #fff;
	font-size: 10px;
	height: 15px;
}
#textctrl{
	float: right;
	height: 30px;
	font-size: 10px;
}
/*secondary pages tidbits*/
img.pageimg{
	margin: 20px 5px;
}
/*clients*/
div.tab_off{
	height: 80px;
	width: 440px;
	margin:0;
	background: #ddd url(images/tab.gif) bottom center no-repeat;
	color: inherit;
}
div.tab_on{
	height: 80px;
	width: 440px;
	margin:0;
	background: #ddd url(images/tab_on.gif) bottom center no-repeat;
	color: inherit;
}
div.infobox{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 440px;
} 
.servlist img{
	float: left;
}

/*form*/
.forms input{
	border: 1px solid #ddd;
}

.forms fieldset{
	border: 1px solid #ded7ce;
	padding: 10px;
	margin: 10px;
}
.forms legend{
	padding: 3px;
	font-weight: bold;
}
.forms label{
	float: left;
	clear: left;
	display: block;
	width: 12em;
	text-align: right;
	margin-bottom: 10px;
}
.forms input{
	float: left;
	display: block;
	width: 150px;
	text-align: left;
	margin-bottom: 10px;
}
.forms select{
	float: left;
	display: block;
	width: 200px;
	text-align: left;
	margin-bottom: 10px;
}
.forms textarea{
	display: block;
	width: 395px;
	height: 200px;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}
.forms p{
	clear: both;
	font-weight: bold;
	padding-left: 10px;
}
.forms input.button1, .forms input.button2{
	display: inline;
	padding: 2px;
	cursor: pointer;
	width: 150px;
	margin-left: 35px;
	height: 24px;
	text-align: center;
}
span.footnote{
	display: block;
}
.ctab{
	padding: 10px;
	float: left;
	display: inline;
	margin-right:5px;
	background-color: #ddd;
	color: inherit;
	cursor: pointer;
}

.cbox{
	clear: both;
	display: block;
}


/*promo for cac2006*/
#promobox{
	margin-top: 10px;
	width: 740px;
	height: 200px;
	background: #ddd url(images/promos/promobox.png) bottom center no-repeat;
	color: #fff;
}
#promobox a{
	float: left;
	width: 220px;
	height: 160px;
	margin-top:20px;
	margin-left: 20px;
	display: inline;
	text-indent: -9999px;
}

#promo1{
	background: #ddd url(images/promos/packages.png) bottom center no-repeat;
}
#promo2{
	background: #ddd url(images/promos/outsource.png) bottom center no-repeat;
}
#promo3{
	background: #ddd url(images/promos/signup.png) bottom center no-repeat;
}
.comparebox{
	float: left;
	margin-left: 10px;
	width: 355px;
	height: 150px;
	border: 1px solid #ddd;
	display: inline;
}
.comparebox ul{
	margin:10px;
}
 #mySlideshow{
	margin:5px auto;
	width: 500px !important;
	height: 273px !important;
}
#cform{
	width:400px;
	margin:5px auto;
}
#cacform input{
	border: 1px solid #aaa;
}

div.packages{
	clear: both;
	height: 170px;
}
div.pack{
	width: 220px;
	height: 160px;
	float: left;
	margin-left:20px;
	display: inline;
	background-color: #fff;
	color: #000;
}
#pack1{
	background: #fff url(images/promos/pack1.png) top left no-repeat;
}
#pack2{
	background: #fff url(images/promos/pack2.png) top left no-repeat;
}
#pack3{
	background: #fff url(images/promos/pack3.png) top left no-repeat;
}
ul.spacklist{
	color: #fff;
	background-color: transparent;
	line-height: 100%;
	margin-left:20px;
	padding: 10px;
}
ul.spacklist li{
	padding: 5px;
}
h6{
	height:65px;
	clear: both;
	text-indent: -9999px;
}
/*CACForm*/
#cform{
	width: 430px;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding:10px;
}
#cform legend{
	font-weight: bold;
	margin:0 auto;
}
#cform label{
	width: 250px;
	float: left;
	display: inline;
	text-align: right;
}
#cform input, #cform textarea{
	float: right;
	width: 150px;
	display: inline;
	text-align: left;
	background-color: #ccc;
	color: #000;
	border: 1px solid #aaa;
}
#cform p{
	clear: both;
	padding: 5px;
	margin:0;
}
input#cacsend{
	float: left;
	margin-left: 150px;
	width: 76px;
	height: 40px;
	border: 0;
	background: #ddd url(images/submit.png) top left no-repeat;
	text-indent: -9999px;
	color: #000;
	display: inline;
}
input#cacreset{
	float: left;
	margin-left: 10px;
	width: 76px;
	height: 40px;
	border: 0;
	background: #ddd url(images/reset.png) top left no-repeat;
	text-indent: -9999px;
	color: #000;
	display: inline;
}