/*
Authour: Gemini Studio
Author URI: http://www.geministudio.com
Client: Gemini Studio
Date: March 2011
Website: http://www.geministudio.com
Description: Main stylesheet for the Gemini Studio website.
*/

/*-----------------------------------*/
/* Site Styles
/*-----------------------------------*/

body {
/*background: url(images/background.jpg) repeat fixed center top;*/
background-color: #eeeeee;
color: #000; 
/*color:#ffc944;*/
}
.textCentered
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	width: 100%;
	margin: auto;
}
.textJustified
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: justify;
	width: 90%;
	margin: auto;
}

a:link {
	/*color: #cc9900;*/
	color: #990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	/*color: #ffc944;*/
}
img
{  
    border-style: none;
}
#pageContainer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
}

/*-----------------------------------*/
/* Header Styles
/*-----------------------------------*/

#headerContainer  
{
    height: 160px;
    width: 100%;
    margin: auto;
    background: url(../images/background.jpg) repeat fixed center top; 
}

#headerSlides
{
    position: absolute;
    left: 175px;
    top: 40px;
}
#date 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#ffc944;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 100;
}


/*-----------------------------------*/
/* Nav Styles
/*-----------------------------------*/

#navContainer
{
    width: 100%;
    margin: auto;
    background-color: #000;
    text-align: center;
}


/*-----------------------------------*/
/* Main Content Styles
/*-----------------------------------*/

#mainContainer
{
    height: 100%; 
    width: 980px;
    background-color: #fff;
    margin: auto;
}
#mainContainerTop 
{ 
    width: 980px; 
    height: 35px;
    text-align: right;
    background: url(../images/main_container_top.jpg) no-repeat; 
}
#mainContainerMiddle 
{ 
    width: 980px; 
    height: 100%; 
    height: auto !important; 
    /*min-height: 600px;*/ 
    background: url(../images/main_container_middle.jpg) no-repeat; 
}
#mainContainerBottom 
{ 
    width: 980px; 
    height: 29px; 
    background: url(../images/main_container_bottom.jpg) no-repeat;
    clear: both; 
}
#mainHeader 
{ 
    width: 874px; 
    height: 35px;
    margin: 40px 40px 0px 40px;
    padding: 20px 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #cc9900;    
	line-height: 40px;
}

#mainHeader h2 
{ 
    width: 874px; 
    height: 90px; 
    margin: 0 0 0 38px; 
    padding: 10px 0 0 8px; 
    color: #6a6f73; 
    font-size: 42px; 
    font-weight: 300; 
    line-height: 46px; 
    text-transform: uppercase; 
}
#mainCopy 
{ 
    width: 940px; 
   /* margin: 0 20px 0 20px;*/ 
    padding: 0 20px 0 20px; 
}
#mainCopy h3 
{ 
    padding: 21px 0 13px 0; 
    line-height: 26px; 
}
#mainCopyLeft 
{ 
    float: left; 
    margin: 0 0 0 0; 
    padding: 0 10px 0 30px; 
}
#mainCopyRight 
{ 
    float: right; 
    margin: 0 0 0 0; 
    padding: 0 30px 0 10px; 
}

#mainCopyWithSidebar 
{ 
    width: 500px;
    float: left; 
    margin: 10px 0 0 0; 
    padding: 0 30px 0 50px; 
}
#mainSidebar 
{ 
    width: 350px; 
    float: right;
    margin-top: 0px;
    margin-right: 30px; 
    /*margin: -450px 15px 0 0; */
    /*position: absolute; 
    top: 300px; 
    left: 850px;*/
}
#mainSidebar h3 
{ 
    margin: -27px 0 0 0; 
    color: #092F5C; 
}
#sidebarCol1 
{ 
    position: relative; 
    height: 250px; 
    margin: 0px 0 0 20px; 
}
#sidebarCol2 
{ 
    position: relative; 
    height: 305px; 
    margin: -20px 0 0 0; 
}
.titlebillboard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	line-height: 20px;
}
.textbasicbillboard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
}
.titleSection
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #cc9900;
}
.titleSectionLeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #6a6f73;
}
.titleSubSection
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #cc9900;
}
.titleSubSectionLeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #6a6f73;
}
.titleSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	color: #000;
}
.titlebasic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bolder;
	color: #000;
}
.textbasic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.textBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}
.textItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
}
.textSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.quotebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
}
.listbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.homemenubox {
	position:absolute;
	left:0px;
	top:114px;
	width:100%;
    }
.menubox {
        position:absolute;
        left:0px;
        top:40px;
        width:100%;
}
#Table_ tr td div {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}
.subtitlebasic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: bolder;
	color: #F2C73D;
}
.portfoliosubmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	color: #000;
	line-height: 20px;
	width:100%;
}
.subtitlesmaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F2C73D;
}
.bodywhite {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
}
.spacerSpan
{
    height: 20px;
    clear: both;
}


/*-----------------------------------*/
/* Inner Page Styles
/*-----------------------------------*/

#banner { width: 981px; height: 240px; margin: 6px 0 0 10px; }
#innerSidebar { position: absolute; width: 292px; float: right; left: 700px; top: 595px; }
#innerSidebar p { width: 220px; color: #8a8a88; font-size: 12px; line-height: 19px; }
#innerSidebar h3 { font-size: 20px; font-weight: bold; position: relative; top: 1px; }

#innerSidebar2 { position: absolute; width: 292px; float: right; left: 700px; top: 578px; }
#innerSidebar2 p { width: 220px; color: #8a8a88; font-size: 12px; line-height: 19px; }
#innerSidebar2 h3 { font-size: 20px; font-weight: bold; position: relative; top: 1px; }

#innerHeader { margin: 15px 0 0 0; }
#innerHeader h2 { font-size: 42px; width: 830px; height: 81px; padding: 0 0 30px 0; margin: -15px 0 0 38px; text-transform: uppercase; font-weight: 300; line-height: 46px; color: #6A6F73; /*background: url(../images/innerHeader.jpg) no-repeat; text-indent: -9999px;*/ }
.innerHead { position: relative; top: 30px; }
.floatimgleft { float: left; margin: -14px 0 0 -26px; padding: 0 9px; }
.floatimgright { float: right; margin: 0px; padding: 3px; }
.contentList li { background: url(../images/bullet.jpg) no-repeat scroll 0 14px transparent; line-height: 19px; padding: 8px 65px 0px 17px; margin: 0; color: #8A8A88; }
.contentList2 li { background: url(../images/bullet.jpg) no-repeat scroll 0 18px transparent; line-height: 20px; padding: 11px 0px 16px 17px; margin: -15px 0 0 13px; color: #304863; }
.contentList3 li { background: url(../images/bullet.jpg) no-repeat scroll 0 18px transparent; line-height: 24px; padding: 11px 0px 19px 17px !important; margin: -15px 0 0 13px; color: #304863; }
.contentList4 li { line-height: 24px; padding: 11px 0px 19px 0 !important; margin: -15px 0 0 0; color: #304863; }
.contentList5 li { width: 250px; background: url(../images/bullet.jpg) no-repeat scroll 0 6px transparent; line-height: 17px; padding: 2px 0px 11px 17px; margin: -15px 0 0 50px; color: #304863; font-size: 12px; }

#innerContent { width: 981px; height: 100%; margin: 14px 0 0 0px; }
#innerContentTop { width: 981px; height: 35px; background: url(../images/homeMainContentTop.jpg) no-repeat; }
#innerContentMiddle { width: 981px; min-height: 670px; height: 100%; height: auto !important; background: url(../images/homeMainContentMiddle.jpg) no-repeat; padding: 0 0 0 15px; }
#innerContentMiddle2 { width: 981px; min-height: 670px; height: 100%; height: auto !important; background: url(../images/homeMainContentMiddle2.jpg) no-repeat; padding: 0 0 0 15px; }
#innerContentBottom { width: 981px; height: 29px; background: url(../images/homeMainContentBottom.jpg) no-repeat; margin: 0 auto; }
#innerCopy { width: 590px; margin: 50px 0 0 0; padding: 0 30px 0 40px; }
.innerCopyLeft
{
    float: left;
    clear: left;
}
.innerCopyRight
{
    float: right;
    clear: right;
}
.innerCopyCenter
{
    clear: both;
}
#innerSidebarHeader
{
    font-size: 13px; 
    font-weight: normal;
    font-style: italic; 
    position: relative; 
    top: 1px;
    color: #6a6f73;
    text-align: right;
    padding-right: 10px;
}
.innerSidebarCopy
{
    padding-left: 30px;
    padding-right: 30px;
}
#innerCopy h3 { font-size: 20px; font-weight: 700; line-height: 24px; padding: 10px 0 15px 0; }
.innerCopylist { font-size: 18px !important; font-weight: 700; line-height: 24px; padding: 10px 0 12px 0 !important; }

#innerCopy2 { width: 890px; margin: 50px 0 0 0; padding: 0 30px 0 40px; }
#innerCopy2 h3 { font-size: 20px; font-weight: 700; padding: 0 0 20px 0; }

#innerCopy3 { width: 590px; margin: 50px 0 0 0; padding: 0 30px 0 40px; min-height: 595px; }
#innerCopy3 h3 { font-size: 20px; font-weight: 700; padding: 0 0 20px 0; }

#insideNav { position: relative; top: -5px; margin: 0 0 0 24px; z-index: 5; letter-spacing: .5px; }
.navigationInner { position: absolute; margin: -20px 0 0 -418px; padding: 0; list-style: none; z-index: 10000; top: 10px; left: -13px; font-size: 15px; }
.navigationInner li { float: left; text-align: center; font-size: 12px; padding: 0 15px 0 15px; background: url(../images/seperator.jpg) no-repeat -4px 19px; }
.navigationInner li a { display: block; vertical-align: middle; text-decoration: none; text-align: center; outline: none; font-size: 15px; color: #b5b5b5; }
.navigationInner li a:hover { color: #304863; }

div#insideNav span:hover { display: block; color: #ffffff; text-decoration: none; margin: 0; background: #7C492C; text-align: center; font-size: 12px; }
#insideNav ul li ul a:hover { cursor: pointer; z-index: 100; height: 100%; width: 100%; /* makes the list items fill the list container (ul) */ display: block; text-decoration: none; margin: 0; text-align: center; }
#insideNav li ul { display: none; width: 19%; position: absolute; top: 100%; height: 100%; padding: 0; margin: 0; }
#insideNav li:hover > ul { display: block;}
#insideNav li ul li, #insideNav li ul li a { float: none; height: 100%; }
#insideNav li ul li { _display: inline; /* for IE6 */  }
#insideNav li ul li a { display: block; }
 
.nav-wrap { }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#example-one { margin: 0 auto; list-style: none; padding: 2px 0 15px 4px; position: relative; width: 960px; }
#example-one li { float: left; }
#example-one li a { color: #B8B59F; font-size: 14px; padding: 6px 10px 4px; text-decoration: none; text-transform: uppercase; }
#example-one li a:hover { color: #304863; }
#magic-line { position: absolute; bottom: 62px; left: 0px; width: 55px !important; height: 16px; background: url(../images/arrow.jpg) no-repeat 0 -1px; }
.current_page_item a, .current_page_item_two a { color: #304863 !important; }
.current_page_item { }
.topSection a { color: #72903A !important; font-weight: 600; }
.topSection a:hover { color: #304863 !important; }
.seperator { position: absolute; top: 580px; left: 662px; width: 9px; height: 427px; background: url(../images/seperator.jpg) no-repeat; }
.seperator2 { position: relative; top: -8px; width: 1px; }

#team ul li { padding: 0; overflow: hidden; }
#team li { margin: 10px 0; padding: 2px 0; }

#servicesCol1 { float: left; width: 50%; }
#servicesCol2 { float: right; width: 50%; }
.servicesList li { margin: -20px 0 0 0; padding: 38px 0 0 0; }
.contact li { margin: 5px 0; padding: 2px 0; } 
.paypal { position: relative; top: -135px; left: 55px; }
.paypal2 { position: relative; top: -65px; left: 55px; } 
#newsletter { width: 300px; }
#newsletter, input { color: #304863; }


/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/

#footerContainer
{
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #fff;
}
#footerNav
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
}   
#footerCopyright
{
    text-align: center;
    font-size: 1;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}