/*-----------------------------------------------------------------------------
Solipsys.com Global Style Sheet

version:   1.0
author:    Michael Ritter
email:     michael_ritter at rittermedia.com
website:   Solipsys.com

last modified by:  Michael Ritter
-----------------------------------------------------------------------------*/
/* =General
-----------------------------------------------------------------------------*/

	/* Remove padding and margin for most elements.
	---------------------------------------------------------------------*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0
	}

	html, body{
	background:url(/images/interface/site-bg.png);
    height:100%
	}

/* =Images
-----------------------------------------------------------------------------*/
	/* Remove border around linked images */
	img{
	border:0
	}      

    #leftShadow{
    background: url(/images/interface/left-shadow-bg.gif) repeat-y 0 0;
    height:100%;
    width:20px;
    margin-left:-20px;
    position:absolute;
    z-index:1
    }

/* =Typography
-----------------------------------------------------------------------------*/
	body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#2E3D52;
	font-weight:normal
	}

	p{
    line-height: 16px
	}

	p,dt,dd{
	display:block
	}

	dl{
	margin:0 0 10px 50px
	}

	dt{
	font-weight:bold	
	}

	dt, dd{

	}

	li{
	font-size:11px
	}
	
	ul.noBullets li{
	background:none !important;
	padding-left:0 !important
	}

	.quote{
	font-size:10px
	}


/* =Headings
-----------------------------------------------------------------------------*/
	h1, h2, h3, h4, h5{
	
	}

	/* Section Title */
	h1{
	font-family:Arial, Helvetica, sans-serif;
    color:#ff0000;
    font-size:31px;
    font-weight:normal;
    display:inline-block
	}

	/* Second Title */
	h2{
	font-family:Arial, Helvetica, sans-serif;
    color:#485C7D;
    font-size:14px;
    font-weight:normal;
    float:right
	}
	
	h3{
    font-size:11px;
    color:#2E3D52
	}

	h3.location{
	color:#485C7D;
	font-size:14px;
	}

	h4{

	}

	h5{
	
	}
  	
/* =Links
-----------------------------------------------------------------------------*/
	a:link, a:visited, a:active{
	color:#485C7D;
	font-size:10px;
	outline:none;
    text-decoration:none;
	}

	a:hover{
	text-decoration:none;
    color:#122333
	}
	
	a.toTop{
	background:url(/images/interface/toTop.png) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 3px 17px;
	margin:30px 250px 30px 50px;
	color:#666;
	text-decoration:none !important;
	font-size:12px;
	display:block;
	border-bottom:1px solid #666;
	}

/* =Branding
-----------------------------------------------------------------------------*/
	#header{
    height:91px;
    background:#DEE8ED
	}

	#logo{
	position:absolute;
	top:30px;
	left:49px
	}

    #tagline{
     position:absolute;
	top:60px;
	left:636px
    }

/* =Skip to Nav
-----------------------------------------------------------------------------*/
	#skipToNav{
	position:absolute;
	top:-500px;
	left:0
	}

/* =Utility Nav
-----------------------------------------------------------------------------*/
    #utilityNav{
    float:right;
	margin:22px -44px 0 0;
	width:610px
	}
	
	.mac #utilityNav{
	margin:22px -68px 0 0
	}

    #utilityNav ul li{
	display:block;
	float:left;
    list-style:none;
    padding:0 9px;
    border-right:1px solid #485C7D;
    height:11px
	}

	#utilityNav ul li a:link, #utilityNav ul li a:visited, #utilityNav ul li a:active{
    text-transform:uppercase;
    color:#383A3B;
    font-size:10px;
    display:block
	}

	#utilityNav ul li a:hover{
	text-decoration:underline
	}

/* =Search
-----------------------------------------------------------------------------*/
	fieldset#search{
    margin-top:-6px;
    float:left;
    margin-left:3px;
	border:none
	}

	.mac fieldset#search{
    margin-top:-4px
	}

	#search input[type="text"]{
    font-family:verdana;
    background:#F0F5F7;
    color:#ff0000;
    font-size:10px;
    height:14px;
    width:155px;
    padding-left:2px;
	padding-top:0
	}

	#search label{
	display:none !important
	}

	#search input[type="image"]{
	position:relative;
    top:4px;
    left:-4px;
	width:12px;
	height:16px
	}
	
	#cse-search-results{
	overflow:hidden;
	margin-left:27px
	}

/* =Main Nav
-----------------------------------------------------------------------------*/
	ul#nav{
	padding:0;
	margin:0;
    background:url(/images/interface/main-nav.png) no-repeat 0 0;
    width:950px;
    height:28px;
	overflow:hidden;
	border-top:1px solid #a7a5a6;
	border-bottom:1px solid #ccc !important
	}

	ul#nav li{
	display:block;
    list-style:none;
    float:left        
	}

	ul#nav li a{
	text-transform:capitalize;
	text-decoration:none;
	text-align:center;
	display:block;
    font-size:16px;
    font-family:arial;
    color:#fff;
	text-indent:-3000em
	}

	ul#nav li a.isActive{
	color:#afcff3
	}

	ul#nav li a:hover.isActive{
	color:#fff
	}

	/* =Font Image Backgrounds
	--------------------------------*/

	/* All Hovers */
	#nav li#aboutUs a,#nav li#products a,#nav li#services a,#nav li#solutions a,#nav li#whatsNew a,#nav li#careers a,#nav li#contactUs a{
	background:url(/images/interface/main-nav.png) no-repeat;
	height:30px
	}

	/* About Us */
	#nav li#aboutUs a:link, #nav li#aboutUs a:visited, #nav li#aboutUs a:active{
	background-position:0 0;
    width:136px
    }	
        
    #nav li#aboutUs:hover >	a:hover, #nav li#aboutUs a:focus, #aboutUsMain #nav li#aboutUs a{
	background-position:0 -28px
	}

    /* Products */
	#nav li#products a:link, #nav li#products a:visited, #nav li#products a:active{
	background-position:-136px 0;
    width:129px
    }

    #nav li#products:hover > a:hover, #nav li#products a:focus, #productsMain #nav li#products a{
	background-position:-136px -28px
	}

    /* Services */
	#nav li#services a:link, #nav li#services a:visited, #nav li#services a:active{
	background-position:-265px 0;
    width:132px
    }

    #nav li#services:hover > a:hover, #nav li#services a:focus, #servicesMain #nav li#services a{
	background-position:-265px -28px
	}

    /* Solutions */
	#nav li#solutions a:link, #nav li#solutions a:visited, #nav li#solutions a:active{
	background-position:-397px 0;
    width:140px
    }

    #nav li#solutions:hover > a:hover, #nav li#solutions a:focus, #solutionsMain#solutionsMain #nav li#solutions a{
	background-position:-397px -28px
	}

	/* What's New */
	#nav li#whatsNew a:link, #nav li#whatsNew a:visited, #nav li#whatsNew a:active{
	background-position:-537px 0;
    width:148px
    }

    #nav li#whatsNew:hover > a:hover, #nav li#whatsNew a:focus, #whatsNewMain #nav li#whatsNew a{
	background-position:-537px -28px
	}

     /* Careers */
	#nav li#careers a:link, #nav li#careers a:visited, #nav li#careers a:active{
	background-position:-685px 0;
    width:135px
    }

    #nav li#careers:hover > a:hover, #nav li#careers a:focus, #careersMain #nav li#careers a{
	background-position:-685px -28px
	}

    /* Contact Us */
	#nav li#contactUs a:link, #nav li#contactUs a:visited, #nav li#contactUs a:active{
	background-position:-820px 0;
    width:130px
    }

    #nav li#contactUs:hover > a:hover, #nav li#contactUs a:focus, #contactUsMain #nav li#contactUs a{
	background-position:-820px -28px
	}

/* =Sub Nav
-----------------------------------------------------------------------------*/
		ul#subNav{
		display:block;
        }

		ul#subNav li.top{
        background:#657997 url(/images/interface/nav_arrow_c.gif) no-repeat 0 6px;
        color:#fff;
        text-transform:uppercase;
        padding:6px 15px 0;
        height:20px
		}
		
		ul#subNav li.top a{
		background:none !important;
		color:#fff;
		padding:0 !important
		}
		
		ul#subNav li.top a:hover{
		color:#122333
		}

		ul#subNav li.isActive a{
		cursor:default;
        color:#FF1700
		}

		ul#subNav li{
		display:block;
		list-style:none;
        height:26px;
        font-size:10px;
        background:url(/images/interface/nav-bg.png)
		}

		/* first level links */
		ul#subNav li a:link, ul#subNav li a:visited, ul#subNav li a:active{
		display:block;
		outline:none;
        background:url(/images/interface/nav_dots.gif) no-repeat 12px 7px;
        height:21px;
        padding:5px 0 0 22px
		}

		ul#subNav li a:hover{

		}


        ul#subNav li.subSection{
		height:auto
        }

		ul#subNav li.subSection a:link, ul#subNav li.subSection a:visited, ul#subNav li.subSection a:active{
        background:url(/images/interface/nav_arrow_c2.gif) no-repeat 6px 11px;
        height:21px;
        padding:5px 0 0 22px;
        color:#FF1700
		}

		/* Second level links */
		ul#subNav li ul{
		display:block
		}

				ul#subNav li ul li{
                background:#9BA4B4 url(/images/interface/subnav2-off.gif) no-repeat 0 0;
                height:22px;
                overflow:hidden;
                border-bottom:1px solid #66738C
				}

                ul#subNav li ul li a{
                color:#fff !important;
                background:#9BA4B4 !important;
                margin-left:28px !important;
                padding-left:0 !important
				}

               	ul#subNav li ul li a:hover{
                color:#122333 !important
				}

                ul#subNav li ul li.isActiveSub{
                background:#71839E url(/images/interface/subnav2-sel.gif) no-repeat 0 0 !important
                }


                ul#subNav li ul li.isActiveSub a{
                background:#71839E !important
                }


/* =Main Content
-----------------------------------------------------------------------------*/
	#containerHome{
	width:950px;
	min-height:100%;
    margin:0 auto -10px;
	padding:0 20px 10%;
	background:#DEE8ED url(/images/interface/right-shadow-bg.gif) repeat-y right 0;
	position:relative;
	overflow:hidden;
    z-index:5
	}
	
	#container{
	width:950px;
    margin:0 auto -10px;
	padding:0 20px;
	background:#DEE8ED url(/images/interface/three-col-bg.png) repeat-y right 0;
	min-height:100%;
	overflow:hidden;
	position:relative;
    z-index:5
	}
	
	.mainSection #container{
	background:#DEE8ED url(/images/interface/two-col-bg.png) repeat-y right 0
	}

	#navColumn{
    background:#ABB6C6;
    width:180px;
    float:left;
	min-height:100%;
	overflow:visible
	}

	#content{
    width:534px;
    background:#DEE8ED;
    display:block;
    float:left;
    padding-bottom:100px;   
	min-height:100%;
	}
	
	#content a{
	text-decoration:underline;
	color:#2E3D52
	}
	
	#content a:hover{
	text-decoration:none
	}
	
	.mainSection #content{
	width:770px;
	}
	
	.mainSection #content p{
	margin-top: 0;
	margin-right: 175px;
	margin-bottom: 22px;
	margin-left: 50px;
	}

        #content img.mainImage, .mainImage{
        background:url(/images/interface/content-gradient.png) repeat-x 0 bottom;
        padding-bottom:20px;
        }

        #content .gsa{
        display:block;
        margin:85px 125px 20px;
        }

        #content h1{
        margin:-1px 25px 0;
		
        }

        #content h2{
        margin:17px 31px 0 0;
        display:block;
        }

        #content .headingDivider{
        margin:-2px 0 33px 25px;
        }

        #content h3{
        margin:0 50px 2px
        }

        #content p{
        margin:0 50px 22px
        }

        #content ul{
        margin:0 50px 22px
        }

        #content ul li{
        font-size:10px;
        line-height:18px;
        list-style:none;
        background:url(/images/interface/icons/bullet-icon.gif) no-repeat 0 4px;
        padding:0 0 0 23px;
        }
		
		#content ul2 li{
	font-size:10px;
	line-height:24px;
	padding:0 0 0 23px;
	list-style-image: none;
	list-style-type: none;
        }

    #rightColumn{
    width:236px;
    float:right;
    background:#CED5DE;
	height:100%;
    }
	
	 #rightColumn.images img{
	 margin-top:30px
	 }


/* =Secondary Content - Product & news highlights
-----------------------------------------------------------------------------*/
        #news{
        width:310px;
        float:left;
        background:url(/images/interface/tabs/tab-home-news.png) no-repeat 0 0;
        margin:18px 20px 20px 30px;
        padding:28px 0 0 0
        }

        #news h2{
        font-size:12px;
        font-weight:bold;
        color:#545355;
        text-indent:-3000em;
        display:block;
        margin-bottom:-14px;
        float:none !important;
        }
		
		#news .topShadow{
		height:10px;
	    background:#EFF4F7 url(/images/interface/top-right-shadow.png) no-repeat right 0;
		}
		
        #news ul{
        background:#EFF4F7 url(/images/interface/right-shadow.png) repeat-y right 38px;
        padding-top:8px;
        display:block;
        overflow:auto
        }
        
        #news li{
        font-size:10px;
        list-style:none;
        background:url(/images/interface/tab-products-line.png) repeat-x 0 bottom;
        display:block;
        float:left;
        margin:0 3px 14px 13px;
        padding-bottom:11px;
        line-height:14px;
        width:200px
        }
        
        #news li.date{
        float:left;
        background:none;
        margin:0 0 0 15px !important;
        padding:0;
        width:33px
        }

        #news li a:link, #news li a:visited, #news li a:active{
        color:#FF1700
        }
        
        #news li a:hover{
        text-decoration:underline
        }

        #news li.downArrow{
        background:url(/images/interface/img-home-news-arrow.gif) no-repeat 0 3px;
        padding-left:25px;
        margin:1px 3px 0 35px
        }

        #productOfferings{
        width:550px;
        background:url(/images/interface/tabs/tab-home-products.png) no-repeat 0 0;
        padding-top:27px;
        margin:18px 30px 0 3px;
        float:left
        }

        #productOfferings h3{
        color:#FF1700;
        font-weight:normal;
        margin:7px 0 3px
        }

        #productOfferings h3 a{
        color:#FF1700;
        font-size:12px
        }

        #productOfferings h4{
	color:#666;
	font-size:11px;
	font-weight:normal;
	background-repeat: no-repeat;
	background-position: 0 bottom;
        }

        #productOfferings ul{
        background:#EAF0F3;
        overflow:auto;
        border-top:1px solid #ccc;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        border-left:1px solid #ccc;
        padding:35px 0 35px
        }

        #productOfferings ul li{
        list-style:none;
        font-size:10px;
        width:480px;
        float:left;
        margin:0 34px 0 35px
        }

        #productOfferings ul li a:link, #productOfferings ul li a:visited, #productOfferings ul li a:active {
        color:#FF1700
        }

        #productOfferings ul li a:hover{
        text-decoration:underline
        }

        .productSheet, .productDemo, .programDemo, .productOfferings{
        margin:21px;
        padding:37px 5px 5px 18px;
        background:#EAF0F3 url(/images/interface/tabs/tab-careers-productsheet.png) no-repeat 0 0;
        color:#2E3D52
        }
		
		.productSheet{
        background:#EAF0F3 url(/images/interface/tabs/tab-careers-productsheet.png) no-repeat 0 0
        }
		
		.productDemo{
        background:#EAF0F3 url(/images/interface/tabs/tab-products-demo.png) no-repeat 0 0
        }
	
		.programDemo{
        background:#EAF0F3 url(/images/interface/tabs/tab-program-demo.png) no-repeat 0 0
        }
		
		.productOfferings{
		background:#EAF0F3 url(/images/interface/tabs/tab-product-offerings.png) no-repeat 0 0;
		padding-left:11px !important
		}
		
        .productSheet h2, .productDemo h2, .programDemo h2, .productOfferings h2{
        font-size:12px;
        font-weight:bold;
        color:#FF1700;
        text-indent:-3000em;
        display:block;
        margin-bottom:-16px;
        }

        .productSheet a, .productDemo a, .programDemo a, .productOfferings a{
        color:#2E3D52;
        text-decoration:underline;
        display:block;
        margin:10px 0;
        }

        .productSheet p, .productDemo p, .programDemo p{
        font-size:10px;
        line-height:14px
        }

        .productSheet strong, .productDemo strong, .programDemo strong{
        font-size:11px;
        line-height:14px;
        }

        .productSheet img, .productDemo img, .programDemo img{
        border:1px solid #000;
        }
		
		.featured{
		padding:0 20px;
		}
		
		.featured h2{
		background:#657997 url(/images/interface/nav_arrow_c.gif) no-repeat 0 6px;
        color:#fff;
		font-size:11px;
		font-weight:normal;
        text-transform:uppercase;
        padding:6px 15px 0;
        height:20px;
		margin:0 -20px 20px;
	    float:none
		}
		
		.featured h3{
		font-size:11px;
		color:#2E3D52;
		font-family:Verdana, Geneva, sans-serif;
		font-weight:bold;
		margin:3px 0 1px
		}
		
		.featured p{
		line-height:14px;
		font-size:10px;
		margin-bottom:20px
		}
		
		.featured a{
		text-decoration:underline;
		display:block;
		margin-top:10px
		}
		
		.featured a:hover{
		text-decoration:none
		}

/* =Alternative Content
-----------------------------------------------------------------------------*/
	#altContent{
	height:300px;
	background:#EFF4F7;
	}
	
	#altContent img{
	display:block;
	clear:both
	}
	
	#altContent h1{
	color:#000;
	font-size:17px;
	display:block;
	width:100%;
	float:left;
	margin:10px 0;
	padding-bottom:10px;
	background:url(/images/interface/tab-products-line.gif) no-repeat 0 bottom
	}
	
	#altContent sup{
	font-size:9px
	}
	
	#altContent p{
	display:block;
	clear:both
	}
	
	#altContent ul{
	padding:20px 10px
	}

	#altContent li{
	display:block;
	float:left;
	width:142px;
	margin:4px 9px 4px 4px
	}
	
	#altContent a{
	color:#FF1700
	}
	
	#altContent a:hover{
	text-decoration:underline
	}


/* =Tables
-----------------------------------------------------------------------------*/
	caption{
	
	}

	table{
	margin:20px 250px 0 50px;
	background:#fff;
	border:1px solid #DEE8ED
	}

	tr{

	}

	th{
	font-weight:bold;
	text-align:left;
	background:#2E3D52;
	color:#fff
	}

	table tr.altRow td{
	background:#ccc;
	}

	th, td{
	padding:5px;
	border:1px solid #DEE8ED
	}


/* =Footer
-----------------------------------------------------------------------------*/
	#footer{
    clear:both;
    /*width:100%;*/
	margin:10px auto -10px;
	width:992px;
	display:block;
    background:#DEE8ED url(/images/interface/footer-bg.png) 0 0;
    height:58px;
    bottom:0;
	z-index:1000
    }

        #footer p{
        font-size:10px;
        padding:28px 50px 0;
		color:#495257
        }

        #footer p.right{
        margin-top:-15px;
        padding-top:0;
        }

/* =Misc 
-----------------------------------------------------------------------------*/
	span.regMark{
	color:#ff0000;
	display:block;
	margin:-43px 0 0 86px;
	position:absolute;
	}
	
	.clear {
	clear:both;
	}

	.left{
	float:left;
	}
	
	.left img, img.left{
	margin:4px 10px 10px 50px
	}
	
	p .left img, p img.left{
	margin:4px 10px 10px 0
	} 

	.right{
	float:right;
	}
	
	.right img, img.right{
	margin:4px 50px 10px 10px	
	}

	ol#errors li{
	font-weight:bold;
	background:none;
	color:#FF1700
	}

	.inline{
	display:inline;
	}

    .noBorder{
	border:none !important
    }  

	/* Simple hr */
	hr {
	height: 1px;
	color: #999;
	
	text-align: center;
	clear:both;
	background:#999;
	border:0;
	margin:20px 50px 20px 50px
	}

/* =Safari Handling
-----------------------------------------------------------------------------*/