/* Default Stylesheet */

																/* >>> ELEMENTS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #333;
		background: #03193c url(../images/bg.gif) repeat-x;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 80%;
		text-align: center;
		}

img 
{
    border: none;
    }

h1
{
    font-family: Franklin Gothic Book, arial ;
    font-size: 24px;
    color: #0066FF;
    padding: 3px 0 ;
    }

h2
{
    font-family: Georgia, Times New Roman;
    font-size: 16px;
    color: #444;
    padding: 10px 0 ;
    }

h3
{
    font-family: Georgia, Times New Roman;
    font-size: 15px;
    color: #0066FF;
    padding: 15px 0 ;
    }



div#print {
	display: none;
	}
div#container {
	width: 960px;
	margin: 20px auto;
	text-align: left;
	}
	div#header-wrap {
		margin: 8px 0px 1px 0px;
		}
		div#header-in {
			padding: 4px 0px;
			color: inherit;
			background: #03193c url(../images/header.jpg) no-repeat;*/
			border: solid #eee;
			border-width: 0 0px 0px 0;
			height: 67px;
			}
	div#subheader-wrap {
		margin: 0px 0px 0px 0px;

		}
		div#subheader-in {
			color: white;
			background:  #03193c; /* url(../images/goat.jpg) no-repeat; */
			border: solid #eee;
			border-width: 0 0px 1px 0;
			min-height: 120px;
			}

	div#features-wrap {
		margin: 0px 0px 0px 0px;
		}
		div#features-in {
    		padding: 5px;
			color: #000;
			background:  #eee; /* url(../images/goat.jpg) no-repeat; */
			
			min-height: 0px;
			}


	div#content-wrap {
		background-color:#fff;
		}
		div#center {
			margin: 0px 240px 0 0;
			background: #fff url(../images/body.jpg) no-repeat;
			border: solid #eee;
			border-width: 0 1px 0px 0;
			}
			div#center-in {
				padding: 20px;
				min-height: 920px;
				}
				
		div#right {
			float: right;
			width: 240px;
			color: inherit;
			background-color: #fff;
			border: solid #eee;
			border-width: 0 0px 0px 0;
			}
			div#right-in {
				padding: 0px;
				}

	div#footer-wrap {
        margin: 0px 0;
		}
		div#footer-in {
			padding: 4px 10px;
			color: inherit;
			background: #03193c url(../images/footer.jpg) no-repeat;
			border: solid #eee;
			border-width: 1px 0px 0px 0;
			height: 25px;
			}

			#connect
			{
			    float: right;
			    }
			    
			#contactus
			{
                font-family: arial;
			    background: #ddd;
			    height: 40px;
			    width: 500px;
			    font-size: 140%;
			    padding: 10px 0;
			    
			    }
			
			.contact-phone
            {
                color: #333;
                font-size: 120%;
                line-height: 25px;
                }

			#contactus img
			{
			    float: left;
			    margin-right: 12px;
			    margin-top: -15px;
			    }
			    
			#contactus a
			{
			    color: #0066FF;
			}
			    

#panels
{
     min-height: 500px;
    }			

																/* >>> SUB CONTAINERS <<< */
div.box {
	float: right;
	width: 211px;
	height: 70px;
	padding: 7px 0px 0px 12px ;
	border: 1px solid #eee;
	color: #333366;
 	}
	div.box h4 
	{
	    font-size: 16px;
        text-decoration: none!important;
	    }
	div.box1 {
		float: left;
		margin: 0px 10px 10px 0;
		background: url(../feature-thumbs/design.jpg) no-repeat;
		border: 1px solid #ccc;
		color: #fff;
		
		}

	div.box1:hover
	    {
    	border: 1px solid #999;
		}


	div.box2 {
        float: left;
		margin: 0px 10px 10px 0;
		background:  url(../feature-thumbs/programming.jpg) no-repeat;
		border: 1px solid #ccc;
		}
	div.box2:hover
	    {
    	border: 1px solid #999;
		}

	div.box3 {
		float: left;
		margin: 0px 10px 10px 0;
		background:  url(../feature-thumbs/strategy.jpg) no-repeat;
		border: 1px solid #ccc;
		color: #333366;		
		}

	div.box3:hover
	    {
    	border: 1px solid #999;
		}

		
	div.box4 {
		float: left;
		margin: 0px 10px 10px 0;
		background:  url(../feature-thumbs/customer.jpg) no-repeat;
		border: 1px solid #ccc;
		color: #fff;
		}

	div.box4:hover
	    {
    	border: 1px solid #999;
		}


.boxview {color: #ddd; padding-left: 1px; font-size: 11px;}

.boxview2 {color: #0066FF; padding-left: 1px; font-size: 11px;}




																/* >>> LISTS <<< */
ul.nav-right {
	margin: 0px 0px 0px 0px;
	list-style: none;
	}
	ul.nav-right li {
		
		}
		ul.nav-right li a {
			display: block;
			width: 210px;
			padding: 10px 15px 14px 15px;
			font-size: 90%;
			color: #333;
			background-color: #f9f9f9;
			text-decoration: none;
			border-bottom: 1px solid #ddd;
			}
		ul.nav-right li a:hover
{
    color: #333;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}
        ul.nav-right img 
        {
            border: 0px;
            }			

#twitterFeed 
{
    padding: 10px;
    font-size: 11px;
    color: #444;
    }
																/* >>> LISTS <<< */
ul.nav-right2 {
	margin: 0px 0px 10px 0px;
	list-style: none;
	}
	ul.nav-right2 li {
		
		}
		ul.nav-right2 li a {
			display: block;
			width: 222px;
			padding: 7px 7px 1px 10px;
			font-size: 90%;
			color: #666;
			text-decoration: none;
			border-bottom: 0px solid #ddd;
			}
		ul.nav-right2 li a:hover {
			color: #666;
			background-color: #fff;
            padding-left: 10px;
			}
        ul.nav-right2 img 
        {
            border: 0px;
            }			
ul.swapper {
		margin: 0px 0px 10px 0px;
		list-style: none;
		padding:7px 7px;
				}
			
ul#nav-top {
	float: right;
	padding: 7px 0;
	list-style: none;
	text-align: right;
	}
	ul#nav-top li {
		display: inline;
		}
		ul#nav-top li a {
			margin: 0 8px;
			color: #333;
			background-color: inherit;
			font-size: 120%;
			text-decoration: none;
			border-bottom: 1px solid #eee;
			}
		ul#nav-top li a:hover {
			color: #4494FF;
			background-color: inherit;
			border-bottom: 1px solid #F1F7FF;
			}
ul.list {
	margin: 5px 30px;
	font-size: 90%;
	line-height: 20px;
	}




																/* >>> TYPOGRAPHY <<< */
*.x {
	display: none;
	}
div#subheader-wrap h1 {
	font-size: 220%;
	}
div#center h2 {
	margin: 0 0 5px 0;
	}
div#center h4 {
	margin: 5px 0 5px 0;
	font-size: 125%;
	color: #555;
	}

div#right h2 {
	padding: 14px 20px 14px 15px;
    font-size: 122%;
    background: url(../images/_h2_bg.gif) repeat-x; 
    color: #333366;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #eee;
	}
div#center p {
	margin: 5px 0 5px 0;
	color: #444;
	background-color: inherit;
	font-size: 95%;
	line-height: 18px;
	}
div#right p {
	margin: 0 20px 5px 20px;
	color: #666;
	background-color: inherit;
	font-size: 90%;
	}
p a, ul.list a {
		color: #0066FF;
	background-color: inherit;
	text-decoration: none;
	}
	p a:hover, ul.list a:hover {
		color: #333;
		background-color: inherit;
		}


	div#menu-wrap {
		margin: 1px 0;
		}
		div#menu-in {
			padding: 0px;
			color: inherit;
            background: url(../images/menu_bg.gif) repeat-x;
			border: solid #eee;
			border-width: 0 0px 0px 0;
			height: 30px;
			}


#navcontainer ul
    {
        padding-left: 0;
        margin-left: 0;
        background-color: #003399;
        color: White;
        float: left;
        width: 100%;
        font-family: arial, helvetica, sans-serif;
    }

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.5em 1.8em;
background-color: #003399;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #555;
}

#navcontainer ul li a:hover
{
background-color: #444;
color: #fff;
}


#nav-footer ul
    {
        padding-left: 0;
        margin-left: 0;
        color: White;
        float: left;
        width: 100%;
        font-family: arial, helvetica, sans-serif;
        font-size: 90%;
    }

#nav-footer ul li { display: inline; }

#nav-footer ul li a
{
padding: 0.3em 1.2em;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #003399;
}

#nav-footer ul li a:hover
{
/* background-color: #444; */
color: #fff;
}


.arrow
{
    font-size: 85%;
    }
    
#breadcrumbs {font-size: 100%; margin-bottom: 14px;}
#breadcrumbs a:link {color: #333;}
#breadcrumbs a:visited {color: #333;}
#breadcrumbs a:active {color: #333;}
#breadcrumbs a:hover { color: #003399;}


.newsdate 
{
    color: #0066FF;
    
    }



span.mark{color:#0066cc; font-weight: normal;}
span.markhead{color: #555;}
span.mark a
    {
    color:#0066cc; 
    font-weight: normal; 
    text-decoration: none;
    border-bottom: 1px solid #0066cc;
    }
span.mark a:hover
    {
    border-bottom: 1px solid #aaa;
    }

.blogpost 
{
    padding-bottom: 25px;
    }

.blogtitle a
    {
    color:#0066cc;
    padding-top: 20px;
    }
.blogtitle p 
{
    padding-bottom: 5px;
    }

.comment_link
{
    float: right;
    }

.meta-blog
 {
     font-size: 11px;
    
     }   
.meta-blog a
 {     
       color: #0066cc;
}
    
      
#comments {margin-top: 15px;}
.comments {border-top: 1px solid #97c1d5; background-color: #f3f3f3; padding: 0; border-bottom: 1px solid #f3f3f3}
.comments h3 {margin: 0; padding: 10px 10px 8px 10px; line-height: 1em; background-color: #eafee4}
.comments ol {list-style: none; margin: 0}
.comments ol li {list-style: none; margin: 0; border-top: 1px solid #ccdce3; padding: 5px 10px; background-color: #f9f9f9;}
.comments ol li p.comment-meta {color: #999; margin: 8px 0; font-weight: bold}
.comments ol li p.comment-meta .comment-author {color: #4271A5}
.comments ol li p {margin: 8px 0}

#respond {border-top: 1px solid #97c1d5; border-bottom: 1px solid #97c1d5; padding: 10px; background-color: #eafee4}
#respond h3 {margin: 0 0 10px 0; padding: 0}
#respond table label.comments_right {text-align: right; display: block}
#respond table label.required {font-weight: bold}
#respond td p.subscribe-to-comments {margin: 5px 0 0 0}
    
.nav-previous
{}
    
.blogbody
{
    margin-bottom: 20px;   
    }    

.quotesummary
    {
    min-height: 168px;    
    }
        
.teamsummary
    {
    min-height: 163px;    
    }


.projectsummary
    {
    min-height: 134px;    
    }
    .projectthumb
        {
            float: left;
            margin: 0 10px;
            background-color: #ccc;
            padding: 3px;
            border: solid 1px #ccc;
            }

    .quoteimage
        {
            float: left;
            margin: 0 10px;
            background-color: #FFF;
            padding: 3px;
            border: solid 1px #FFF;
            }

    .quoteimage:hover
        {
            float: left;
            margin: 0 10px;
            background-color: #FFF;
            padding: 3px;
            border: solid 1px #FFF;
            }


    .projectthumb:hover
        {
            float: left;
            margin: 0 10px;
            background-color: #0066FF;
            border: solid 1px #0066FF;
            
            }            
            
    .projecttitle h5
        {
            color: #333366; 
            font-size: 14px;           
            }
    .projecttitle h5 a 
    {
        text-decoration: underline;
        color: #333366; 
        }

        .teamtechnologytags   
        {
            line-height: 12px!important;
            margin-left: 168px;
            }

        .technologytags
        {
            font-size: .9em;
        }

        .technologytags p  
        {
            line-height: 12px!important;
            }
            
        .technologytags a 
        {
            color: #0066FF;
            text-decoration: none;
            
            }   
            
 
        .partnertags
        {
            font-size: 12px;
            }
        
    
#quotes{
	background-color:#fff;
	font:22px Georgia, "Times New Roman", Times, serif;
	color:#333366;
	height:100px;
	margin: 10px auto 0 auto;
	padding:20px;
	position:relative;
	 font-style: italic;
}

#author{
	color:#666;
    font-size: 13px;
    font-family: Arial;
    font-style: italic;
	position:absolute;
	bottom:10px;
	right:10px;
}



#breadcrumbs
{
    color: #0066FF;
    font-family: Verdana, Georgia, Times New Roman;
     font-weight: bold;
      font-size: 12px;
    }

#breadcrumbs a
{
    color: #444!important;
    }

.roles
{
     font-size: 12px;
     color: #666;
     font-style: italic;
     line-height: 18px;
    }
    
img.blogimage
{
    float: left;
    margin: 4px 10px 10px 0;
    }
    
.screenshot {
    border:1px solid #aaa;
    }

.viewlive 
{
    background: #333;
    padding: 3px 6px 3px 6px ;
    color: #eee;  
    text-decoration: none;     
    border: solid 1px #333;
    }
.viewlive:hover
{
    background: #eee;
    color: #333;  
    border: solid 1px #333;
    }

.previous
{
    font-size: 18px;
    color: #f9f9f9;
    background: #0066FF;
    padding: 5px 8px 5px 8px ;
    margin: 4px 4px 4px 0;
     text-decoration: none;   
     border: solid 1px #0066FF;
    }
    .previous:hover
        {
            color: #0066FF;
            background: #f9f9f9;
        }

.next 
{
    font-size: 18px;
    color: #f9f9f9;
    background: #0066FF;
    padding: 5px 8px 5px 8px ;
    margin: 4px 4px 4px 0;
     text-decoration: none;   
     border: solid 1px #0066FF;

    }
    
     .next:hover
        {
            color: #0066FF;
            background: #f9f9f9;
        }

		.list
		{
			margin-left: 100px;
		}
		.homelist
				{
			margin-left: 50px;
		 	 
		}
		.homelist a
		{
			
			color: #0066FF;
		}
				

	
.accord {
	color: #000;
    
}

.accord  p {
    margin: 0;
    display: block;
    padding: 15px 0px 5px 0px;
    color: #000;
    font-size: 12px;
    line-height: 16px;
}

.accord .phone {
    color: #0066FF;
    font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}