@charset "UTF-8";
/* CSS Document */

html,body{ background:transparent url(http://www.ghostownstudios.com/images/interface/bg.jpg) repeat-x; height: 100%; }
body {
	margin: 0 auto;
	font-family: Arial, Helvetica, Verdana,sans-serif;
        font-size: 62.5%;
	margin:0px;
	padding:0px;
	color: #333;
	text-align: center;
}

body > #maincontainer { height:auto; min-height:100%; }

* {margin:0;padding:0;} 

td { font:1.1em Arial, Helvetica, sans-serif; margin-top:0px; padding-top:0px; }
div.clear { clear: both; }

div { border: #000 0px solid; padding:0px margin:0px; }

#maincontainer {
width: 1023px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
position:relative;
height:100%;
border:#000 0px solid;
}

#main {padding-bottom: 60px;}

.content {background: #1d1d20; padding:10px; Overflow: auto; width:auto; border: 1px solid #000000 }

/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a { text-decoration: none; padding-bottom: 1px; }
a:link { color: #4dc8ea; }
a:visited { color: #4dc8ea; }
a:hover { color:#477679; 
text-decoration: underline; }


/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-family: arial,helvetica,sans-serif;
        font-weight: normal;
}

h1 {
        font-size: 1.4em;
        line-height: 1.4em;
        margin-top: 7px; 
        margin-left:-20px;
        color:#fff;
}

h2 {
        font-size: 2em;
        margin-bottom: 0.2em; 
	margin-left: .9em;
        color:#FFFFFF;
}

h3 {
        font-size: 2.6em;
		text-transform:uppercase;
		color: #c9c9c9;
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom:0px;
		font-weight: bold;
		line-height:40px;
}

h4 {
        font-size: 1.6em;
        margin-bottom: 0.2em; 
	margin-left: 0em;
	color:#333;
	font-weight:bold;
}

p {
	font-size: 1.35em;
	line-height: 1.6em;
	padding: 0px 15px 0px 15px;
	margin-bottom: 1em;
        letter-spacing: normal;
        }

/*--------------------------------------
HEADER
---------------------------------------*/

#header {width:1224px; text-align:center; position: relative; margin-left: -103px; margin-right: auto; background: url(http://www.ghostownstudios.com/images/interface/bg_00.jpg) center top no-repeat;}
#header .logo { float:left; 
	            width:332px;
	            height:107px;
	            border:#fff 0px solid;
				margin-left:103px;
				}
#header .nav { float:right; 
	           margin-right:98px;}
#header	.login { width:691px;
	             height:16px;
	             line-height:16px;
	             text-align:right;
	             color:#ccc;
	             font-size:1.1em;}
#header	.login img { border:#000 0px solid;}
	
#header	.login span { padding-right:45px;}

#navbar{
	height:16px;
	line-height:16px;
	margin:0px; padding-top:0px;
	text-align:right;
	color:#cccccc;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

	#navbar ul, #navbar li, 
	#navbar form { border:0; margin:0; padding:0; list-style:none; display:inline; }
	#navbar button {
		border:0;  list-style:none; display:inline;
		background: url(http://www.ghostownstudios.com/images/interface/loginButton.gif) 0px 1px no-repeat; width:44px; height:16px;
		font-size:1em;
		font-weight:bold;
		line-height:16px;
		padding:1px 0px; text-align:center;
		margin:0px;
		
			cursor: pointer;
	}
	#navbar li a{
		margin:0 0 0 0px;
		text-decoration:none;
		color:#cccccc;
		font-weight:bold;
		font-size:10px;
	}

#navbar input {
border:none;
height:12px;
font-size:10px;
color:#666666;
background: url(http://www.ghostownstudios.com/images/interface/login_bg.gif) no-repeat;
line-height:12px;

}

#navbar label{
	padding:0;
	padding-left:12px;
	clear:both;
	cursor:pointer;
}



#bord {position:absolute; top:89px; left:0px; background: url(http://www.ghostownstudios.com/images/interface/bord.png) no-repeat; width:360px; height:40px; z-index:3}
#cloud-01 { position:absolute; top:0px; left:0px; background-image: url(http://www.ghostownstudios.com/images/interface/bg_test.jpg);}  

/*--------------------------------------
MENU
---------------------------------------*/

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 691px;
  height: 90px;
  float:right;
}

#menu ul{
		margin:0px;padding:0px;	float:left;	width:100%;
		}
#menu li{
		border-right:0px solid #999999;
		float:left;
		display:block;
		padding:0px;
		margin:0px;
		}

#menu a {
  display: block;
  text-indent: -9999px;
  outline: none;
}

#menu .spacer {
  width: 157px;
  height: 90px;
}

#about_menu a {
  width: 88px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) 0 0 no-repeat;
}

#about_menu a:hover {
 background-position: 0px -91px;
}

#about_menu .active {
  width: 88px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) 0 -91px no-repeat;
}

#services_menu a {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -88px 0 no-repeat;
}

#services_menu a:hover {
 width: 74px;
  height: 90px;
 background-position: -88px -91px;
}

#services_menu .active {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -88px -91px no-repeat;
}

#projects_menu a {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -162px 0 no-repeat;
}

#projects_menu a:hover {
 background-position: -162px -91px;
}

#projects_menu .active {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -162px -91px no-repeat;
}

#menu .clients {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -236px 0 no-repeat;
}

#menu .clients:hover {
 background-position: -236px 0px;
}

#news_menu a {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -310px 0 no-repeat;
}

#news_menu a:hover {
 background-position: -310px -91px;
}

#news_menu .active {
  width: 74px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -310px -91px no-repeat;
}

#careers_menu a {
  width: 75px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -384px 0 no-repeat;
}

#careers_menu a:hover {
 background-position: -384px -91px;
}

#careers_menu .active {
  width: 75px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -384px -91px no-repeat;
}

#contact_menu a {
  width: 75px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -459px  0 no-repeat;
}

#contact_menu a:hover {
 background-position: -459px -91px;
}

#contact_menu .active {
  width: 75px;
  height: 90px;
  background: url(http://www.ghostownstudios.com/images/interface/menu.jpg) -459px  -91px no-repeat;
}


/*--------------------------------------
SLIDER
---------------------------------------*/
#mainSlider {position:relative; width:100%; height:306px; float:left; display:inline; z-index:0}
#leftBg {position:relative; width:256px; height:306px; float:left; margin-left:-103px; z-index:-1}
#leftBg .arrowLeft {position:absolute; top:119px; left:202px; background: transparent url(http://www.ghostownstudios.com/images/interface/arrows_sprite.png) 0px -100px no-repeat; width:50px; height:50px; z-index:2}

#rightBg {position:relative; width:254px; height:306px; float:right;  margin-right:-98px; z-index:-1}
.arrowRight {position:absolute; top:119px; right:108px; background: transparent url(http://www.ghostownstudios.com/images/interface/arrows_sprite.png) -50px -100px no-repeat; width:50px; height:50px; z-index:2}

#sliderBorder {position:absolute; top:0px; left:153px; background: transparent url(http://www.ghostownstudios.com/images/interface/grunge-border.png) no-repeat; width:714px; height:306px; z-index:0}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:714px;
	height:306px;
	overflow:hidden; 
    float:left;
	}

 #prevBtn {
	  position:absolute;
	  top:119px;
	  left:99px;
	  width: 49px;
	  height: 50px;
	  background: url(http://www.ghostownstudios.com/images/interface/arrows_sprite.png) no-repeat;
	}
 #nextBtn {
		  position:absolute;
		  top:119px;
		  left:865px;
		  width: 49px;
		  height: 50px;
		  background: url(http://www.ghostownstudios.com/images/interface/arrows_sprite.png) -50px 0px no-repeat;
		}
#prevBtn a { display:block; height:50px; width:49px; text-indent:-9999px; outline:none;}
#prevBtn a:hover { display:block; height:50px; width:49px;background: url(http://www.ghostownstudios.com/images/interface/arrows_sprite.png) 0px -50px no-repeat;}
#nextBtn a { display:block; text-indent:-9999px; outline:none; height:50px; width:49px;}
#nextBtn a:hover { display:block; height:50px; width:49px;  background: url(http://www.ghostownstudios.com/images/interface/arrows_sprite.png) -50px -50px no-repeat;}

/*--------------------------------------
CONTENT
---------------------------------------*/
#mainSleeve {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}
#sloganBg {position:absolute; top:0px; left:-103px; width:1225px; height:211px; background: transparent url(http://www.ghostownstudios.com/images/interface/2beta_05.jpg) 0px 0px no-repeat; border:#000 0px solid;}
#mainSleeve_about {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}
#mainSleeve_news {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}
#mainSleeve_contact {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}
#mainSleeve_careers {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}
#mainSleeve_projects {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}
#mainSleeve_services {position:relative; width:100%; padding-top:212px; border:#000 0px solid;}


h2#slogan {position:absolute; top:35px; left:137px; color:#6c6c6c; width:690px;}

#offer {
background:transparent url(http://www.ghostownstudios.com/images/interface/offer_top_b.png) 0px 0px no-repeat;
float:left;
margin:0px 0 0 0px;
padding-top:12px;
width:1023px;
border:#ccc 0px solid;
}

#offer #offerDescription {
	
	padding-bottom: 30px;
	position:relative;
}

.offerSleeve div {
float:left;
height:241px;
width:342px;
line-height:18px;
padding:0px 0px 0;
position:relative;
text-align:left;
display:block;
border-left:#d8d8d8 0px solid;
border-top:#c5c6c6 3px solid;
}

li.offerSleeve { list-style: none; display:inline;}

#design .lable {position:absolute; top:40px; left:12px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#management .lable {position:absolute; top:40px; left:12px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#marketing .lable {position:absolute; top:40px; left:12px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}

.imgteaser {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
    float:left;
	border:#000 0px solid;
	width:338px;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}

.imgteaser p {
	padding:0px; margin:0px; line-height:1em;
}

.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0px;
	border: none;
	padding: 0px;
	background: #fff;
	border: 0px solid #ddd;
}

.imgteaser a .more {
	position: absolute;
	right: 35px;
	bottom: 10px;
	font-size: 0.9em;
	color: #fff;
	background-color:#ff0000;
	padding: 1px 10px;
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1em;
        line-height:1.4em;
        padding:20px 15px 0px 15px;
	background:#111;
	filter:alpha(opacity=95);
		opacity:.95;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /*--IE 8 Transparency--*/
	
	color: #aaaaa5;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	width: 308px;
	height:185px;
	border-top: 0px solid #999;
	text-align:left;
}
.imgteaser a:hover .desc strong {
	
	margin-bottom: 0px;
	font-size:1em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}
.dB {position:absolute; width:100%; top:0px; left:0px; display:block; width:338px; height:205px; background:transparent url(http://www.ghostownstudios.com/images/interface/design_border.png) 0px 0px no-repeat;}
.dB:hover {position:absolute; width:100%; top:0px; left:0px; display:block; width:338px; height:205px; background:transparent url(http://www.ghostownstudios.com/images/interface/design_border.png) 0px -214px no-repeat;}
.dBactive {position:absolute; width:100%; top:0px; left:0px; display:block; width:338px; height:205px; background:transparent url(http://www.ghostownstudios.com/images/interface/design_border.png) 0px -214px no-repeat;}

.headline { display:block; width:100%; margin:0em; padding:.15em 0em; background-color:#d9d9d9; text-align:left; font-size:1.2em;}
.headline span {padding:0em 1.5em; font-size:1.2em; height:2.6em; line-height:2.6em; text-transform:uppercase;}
#tabs-3 ul {margin:0px;padding:0px 0px 0px 0px;	float:left;	width:1021px; height:100px; list-style: none; border-left:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; background:transparent url(http://www.ghostownstudios.com/images/interface/b3.jpg) 0px -0px repeat-x;}
#tabs-3 li{
		border-right:0px solid #999999;
				float:left;
				display:block;
				padding:10px 0px 0px 0px;
				margin:0px;
				width:337px;
				text-align:left;
                                font-size:1.2em;
                                list-style: none;
                                border:#000 0px solid;
		}
#tabs-3 li p { padding:0px 15px 0px 0px; }

#tabs-2 ul {margin:0px;padding:0px 0px 0px 0px;	float:left;	width:1021px; height:100px; list-style: none; border-left:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; background:transparent url(http://www.ghostownstudios.com/images/interface/b3.jpg) 0px -0px repeat-x;}
#tabs-2 li{
		border-right:0px solid #999999;
				float:left;
				display:block;
				padding:10px 0px 0px 0px;
				margin:0px;
				width:337px;
				text-align:left;
                                font-size:1.2em;
                                list-style: none;
                                border:#000 0px solid;
		}
#tabs-2 li p { padding:0px 15px 0px 0px;  }

#tabs-1 ul {margin:0px;padding:0px 0px 0px 0px;	float:left;	width:1021px; height:100px; list-style: none; border-left:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid;  background:transparent url(http://www.ghostownstudios.com/images/interface/b3.jpg) 0px -0px repeat-x;}
#tabs-1 li{
				border-right:0px solid #999999;
				float:left;
				display:block;
				padding:10px 0px 0px 0px;
				margin:0px;
				width:337px;
				text-align:left;
                                font-size:1.2em;
                                list-style: none;
                                 border:#000 0px solid;
				}
#tabs-1 li p { padding:0px 20px 0px 0px;  }

#tabs .offerBottom {background:transparent url(http://www.ghostownstudios.com/images/interface/offer_bottom_bg.png) bottom left no-repeat; display:block; width:100%; height:6px; }
/*--------------------------------------
FOOTER
---------------------------------------*/
#footer {
    position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
        font-size:1.2em;
	visibility: visible;
	width: 100%;
	display: block;
	text-align: center;
	background:#000;
	border-top:#333 1px solid;
	 
}

#footer .l2 { border-top:#fff 1px solid; } 

#footer hr { height:1px;
			 color: #fff;
             background-color: #fff;
			 padding:0px;
			 margin:0px;}

#footerSleeve {
	width:990px;
	margin:0px auto;
	padding: 0px 0px;
	position: relative;
	color:#c5c5c5;
	font-weight:normal;
	line-height:28px;
	border:#fff 0px solid;
	
}

#footerSleeve img { border:#fff 0px solid; padding:0px 0px 0px 0px;}

#footerSleeve .copyright {
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height: 28px !important;	
	font-size:.9em;
	margin:0px;

}

#footerSleeve .partnership {
	float: right;
	text-align: right;
	padding: 0px 0px 0px 0px;
        margin-top:6px;
	line-height: 29px !important;	
    margin:0px;
}


#footer a{
    color:#4dc8ea;
	text-transform:normal;
}

/*--------------------------------------
About Us
---------------------------------------*/

#intro {
	margin:0;
	padding:0;
	background:#000 url(http://www.ghostownstudios.com/images/interface/about_us_14.jpg) top right no-repeat;
	height:306px;
	width:714px;
	position:relative;
	float:left;
	text-align:left;
	}
#intro h2 {margin-top:35px; margin-left:20px;}
#info .fb {position:absolute; right:-15px; top:-3px;}
	
#intro .introDescription { position:absolute; top:30px; left:60px; width:370px; height:300px; text-align:left;}
#ceo { position:absolute; top:182px; left:88px; width:370px; height:20px; color:#333; font-size:1.2em;}

#about  { 
        width:100%;
        margin:0px 0 0 0px;
        padding-top:20px;
        float:left;
        } 

#about .aboutLeft {width:690px; margin-top:0px; float:left; border-right: 2px dotted #999999;}
#about .team { margin:0px 0px 0px 0px; padding:15px 0px 0px 12px; float:left; width:96%; list-style: none; border-top:#ccc 1px solid; dispaly:block; height:205px;}
#about .team li { 
        float:left; 
        display:block;
		padding:0px;
		margin:0px;
		width:152px;
		text-align:left; 
		border:#ccc 3px solid; 
		margin-right:6px;
		}
		
#about .teamSleeve { margin:0px; padding:9px 0px 0px 12px; float:left; width:96%; list-style: none; border-bottom:#ccc 0px solid; dispaly:block; height:75px; }
#about .teamSleeve strong { line-height:1.6em; }
#about .teamSleeve li { 
                float:left; 
                display:block;
                font-size:1.2em;
		padding:4px;
		margin:0px;
		width:150px;
		text-align:center; 
		margin-right:6px;
		background-color:#f2f2f2;
		border-top:#ccc 1px solid;
		border-bottom:#ccc 1px solid;
                height:50px;
		}
		
#about .aboutLeft li img { padding:1px;}
#about .aboutLeft .solutions { border-top:#ccc 1px solid;  border-bottom:#ccc 1px solid; height:250px; width:98%; margin-bottom:20px; font-size:1.2em;}
#about .aboutLeft .solutions div { width:225px; border:#ccc 0px solid; float:left; margin:10px 0px 10px 12px; }
#about .aboutLeft .solutions li { margin:0px; padding:0px 0px 0px 20px; list-style: none; background:transparent url(http://www.ghostownstudios.com/images/interface/i.png) 0px 0px no-repeat; line-height:18px; }

#about .aboutLeft {text-align:left;}
#about .aboutLeft p {text-align:left; padding-right:20px;}
#about .aboutLeft span { font-size:1.2em; font-weight:bold; line-height:1.2em}  
#about .aboutRight {width:287px; margin:0px 0px 0px 22px; float:left; text-align:left;}
#about .aboutRight span { font-size:1.3em; font-weight:bold; margin:0px 0px 10px 0px; display:block; height:20px;}

#about .aboutLeft a { font-weight:bold; border-bottom:#333 1px dotted; color:#333;}
#about .aboutLeft a:hover { font-weight:bold; border-bottom:#3d83fa 1px dotted; color:#3d83fa; text-decoration:none; }

.button { float:right; background: transparent url(http://www.ghostownstudios.com/images/interface/button.png) 0 0 no-repeat; width:103px; height:18px; display:block; line-height:18px; text-align:center; margin-top:5px; text-decoration: none; border:0px; padding-top:2px;}

#bubbleInfo {
    position: relative;

}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */

}

/* Bubble pop-up */

        .popup {
                position: absolute;
                display: none;
                z-index: 50;
                border-collapse: collapse;
               
        }

        .popup td.corner {
                height: 15px;
                width: 19px;
        }

        .popup td#topleft { background: transparent url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) 0px 10px no-repeat; width:19px; height:19px; }
        .popup td.top { background: transparent url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) 0px -40px repeat-x; height:15px;}
        .popup td#topright { background: transparent url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) -50px 10px no-repeat; width:19px; height:19px; }
        .popup td.left { background: transparent url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) 0px -95px no-repeat; width:19px;}
        .popup td.right { background: transparent url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) -52px -95px no-repeat; width:19px; }
        .popup td#bottomleft { background: url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) 0px -22px no-repeat; width:19px; height:19px; }
        .popup td.bottom { background: url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) 0px -72px repeat-x; height:21px;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background: url(http://www.ghostownstudios.com/images/interface/bubble-sprite.png) -50px -22px no-repeat; width:19px; height:19px; }

        .popup table.popup-contents {
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                }

        table.popup-contents th {
                text-align: right;
                text-transform: lowercase;
                }

        table.popup-contents td {
                text-align: left;
                }

/*--------------------------------------
News
---------------------------------------*/



#introNews {
	margin:0;
	padding:0;
	background:#000 url(http://www.ghostownstudios.com/images/interface/news_14.jpg) top right no-repeat;
	height:306px;
	width:714px;
	position:relative;
	float:left;
	text-align:left;
	}
#introNews h2 {margin-top:35px; margin-left:20px;}

#news { width:100%;
              margin:0px 0 0 0px;
              padding-top:20px;
              float:left;
              }
#news .newsLeft {width:705px; margin:0px 0px 0px 15px; float:left; border-right: 2px dotted #999999; text-align:left;}
#news .newsLeft  p {margin:20px 25px 0px 0px; padding:0px }
#news .newsRight {width:282px; margin:0px 0 0 0px; float:left; text-align:left;}
	
#introNews .introDescription { position:absolute; top:30px; left:60px; width:370px; height:300px; text-align:left;}
#blog {border-bottom: #ccc 1px solid; line-height:2em; width:97%; font-size:2em; color:#333333;}
.date {line-height:1.4em; margin-bottom:20px;}

/*--------------------------------------
Careers
---------------------------------------*/

#introCareers {
	margin:0;
	padding:0;
	background:#000 url(http://www.ghostownstudios.com/images/interface/careers_14.jpg) top right no-repeat;
	height:306px;
	width:714px;
	position:relative;
	float:left;
	text-align:left;
	}

#careers { 
        width:100%;
        margin:0px 0 0 0px;
        padding-top:20px;
        float:left;
        } 

#careers .careersLeft {text-align:left;}
#careers .careersLeft p {text-align:left; padding-right:20px;}
#careers .careersLeft span { font-size:1.2em; font-weight:bold; line-height:1.2em}  
#careers .careersLeft {width:690px; margin-top:0px; float:left; border-right: 2px dotted #999999;}
#careers .careersRight {width:287px; margin:0px 0px 0px 5px; float:left; text-align:left;}
#careers .careersRight span { font-size:1.3em; font-weight:bold; margin:0px 0px 10px 0px; display:block; height:20px;}

/*--------------------------------------
Projects
---------------------------------------*/

#introProjects {
		margin:0;
		padding:0;
		background:#000 url(http://www.ghostownstudios.com/images/interface/projects_14.jpg) top right no-repeat;
		height:306px;
		width:714px;
		position:relative;
		float:left;
		text-align:left;
		}
	
#projects p {text-align:left; padding-right:20px;}
#projects span { font-size:1.2em; font-weight:bold; line-height:1.2em}  

#projects {
float:left;
margin:0px 0 0 0px;
padding-top:20px;
width:100%;
}

#projects #projectsDescription {
	padding-bottom: 30px;
	position:relative;
	display:inline;
}

#projectsDescription div {
float:left;
height:212px;
width:341px;
line-height:18px;
padding:0px 0px 0;
position:relative;
text-align:left;
display:block;
background-color:#fff;
}

#descriptionSleeve {
float:left;
height:110px;
width:329px;
line-height:18px;
padding:10px 2px 10px 10px;
position:relative;
text-align:justify;
display:block;
background-color:#f2f2f2;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
}

#pr1 .lable {position:absolute; top:190px; left:7px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#pr2 .lable {position:absolute; top:190px; left:7px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#pr3 .lable {position:absolute; top:190px; left:7px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#pr4 .lable {position:absolute; top:190px; left:7px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#pr5 .lable {position:absolute; top:190px; left:7px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}
#pr6 .lable {position:absolute; top:190px; left:7px; border:#000 0px solid; font-size:1.2em; line-height:1.2em;}



/* Gallery styles */

#projects .gallery{
	border:1px solid black;
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
        margin: 0px auto;
}

#projects .slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

#projects .slides div {
	float:left;
	padding: 0px;
	
}

#projects .menu {
	/* This is the container for the thumbnails */
	height:45px;
}

#projects ul{
	margin:0px;
	padding:15px 0px 0;
}

#projects li {
	/* Every thumbnail is a li element */
	width:25px;
	display:inline;
	list-style:none;
	height:25px;
	overflow:hidden;
	margin-top:10px;
	margin-left: 2px;
	margin-right: 2px;
}


#projects li.act a{
	cursor:default;
}

#projects li a{
	display:inline-block;
	height:23px;
	width: 23px;
	line-height: 24px;
	color: #fff;
	background: #000;
	text-align: center;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	overflow: hidden;
        font-size:14px;
}
#projects li.prev a.hand,
#projects li.next a.hand{
	font-size: 23px;
}

#projects li.prev a.arr,
#projects li.next a.arr{
	font-size: 16px;
	line-height: 21px;
}

/* The styles below are only necessary for the demo page */

#projects h4{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:bold;
	text-align: left;
	margin-left: 0px;
	margin-bottom:10px;
	padding-top:10px;
	border-bottom: #000 2px solid;
}

#projects p.about {
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height: 1.45em;
	font-weight:normal;
	padding:0px 0px 10px 0px;
	text-align: left;
}

#projects p.about a {
        color:#003DFF;
}
#projects p.about a:hover {
        background-color: #ffffff;
        text-decoration: underline;
}

#projects .project {
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:990px;
	position:relative;
	padding-bottom: 15px;
}

#projects .project span {
        position:absolute;
        top:15px;
        right:5px;
        color:#AB2629;
        font-size:18px;"
}

#projects li.act a,
#projects a:hover{
	color:#ffffff;
	background-color: #AB2629;
}

#projects a, a:visited {
	color:#fff;
	text-decoration:none;
	outline:none;
	cursor: pointer;
}



/*--------------------------------------
Contact Us
---------------------------------------*/

#introContact {
	margin:0px;
	padding:0px;
	height:306px;
	width:714px;
	position:relative;
	float:left;
	text-align:left;
	}

#map_canvas { margin:24px 0px 0px 24px; }

#introContact h2 {margin-top:35px; margin-left:20px;}
	
#introContact .introContactDescription { position:absolute; width:217px; height:150px; top:70px; left:398px; color:#ccc; padding:0px 20px 0px 20px; text-align:center; font-size:1.6em; line-height:1.4em}
#info {position:absolute; top:280px; left:0px; color:#757575; font-size:1.2em; width:100%; text-align:center}
#infoHome {position:absolute; top:287px; left:0px; color:#757575; font-size:1.2em; border:#fff 0px solid; width:100%; text-align:center;}
#infoHome .fb {position:absolute; right:110px; top:-3px;}

#contact {
        width:100%;
        margin:0px 0 0 0px;
        padding-top:20px;
        float:left;
        }
#contact .contactLeft {width:707px; margin:0px 0px 0px 15px; float:left;}
#contact .bubble {position:absolute; top:490px; left:730px;}
#contact .contactLeft p {text-align:left; padding-right:0px;}
#contact .contactRight {width:270px; margin:0px 0px 0px 12px; float:left; text-align:left;}

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{

	width:681px;
	padding:14px;
}
	

	/* ----------- stylized ----------- */
	#stylized{
		border:solid 1px #ccc;
		background:#f6f6f6;
		margin-top:20px;
	}
	#stylized h1 {
		font-size:1.4em;
		font-weight:bold;
		margin-bottom:8px;
	}

	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:117px;
		float:left;
                padding-top:7px;
                font-size:1.1em;
	}
	#stylized .small{
		color:#ab2629;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:117px;
		border:#000 0px solid;
	}
	#stylized p{
			font-size:1.1em;
			color:#666666;
			margin-bottom:20px;
			border-bottom:solid 1px #c5c3c6;
			padding-bottom:10px;
		}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:190px;
		margin:2px 0 20px 10px;
		border:#ccc 1px solid;
		color:#222222;
                font-weight:normal;
               }
 #stylized select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
		border:#ccc 1px solid;
		
		color:#222222;
font-weight:normal;
	}
	#stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #c5c3c6;
		width:660px;
		margin:2px 0 10px 5px;
		background-color:#fff;
	}
	#stylized button{ 
		clear:both;
		margin:0px;
		background: transparent url(http://www.ghostownstudios.com/images/interface/send.png) ; background-repeat: no-repeat;
		width:109px;
		height:30px;
		line-height:1.4em; 
		color:#FFFFFF; font-weight:normal;
		text-align:center;
		padding:0px;
		font-size:1em;
		border:#fff 0px solid;
		cursor: pointer;
	}
    #stylized button:hover {background-position: 0px -30px;}


/*--------------------------------------
Careers
---------------------------------------*/

#introServices {
	margin:0;
	padding:0;
	background:#000 url(http://www.ghostownstudios.com/images/interface/services_14.jpg) top right no-repeat;
	height:306px;
	width:714px;
	position:relative;
	float:left;
	text-align:left;
	}

#services p {text-align:left; padding-right:20px }

#services {
float:left;
margin:0px 0 0 0px;
padding-top:20px;
width:100%;
}

#services span { font-size:1.2em; font-weight:bold; line-height:1.2em} 

#services #servicesDesign h3 {
	font-size:2.4em;
	text-align:left;
	margin:20px 15px 20px 15px;
	padding:0px;
	border-bottom:#ccc 1px solid;
}

#services #servicesDesign div.lColumn {
	width:380px;
	float:left;
}

#services #servicesDesign div.rColumn { width:640px; float:left; }
#services #servicesDesign div.rColumn span { line-height:2em; font-size:1em}

#services #servicesManagement h3 {
	font-size:2.4em;
	text-align:left;
	margin:20px 15px 20px 15px;
	padding:0px;
	border-bottom:#ccc 1px solid;
}

#services #servicesManagement div.lColumn {
	width:640px;
	float:left;
}

#services #servicesManagement div.rColumn { width:380px; float:left; }
#services #servicesManagement div.lColumn span { line-height:2em; font-size:1em}
	
#services #servicesMarketing h3 {
	font-size:2.4em;
	text-align:left;
	margin:20px 15px 20px 15px;
	padding:0px;
	border-bottom:#ccc 1px solid;
}

#services #servicesMarketing div.lColumn {
	width:380px;
	float:left;
}

#services #servicesMarketing div.rColumn { width:640px; float:left; }
#services #servicesMarketing div.rColumn span { line-height:2em; font-size:1em}

/*--------------------------------------
LOGIN PAGE
---------------------------------------*/

	
.loginForm {
	width:300px;
	margin-left:0px;
	margin-top:15%;
	margin-bottom:0px;
	padding:0px;
	height:150px;
	border: #c7ceda 0px solid;
	background:transparent url(../images/login_bg.png) 0px 0px no-repeat;
	}
	
	
	.loginForm .sceneInfo{
				background:transparent url(../images/info_bg.gif) 0px 12px no-repeat;
				clear:both;
				padding:0px 0px 0px 0px;
				width:252px;
				height:105px;
				}

.tableblock2 {border: #c7ceda 1px solid;
	background-color: #e5eaf3; padding-left:10px; }




#login_sidebar { background:transparent url(../images/login_sidebar.png) 0px 0px no-repeat; width:229; height:420px;}

#area { width:700px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
	border: #505050 1px solid;
	height:360px;
	background-color:#232323;
	 }
	 
#area input.width120 { width: 150px; }

#area input.submit {
background: url(../images/loginButton.png) 0px 0px;
height: 25px;
width: 130px;
display: block;
border: none;
margin-top:12px;
cursor: pointer;
}
#area :hover input.submit {
background-position: 0px -25px;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */