/* CSS Document */

@import url("reset.css");

/*
                     ___           ___        ___
                    /\  \         /\  \      /\  \  
                   /::\  \       /::\  \     \:\  \  
     __           /:/\:\  \     /:/\:\  \     \:\  \ 
    /\_\ __      /::\~\:\  \   /:_\:\~\  \    /::\  \
   _\/_//\_\    /:/\:\ \:\__\ /:/\ \:\:\  \  /:/\:\  \
  /\_\ /:/ /    \/__\:\/:/  / \/  \:\/:/  / /:/  \:\__\
  \/_//:/ /          \::/  /       \:-/__/ /:/  / \/__/
     /:/ /           /:/  /        /:\  \  \/__/    
    /:/ /           /:/  /        /:/  /              
    \/_/            \/__/         \/__/                  by Crayons and Walls :|     
 
*/



/* --------------------------------------
BODY, HEADER, AND PAGE ALIGN
---------------------------------------*/

#align-center { margin: 0 auto; width: 914px;}
	
#wrap { width: 914; height: auto; top: 0; background: url(../images/bg_shade.png) repeat-y;}

#main { padding: 0 12px 0 12px; width: 890px;}

#tab-content-footer {width: 684px; height: 81px; border-top: 1px solid #d7d7d7; float: left; background: #DFE7FA;}

#tab-content-sect-all {
	width: 684px;
	height: auto;
	float: left;
	border: 1px solid #d7d7d7;
	background: url(../images/bg_greygradient.jpg) top repeat-x;
	top: 0;
	}
	
#content_feature {
	width: 684px;
	height: auto;
	float: left;
	background: url(../images/bg_gradient2.jpg) top repeat-x;
	top: 0;
	}
	
.content_feature {
	width: 654px;
	height: auto;
	background: url(../images/mediakit_features5.png) no-repeat;
	padding-left: 30px;
	float: left;
	color: #000;
	}
	
#content_contact {
	width: 684px;
	height: auto;
	background: url(../images/telephone.png) bottom right no-repeat;
	float: left;
	position: relative;
	padding-bottom: 30px;
	}
#content_contact p { font-size: 12x;}
#content_contact ul { float: left; height: auto; padding-bottom: 20px; width: 100%;}
#content_contact ul.left { float: left; height: auto; padding-bottom: 20px; width: 50%;}
#content_contact ul.right { background: #fff; float: right; height: auto; padding-bottom: 20px; width: 50%;}
#content_contact li { padding-left: 20px;}
#content_contact span { float:left; width: 100%; line-height: 1.2em;}
#content_contact span.title { float: left; font-size: 14px; font-weight: bold; margin-top: 10px;  line-height: 1em;}
#content_contact span.note { color: #FF6600;float: left; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 20px; margin-left: 40px; width: 654px;}



.content_works {
	width: 654px;
	height: auto;
	background: url(../images/bg_gradient2.jpg) top repeat-x;
	padding: 0px 30px 0 0px;
	float: left;
	position: relative;
	color: #6694E3;
	}
	
	.content_works3 {
	width: 684px;
	height: auto;
	background: url(../images/bg_work3.png) top no-repeat;
	float: left;
	position: relative;
	}
	
.work2 {
	width: 664px;
	height: auto;
	float: left;
	position: relative;
	}
	
.work2 img{
	float: left;
	border: 5px solid #fff;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	}
	
#tab-content-sect-header {
	width: 684px;
	height: 128px;
	border-bottom: 1px solid #fff;
	float: left;
	background: #6694E3;
	}

#header_feature {
	width: 684px;
	height: 128px;
	border-bottom: 1px solid #fff;
	float: left;
	background: #6694E3;
	}

.header_title {
	width: auto;
	height: auto;
	float: left;
	padding: 14px 0 0 10px;
	}
	
.spacer-subheader {
	width: 100%;
	height: 30px;
	background-color:#000066;
	}
	
.leftcolumn {
	width: 180px;
	height: 794px;
	float: left;
	border-left: 1px solid #000;
	background: url(../images/blank_left.jpg) repeat-y right;
	}

.text_box {
	width: 220px;
	height: 260px;
	padding: 50px 30px 0 50px;
	float: left;
	}
	
.text_box li {
	font-size: 18px;
	line-height: 1.3em;
	padding-bottom: 0.5em;
	list-style: disc;
	}

.text_box_right {
	width: 220px;
	height: 260px;
	padding: 50px 0px 0 70px;
	float: left;
	}
	
.text_box_right li {
	font-size: 18px;
	line-height: 1.3em;
	padding-bottom: 0.5em;
	list-style: disc;
	}

.text_box_bottom {
	width: 350px;
	height: auto;
	padding: 0px 0px 0 210px;
	float: left;
	}
	
.text_box_bottom li {
	font-size: 16px;
	line-height: 1.2em;
	padding-bottom: 0.5em;
	list-style: disc;
	}
	
/*white button*/
a.button { 
	float: right; 
	padding: 0px 0 0 20px; 
	background: url(../images/button_fat_grey_left.png) no-repeat 0 0;
	color: #FF6600 !important; 
	font-size: 15px !important; 
	font-weight: bold;
	line-height: 80px; 
	width: auto;
	text-decoration: underline;
	text-align: left;
	}

a.button span { 
	float: left; 
	padding: 0 28px 0 0; 
	background: transparent url(../images/button_fat_grey.png) no-repeat 100% 0; 
	width: auto;
	}

a.button:hover { 
	color: #666!important; 
	}

a.button:hover span { 
	background-position: 100% -240px; 
	}

.white_button {
	background: #6694E3 ;
	width: 161px;
	height: auto;
	float: left;
	padding: 15px 7px 13px 5px;
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	text-align: left;
	}
	
.header_button {
	width: auto;
	height: auto;
	padding: 14px 14px 0px 0px;
	}
	

/* TYPE */
h1.mediakit {
	font-size: 8em;
	font-weight: bolder;
	color: #fff;
	float: left;
	line-height: 1em;
	letter-spacing: -0.04em;
	}
	
h2.mediakit {
	font-size: 4em;
	font-weight: bolder;
	color: #fff;
	float: left;
	line-height: 1em;
	padding: 0;
	}

h2 {
	font-size: 2em;
	line-height: 1em;
	padding-bottom: 0.5em;
	}

h3 {
	font-size: 1.3em;
	line-height: 1em;
	padding-bottom: 0.5em;
	font-weight: bold;
	}
	
h4 {
	font-size: 2em;
	line-height: 1em;
	margin-top: 1em;
	margin-left: 20px;
	}

h5 {
	font-size: 3em;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	}
	
h8 {
	font-size: 3em;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
	}
	
p {
	font-size: 16px;
	line-height: 1.3em;
	padding-bottom: 0em;
	margin-left: 20px;
	padding-top: 10px;
	}
	
p.signup {
	color: #6694E3  !important; 
	font-size: 15px !important; 
	width: 400px;
	float: left;
	padding: 20px 0 20px 0px;
	}
	
p.signup a{
	float: left;
	color: #6694E3 !important; 
	}
	
p.signup a:hover{
	color: #FF6600 !important; 
	}

    #tab-content-header {
      border: 1px solid #d7d7d7;
      border-bottom: 0;
      margin: 1em 0 0;
      *margin-right: 1px;
      padding: 5px;
      background-color: #e8eefa;
      text-align: left;
      font-size: 13px;
    }
	
    #tab-content-subheader {
      border: 1px solid #d7d7d7;
	  border-right: 0;
      margin: 0em 0 0;
      *margin-right: 1px;
      padding: 5px;
      background-color: #eeeded;
      text-align: left;
      font-size: 13px;
    }
    
    #tab-content {
      position: relative;
	  float: left;
      text-align: left;
      margin: 0 0 0;
      font-size: 12px;
	  background: #DFE7FA  repeat-y left;
	  height: auto;
    }
    
    #tab-content-l {
	  background: url(../images/bg_blue_left.jpg) repeat-y;
      z-index: 1;
      float: left;
      position: relative;
      top: 0;
      left: 0;
      width: 174px;
    }
    
    #tab-content-r {
      z-index: 0;
      float: left;
      position: relative;
      top: 0;
      left: 0;
      *left: -1px;
      width: 684px;
      *width: 644px;
      border: 1px solid #d7d7d7;
      background-color: #fff;
      padding: 15px;
    }
    
    ul#tab-content-list {
      margin: 0;
      padding: 0;
      width: 173px;
      *width: 174px;
      border-bottom: 1px solid #d7d7d7;
      list-style: none outside;
    }
    
    ul#tab-content-list li,
    ul#tab-content-list li.menu {
      width: 173px;
      *width: 174px;
      padding: .7em 0;
      margin: 0 0 -1px;
      border: 1px solid #d7d7d7;
      background: #eeeded url(../images/tab_menu_bg.jpg) repeat-x top left;
      cursor: pointer;
      *cursor: hand; 
    }
    
    ul#tab-content-list li a,
    ul#tab-content-list li.menu a {
      padding: 0 10px;
      display: block;
      *height: 1%;
    }
    
    ul#tab-content-list li.active {
      background: #fff url(../images/tab_menu_bg_active_ltr.gif) no-repeat center left;
      border-left: 0;
      padding-left: 1px;
      border-right: 1px solid #fff;
    }
    
    ul#tab-content-list li.active,
    ul#tab-content-list li.active a {
      color: #000;
      text-decoration: none;
      cursor: default;
    }
	
	ul#tab-content-list li a:hover {
		color: #FF6600;
		}

  /* Tab Layout */
  h3#tab-content-header {
	background-color: #DFE7FA;
	margin: 0;
	padding-left: 10px;
  }


	/* Table Classes */
	.table-packages { border: solid #C5C5C5; border-width: 1px 1px 0px 0px; float: left; height: auto; margin: 20px 0 20px 30px; width: 624px; text-align: center;}
	.table-packages img { border: none; margin: 0px; padding: 0px; }
	
	.table-top { background: #dfe7fa ; border: solid #C5C5C5; border-width: 0px 0px 1px 1px; font-size: 11px; width: 124px; margin: 0px; padding: 10px 0px 10px 0;	}
	.table-top-first { background: #fff url(../images/bg-table.jpg); border: solid #C5C5C5; border-width: 0px 0px 1px 1px; font-size: 11px; width: 124px; margin: 0px; padding: 10px 0px 10px 0;	}
	.table-title { background: #C5C5C5; }
	.table-text { background: #fff; border: solid #C5C5C5; border-width: 0px 0px 1px 1px; }
	.table-text-left { text-align: left; padding: 10px 0 10px 10px; }
	.table-text-left-blue {  background: #dfe7fa ; border: solid #C5C5C5; border-width: 0px 0px 1px 1px; color: #6694E3; text-align: left; padding: 10px 0 10px 10px; }