@import url('reset.css');
@import url('text.css');

body
{
background-image:url('/img/background2.jpg');
background-repeat:repeat-x;
background-attachment:fixed
}
#page{
	margin:0px auto 0px;
	width:960px; 
}
#header {
    background:#ffffff url(../img/navbg.jpg) repeat-x;
    height:67px;
    width:100%;
}
.inner_header{
    margin:0px auto 0px;
	width:960px;
    height:63px;   
}
.logo{
    width:157px;
    height:39px;
    margin-top:25px;
    float:left;
}

.newmenu{
    float:left;
    margin-left:345px;
    margin-top:8px;
    width:450px;
}
* html .newmenu{
    float:left;   
    margin-left:250px;
    margin-top:8px;
    width:475px;
}
/* lavalamp*/
* html .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 510px;
            padding: 15px;
            margin:0px;
            overflow: hidden;          
        }
 .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;            
            padding: 15px;
            margin:0px;
            overflow: hidden;          
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid #2482ca;
                       /* background:url('../img/shadow.jpg') repeat-x;*/
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                        top:24px;
                    }
                     
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #2482ca;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }

                        /*lavalamp 2*/
        * html .lavaLampBottomStyle2 {
            position: relative;
            height: 29px;
            width: 510px;
            padding: 15px;
            margin:0px;
            overflow: hidden;
        }
 .lavaLampBottomStyle2 {
            position: relative;
            height: 29px;
            width: 421px;
            padding: 15px;
            margin:0px;
            overflow: hidden;
        }
                .lavaLampBottomStyle2 li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle2 li.back {
                        border-bottom: 5px solid #2482ca;
                       /* background:url('../img/shadow.jpg') repeat-x;*/
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                        top:24px;
                    }

                    .lavaLampBottomStyle2 li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #2482ca;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampBottomStyle2 li a:hover, .lavaLampBottomStyle2 li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }
#twitter_div{
	font-color:#2482ca;
	font-family:Arial;
	font-size:10px;
	width:240px;
	float:right;
	padding-top:50px;
	color: rgba(255, 255, 255, 0.4);
	bottom: -3px;
	right:-3px;
	background-color: rgba(0,0,0,0.1);
	display: block;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	padding: 20px;
}
#twitter_div span{
	font-color:#fff;
	font-family:Arial;
	font-size:11px;
	color:#fff;
}
#twitter_div a{
	font-color:#2482ca;
	font-family:Arial;
	font-size:10px;
	color:#2482ca;
	text-decoration:none;
}
.servicecontainer{
width: 680px;
height:200px;
margin-top: 10px;
background-color:#000;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
.servicecontainer h2{
margin: 0 0 -19px 216px;
border-top:4px solid #fff;
border-bottom:1px solid #fff;
}
.servicecontainer p{
margin: 24px 0 -109px 216px;
font-family:arial, sans-serif;
font-size: 11px;
font-color:#fff
}
.servicecontainer ul{
    margin-left:230px;
    padding:0px;
    }
.servicecontainer2 ul{
    margin-left:230px;
    padding:0px;
    }
.servicecontainer ul li{
	color:#fff;
	font-size:12px;
	text-decoration:capitalize;
    list-style:square;
    }
.servicestitle{
margin: 0 0 10px 216px;
}
.servicestitle p{
margin: 0 0 10px 216px;
font-family:arial;
font-size:11px;
}
.servicestextbox{
width: 680px;
height:300px;
font-family:arial, sans-serif;
font-size:10px;
color: #fff;
text-transform: none;
}
.serviceimg{
float:left
padding-left:10px
padding-top:30px;
background-image:url(/img/webd.png) no-repeat;
}
	.projectDetails {
		width: 330px;
		float: right;
		padding-top: 30px;
		padding-right:0px;
		padding-left: 15px;
	}
	.titlecontainer{
		width:300px;
		border-bottom: 1px solid #fff;
		border-top: 4px solid #fff;
		
	}
	.projectDetails a {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #1d4268;
		width: auto;
		position:relative;
        top:80px;
        float:right;
		padding: 3px;
		letter-spacing: 1px;
	}
	.projectDetails a:hover {
		text-decoration: underline;
	}
	.projectDetails .projectTitle {
		font-size: 19px;
		font-weight: bold;
		color: #2482ca;
		cursor: default;
		padding-top:6px;
		padding-bottom:4px;
	}
	.projectDetails .detailStrike {
		background: url(img/strike_details.gif) no-repeat;
		width: 365px;
		height: 32px;
		display: block;
		margin: -7px 0 0 -16px;
		padding-top:4px;
	}
	.projectDetails .detailStrike span {
		display: block;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		padding: 10px 0 0 16px;
		text-transform: uppercase;
		cursor: default;
	}
	.projectDetails p {
		width: 90%;
		color: #fff;
		line-height:1.5;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0 10px 0;
		cursor: default;
	}
	.projectDetails p:hover {
		color: #fff;
	}
#workinfo{
	float:left;
	width:280px;
	height:300px:
	z-index:1200;
	margin-left:650px;
	margin-right:20px;	
}
.worktitle h2{
	font-family:Arial;
	font-size:14px;
	color:#fff;
}
#bar{
    background:#000;
    height:575px;
    width:100%;
}
#leftC{
	background:#2482ca transparent url(../img/col.png) repeat-x;
	width:310px;
	height:500px;
	float:left;
	margin-right:15px;
}
.lcontent{
	width:280px;
	height:460px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}
.lcontent p{
	width:280px;
	height:460px;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	font-family:arial;
	font-size:12px;
	color:#fff;
}
#middleC{
	width:310px;
	height:500px;
	float:left;
	margin-right:15px;
	
}
.mcontent{
	width:280px;
	height:460px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}
.mcontent p{
	color:#fff;
	font-size:12px;
	padding-top:20px;
}
#rightC{

	width:310px;
	height:500px;
	float:left;


}
                       /*lavalamp2*/
/*End lavalamp
.menu{
    float:left;
    margin-left:345px;
    margin-top:8px;
    width:450px;
}
 * html .menu{
    float:left;   
    margin-left:250px;
    margin-top:8px;
    width:425px;
}
.menu ul{
    padding-top:12px;
   padding-left:7px;
    color:#FFFFFF;

}
* html .menu ul{
    padding-top:10px;
   padding-left:7px;
    color:#FFFFFF;

}
.menu ul li {
    float: left;
    margin-left:0px;
    text-align:center;
    display:inline;
    color:#FFFFFF;
    padding-right:30px;

}
.services{
    /*background:#646464 url(../img/services.jpg) no-repeat;
    color:#F3E1B9;
    display:block;
    float:left;
    width:65px;
    height:23px;
    text-decoration:none;
    
}
.work{
   /*  background:#646464 url(../img/work.jpg) no-repeat;
    color:#F3E1B9;
    display:block;
    float:left;
    width:59px;
    height:23px;
    text-decoration:none;
    
}
.resume{
    /* background:#646464 url(../img/resume.jpg) no-repeat;
   color:#F3E1B9;
    display:block;
    float:left;
    font-size:12px;
    width:62px;
    height:23px;
    text-decoration:none;
    
}
 .contact{
    /* background:#646464 url(../img/contact.jpg) no-repeat;
   color:#F3E1B9;
    display:block;
    float:left;
    width:66px;
    height:23px;
    text-decoration:none;
   
}*/
.content{
    width:960px;
}
.home_title{
     width:940px;
     height:0px;
     margin-left:10px;
    margin-top:20px;    
}
#inner_content{
	width:955px;
	margin-top:25px;
}
.left_menu{
	width:235px;
	float:left;	
	padding-top:20px;
	padding-left:20px;
}
.right_content{
	width:245px;
	float:left;
}

.left_menu h3{
	color:#1E4167;
	font-family:Tahoma,Arial,Helvetica;
	font-size:19px;
	font-weight:bold;
	padding-left:10px;
    text-transform:uppercase;
}
.left_menu ul {
	list-style-type:disc;
	margin-top:10px;
}
.left_menu ul li {
	color:#fff;
	font-family:Tahoma,Arial,Helvetica;
	font-size:12px;	
	list-style-type:square;
	margin-left:26px;
	margin-top:5px;
}
.img_box{
     width:960px;
}
.web_design{
   float:left;
   height:40px;
   width:960px;
   margin-top:-56px;
   background:url(../img/middle-title.png) no-repeat;
}
.print_design{
    float:left;
   height:128px;
   width:241px;
   background:url(../img/print.jpg) no-repeat;
}
.branding_design{
    float:left;
   height:128px;
   width:234px;
   background:url(../img/identity.jpg) no-repeat;
}
.branding_design2{
    float:left;
   height:132px;
   width:235px;
   background:url(../img/branding.png) no-repeat;
}
.right_content_text_box{
     width:610px;
	 float:left;
}
.right_content_text_box h3{
    color:#1E4167;
    font-family:Tahoma,Arial,Helvetica;
    font-size:22px;
    font-weight:bold;
    margin-top:30px;
    padding-left:10px;
    text-transform:uppercase
}
.right_content_text_box p{
    color:#fff;
    font-family:Tahoma,Arial,Helvetica;
    font-size:11px;
    font-weight:normal;
    margin-top:10px;
    padding-left:10px;
}
.center_content_text_box{
     width: 266px;
	 height:670px;
}
.center_content_text_box h3{
    color:#1E4167;
    font-family:Tahoma,Arial,Helvetica;
    font-size:22px;
    font-weight:bold;
    margin-top:30px;
    padding-left:10px;
    text-transform:uppercase;
}
.center_content_text_box p{
    color:#181818;
    font-family:Tahoma,Arial,Helvetica;
    font-size:13px;
    margin-left:10px;
    top:10px;
	margin:10px;
	margin-bottom:10px;
}
.quote_box{
    float:right;
    height:46px;
    width:195px;
	padding-top:10px;
}
.clear
.class{
	clear: both;
}
#late{
	background:url(../img/late.png) no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#mainfooter{
    background:#000;
    height:75px;
    width:100%;

}
.footer_link {   
    margin-left:106px;
    margin-top:10px;
    width:670px;
}
.footer_link ul {
    color:#c6c6c6;
    padding-left:100px;
    padding-top:12px;
}
.footer_link ul li {
    color:#c6c6c6;
    display:inline;
    float:left;
    margin-left:0;
    text-align:center;
}
.footer_link ul li a {
    color:#c6c6c6;
    display:block;
    float:left;
    font-size:11px;
    padding-left:18px;
    padding-right:18px;
    text-decoration:none;
    text-transform:uppercase;
}
.footer_content {
margin:0 auto;
width:960px;
}
.face_link{
    margin-left:0px;
    margin-top:10px;
    width:490px;
}
.rss-popup{
    float:left;
     margin: 0px auto;
    padding: 0;
    width: 20px;
    position: relative;
}
.face_center{
float:right;
color:#484848;
height:20px;
font-size:11px;
text-transform:uppercase;
padding-top:15px;

}
.face_center2{
float:right;
color:#484848;
height:20px;
font-size:11px;
text-transform:uppercase;
padding-top:15px;
margin-right:-450px;

}
.face_right{
float:left;
     margin: 0px auto;
    padding: 0;
    width: 41px;
    position: relative;
 margin-left:10px;

}
#twitter-icon{
background:transparent url(../img/t_icon.png) no-repeat scroll 0 0;
display:block;
height:17px;
margin:0 auto;
text-indent:-9999px;
width:42px;
margin-top:15px;
}
#rss-icon {
background:transparent url(../img/f_icon.png) no-repeat scroll 0 0;
display:block;
height:22px;
margin:0 auto;
text-indent:-9999px;
width:42px;
margin-top:15px;
}

div.rss-popup em {
    background: url(../img/facebook.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
     top: -70px;
    left: -20px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
div.face_right em {
    background: url(../img/twitter.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
     top: -70px;
    left: -20px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
root {
    display: block;
}
/* image gallery */
    .galleryview {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .overlay3
{
    top:323px !important;
}
.filmstriped
{
    
    border:none !important;
    
}
.panel-overlay
{
    top:316px !important;
}
    .panel-overlay h2{
	color:#2482ca;
	font-family:Georgia;
	font-style:italic;
	text-align:right;
	font-size:16px;
	margin: 1.0em 0;
}
    .panel-overlay p{
        margin: .3em 0;
        text-align:right;
    }
    .panel-overlay p {
        line-height: 1.2em;
    }
.filmstrip{
width:960px;
}
.strip_wrapper{
    height:90px;
    left:521px;
    overflow:hidden;
    position:absolute;
    top:363px;
    width:440px;
}
.image_gallery{
    height:460px;
    margin-top:50px;
}
/* end image gallery */
/* ---------------------------------------------------------------------- */
/* CONTACT PANEL */
/* ----------------------------------------------------------------------

#contactPanel{
	color: #e5e5e5;
	background-color: #000000;
	min-width: 936px;
	width: 100%;
	position: absolute;
	z-index: 99;
	top: -600px;
}*/


#contactPanel2{
background-color:#666666;
color:#E5E5E5;
display:none;
min-width:936px;
position:absolute;
top:0;
width:100%;
z-index:999999;
}
#contactPanel{
background-image:url('/img/cform.jpg');
background-repeat: repeat-x;
color:#E5E5E5;
display:none;
min-width:936px;
position:absolute;
top:0;
width:100%;
z-index:999999;
}
.left_cantactbox{
	width:389px;
	float:left;
}
.right_cantactbox{
	width:300px;
	height:400px;
	float:left;
}
#contactContent a:link, #contactContent a:visited {
	color: #fff;
	text-decoration: underline;
}

#contactContent a:hover, #contactPanel a:active{
	color: #2482ca;
	text-decoration: none;
}

#contactContentContainer {
	margin: 0 auto;
	width: 936px;
	height: 600px;
	position: relative;
    margin-bottom:20px;
    border-bottom:1px solid #fff;
    
}
#contactContentContainer3 {
	margin: 0 auto;
	width: 936px;
	height: 690px;
	position: relative;
   margin-bottom:90px;

}
#contactContent {
	padding-top: 38px;
}

#contactCloseBTN a {
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	position: absolute;
	right: 0;
	top: 15px;
	text-indent: -9999em;
	display: block;
	width: 48px;
	height: 48px;
	background: url(../img/overlay/close.png) no-repeat left top;
}

#contactCloseBTN span.closeBTNhover {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 56px;
	background: #000000 url(../img/closeBTN.gif) no-repeat left bottom;
}
#contactCloseBTN2 a {
	position: absolute;
	right: 0;
	top: 25px;
	text-indent: -9999em;
	display: block;
	width: 46px;
	height: 56px;
	}


#contactCloseBTN2 span.closeBTNhover {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 56px;
	background: #000000 url(../img/overlay/close.png) no-repeat left bottom;
}
#contactContent h1 {
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom:4px solid #fff;;
}

#contactContent div.column1 .talk {
 	font: 30px/38px Helvetica, "Hoefler Text", "Times New Roman", Times, Serif;
	margin-bottom: 10px;
	font-style:bold;
	line-height: 38px;
	color:#2482ca;
}
#contactContent div.column1 .talk p{
 	font-size: 12px

 	font-family:Helvetica, "Hoefler Text", "Times New Roman", Times, Serif;
	margin-bottom: 10px;
	line-height: 38px;
	color:#68BEFF;
}
#contactContent div.column1 .phoneEmail {
	font: italic 16px/17px Georgia, "Hoefler Text", "Times New Roman", Times, Serif;
	display: block;
	width: 220px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0;
	padding: 15px;
	line-height: 17px;
	
}

#contactContent div.column1 {
	width: 360px;
	float: left;
	margin: 0 24px 0 0;
}

#contactContent div.column2 {
	width: 216px;
	float: left;
	margin: 0 24px 0 0;
}

#contactContent div.column3 {
	width: 296px;
	float: left;
}

#contactContent div.column2 ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 20px 20px 0 0;
	padding: 0;
	border-top: 1px solid #1a1a1a;
}

#contactContent div.column2 ul li {
	border-bottom: 1px solid #2482ca;
	font-size: 14px;
	font-family: Georgia, "Hoefler Text", "Times New Roman", Times, Serif;
	margin: 0;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:30px;
}

#contactContent div.column2 ul li.top {
	border-top: 1px solid #2482ca;
}

#contactContent div.column2 ul li a {
	display: block;
	color: #e5e5e5;
	padding: 3px 20px;
	text-decoration: none;
}
#contactContent div.column2 ul li a:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin:padding;
	color: #e5e5e5;
	text-decoration: none;
	background: #2482ca ;
}
.italic{
	font-style:italic;
	font-size:10px;
}
	

/* ---------------------------------------------------------------------- */
/* FORM */
/* ---------------------------------------------------------------------- */

#contactContent input, #contactContent textarea{
	background-color:#454545;
	border:0 none;
	color:#000;
	display:block;
	font-size:11px;
	height:13px;
	line-height:15px;
	margin-left:0px;
	margin-top:7px;
	padding:5px;
	text-decoration:none;
	width:286px;
}
 #contactContent textarea {
	padding:5px;
	-moz-border-radius:4px;
	background-color:#2482ca;
	border:0 none;
	color:#cbcbcb;
	display:block;
	font-size:11px;
	height:13px;
	line-height:15px;
	margin-left:0px;
	margin-top:7px;
	padding:5px;
	text-decoration:none;
	width:400px;
}
#contactContent input{
	background:transparent url(../img/formBG.gif) no-repeat scroll left top;
}
#contactContent input:focus {
	background: url(../img/formBG.gif) no-repeat scroll left center !important;
	color: #000;
}
#contactContent input.invalid {
	background: url(../img/formBG.gif) no-repeat scroll left bottom;
	color: #454545;
}

#contactContent textarea:focus {
	color: #000;
	background-color:#2482ca;
	border-bottom: 1px solid #4d7fcd;
}
#contactContent textarea.invalid {
	color: #ff0000;
	background-color: #2482ca;
	border-bottom: 1px solid #d33432;
}
#contactContent div.formLabel {
	font-weight: bold;
	color: #b2b2b2;
	margin-top: 5px;
	font-size: 10px;
}

#contactContent textarea {
	background-color: #454545;
	border:0 none;
	color: #cbcbcb;
	display: block;
	font-size: 11px;
	height: 130px;
	padding: 5px;
	text-decoration:none;
	width:286px;
	margin-top: 4px;
}

#contactContent #ContactFormSubmitBTNContainer {
	position: relative;
}

#btn {
	background:transparent url(../img/submit.png) no-repeat scroll left top !important;
	cursor:pointer;
	height:32px !important;
	margin-top:15px !important;
	width:133px !important;
	z-index:10;
	text-indent:-3000px;
    border:none;
}
#contactContent #contactFormSubmitBTN {
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/submitBTN.gif) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	height:23px;
	margin-top:15px;
	position:absolute;
	right:0;
	width:94px;
	z-index:10;
}

#contactContent #ContactFormSubmitBTN:hover {
	background: transparent url(../img/submitBTN.gif) no-repeat scroll left bottom;
}

#ContactFormSubmitBTNContainer span.submitBTNhover{
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 15px;
	width: 94px;
	height: 23px;
	background: #000000 url(../img/submitBTN.gif) no-repeat left bottom;
	cursor: pointer;
}

#thankYou_box {
	display: none;
	font: 14px/16px Georgia, "Hoefler Text", "Times New Roman", Times, Serif;
	padding: 20px;
	background-color: #2259ab;
}
#thankYou_box p span {
	font: 20px/30px Georgia, "Hoefler Text", "Times New Roman", Times, Serif;
}
#contactContent .hiddenField {
	display: none;
}

/* End contact form */
/* End contact form */

 .filmstrip li
    {
        padding-left:20px !important;
        padding-right:20px !important;
    }
    
  /* .filmstrip a:hover img
    {
        z-index:1000;
        opacity:10 !important;
    }
    
    .flimstrip img
    {
        opacity:0.4 !important;
    }
    .flimstrip a:hover img
    {
        opacity:10 ;
    }*/

    #selectedservices
{
    margin-top:-11px;
    margin-left:-10px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
}
 * html  #selectedservices
{
    margin-top:-9px;
    margin-left:-4px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
    position:relative;
    padding-bottom:0px;
    margin-bottom:0px;
}
   #selectedwork
{
    margin-top:-11px;
    margin-left:86px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
}
 * html  #selectedwork
{
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
    position:relative;
    margin-top:-20px;
    left:-4px;

}
   #selectedresume
{
    margin-top:-11px;
    margin-left:170px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
}
 * html  #selectedresume
{
    margin-top:-20px;
    left:-20px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
    position:relative;

}
    #selectedcontact
{
   margin-top:-11px;
    margin-left:86px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
}
 * html  #selectedcontact
{
       margin-top:-9px;
    margin-left:-4px;
    width:88px;
    height:25px;
    background:url('../img/over.jpg') no-repeat;
    border:none;
    position:relative;
    padding-bottom:0px;
    margin-bottom:0px;
}




/*showcase*/
#showcase {
    margin:0 auto;
    padding:46px;
    position:relative;
    width:990px;
    }
#showcase h2 {display:none;}
ul#showcaseNav {width:30px; float:left; position:absolute; top:285px; left:300px;}
ul#showcaseNav li {margin-bottom:10px;list-style:none;}
ul#showcaseNav a {width:30px; height:17px; display:block; text-indent:-9999px; outline:none;}
a.prev {background:url(../img/uarrow.jpg) no-repeat;}
a.next {background:url(../img/darrow.jpg) no-repeat;}

div#showcaseInfo {float:left; width:280px; margin-right:28px; margin-left:-4px; margin-top:55px;}

div#showcaseInfo h3 {font-size:1.8em; margin-bottom:5px;}

div#showcaseInfo ul li a {color:#1d4268;font-size:22px;text-decoration:none;}
div#showcaseInfo ul li {height:144px !important;}

div#showcaseInfo p {color:#333333;font-size:12px;text-align:justify;width:300px;}
div#showcaseInfo p:first-child {margin-top:0px;}

div#showcaseImages {width:625px !important; height:376px !important; overflow:hidden; float:left;}
div#showcaseImages ul li {float:left;width:631px !important;height:376px !important;}

/*p#seeAll {background:url(../img/uarrow.jpg) no-repeat; height:28px; width:125px; padding-left:14px; position:absolute;
top:298px; left:0;}
p#seeAll a {display:block; background:url(img/darrow.jpg) no-repeat right; height:23px; color:#aca33d; text-decoration:none;
padding-top:5px; padding-left:5px;}*/

/*panel css*/
.panel,.panel img
{
    height:360px !important;
}
/*panel css*/

/*Project Content div*/

#projectbox{
	width:960px;
	height:350px;
	background:#000;
	}

#project_content
{
    margin:0px auto 0px;
    padding-top:2S0px;
    width:960px;

}
#project_content h1
{
        color:#fff;
        font-size:19px;
        text-transform:uppercase;
		padding-bottom:20px;
		width:138px
		
		
}

#projects
{
    width:960px;
   /* margin-left:10px;*/
}
#projects ul
{
    padding:0px;
    margin:0px;
}
#projects li
{
    list-style:none;
    float:left;
    padding:0 10px 5px 0;
}
#projects img
{
    height:200px;
    width:450px;
    border:none;
}


/*Form Css

body                       { font:12px/1.3 Arial, Sans-serif; }*/
/* End contact form */
form              { margin:auto;background:none repeat scroll 0 0 !important;}
#contactPanel2 form              { margin:auto;background:#666666 none repeat scroll 0 0 !important;}
* html form              { margin:auto;background:#000; }
/* div                        { clear:both;position:relative;margin:0 0 10px; }*/
 label                      { cursor:pointer;display:block;color:#fff !important; }
 * html label                      { cursor:pointer;display:block;color:#fff !important;margin-top:3px; }
 input[type="text"]         { width:289px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
 * html  input[type="text"]         { width:289px;border:1px solid #999;padding-top:10px;-moz-border-radius:4px; }
input[type="text"]:focus   { border-color:#777; }
input[name="zip"]          { width:150px; }

/* submit button */
 input[type="submit"]       { cursor:pointer;border:1px solid #cbcbcb;padding:5px;-moz-border-radius:4px; }
 input[type="submit"]:hover,
 input[type="submit"]:focus { border-color:#333;background:#2482ca; }
 input[type="submit"]:active{ margin-top:1px; }
 /***** start resume page css*****/
 .resume_content{
width: 960px;
background-color:#000;
margin-top:0px;
}

/** start resume main **/
.resume_main{
float: left;
width: 690px;

}
.resume_payne{
width: 680px;
margin-top: 40px;
background-color:#000;
padding-left:10px;
padding-top:10px;
}
.resume_payne_title{
width: 690px;
height:50px;
}
.resume_payne_title h1{
 font-family:trebuchet MS;
width: 690px;
height:25px;
font-size:17px;
color: #fff;
text-transform: uppercase;
}

.resume_payne_title h5{
font-family:trebuchet MS, helvetica, arial;
width: 690px;
font-size: 14px;
color: #f6f6f6;
text-transform:capitalize;
}
.resume_payne p{
width: 650px;
font-family:Georgia;
margin-top:10px;
font-size: 13px;
color: #fff;
padding-bottom:20px;
}

.related_design_work{
width: 690px;
background-color:#000;
}
.related_design_work_content{
width: 681px;
margin-top:22px;

}
.related_design_work2{
width: 690px;
height:641px;
margin-top:0px;
background-color:#000;
filter:alpha(opacity=60);
}
.related_design_work h1{
font-family:trebuchet MS;
width: 690px;
height:25px;
font-size:17px;
color: #808080;
padding-top:5px;
padding-left:10px;
margin-bottom: 20px;
text-transform: uppercase;
}
.related_design_work_content{
width: 650px;
margin-bottom: -10px;
padding-left:10px;
margin-top:0px;
}
.design_work_content_img{
width: 170px;
float: left;
}
.design_work_content_text{
margin-bottom:20px;
width: 465px;
float: left;
color:#b7b7b7;
font-size:13px;
font-style:capitalize, bold;
}
.design_work_content_title{
width: 440px;
font-size: 13px;
height: 20px;
font-style:capitalize;
color:#b7b7b7;
}
.design_work_content_title b{
font-size: 14px;
color: #2482ca;
text-transform:capitalize;
}
.design_work_content_text p{
font-size: 12px;
color: #b7b7b7;
}
.clients{
width: 680px;
height:445px;
background:#000;
margin-top:10px;
padding-top:5px;
padding-bottom:10px;
padding-left:10px;
}
.clients_title_container{
border-top:4px solid #fff;
border-bottom:1px solid #fff;
width:670px;
margin-top:2px;
margin-bottom:22px;

}
.clients_title{
font-family:arial,helvetica, trebuchet MS;
width: 690px;
height:25px;
font-size:17px;
color: #2482ca;
text-transform: uppercase;
padding-top:5px;
padding-bottom:3px;
font-style:bold;
}
.clients h1{
font-family:trebuchet MS;
width: 690px;
height:25px;
font-size:17px;
color: #c6c6c6;
text-transform: uppercase;
}
.clients_left{
width: 343px;
float: left;
margin-left: 168px;
}
.clients_left ul{
list-style-type: disc;
margin-left: 20px;
}
.clients_left li{
list-style-type:square;
padding-top:12px;
font-size: 12px;
color:#fff;

}
.clients_right{
width: 310px;
float: left;
margin-left: 40px;
}
.clients_right ul{
list-style-type: disc;
}
.clients_right li{
 list-style-type:disc;
padding-top:12px;
font-size: 12px;
color:#fff;
}
/** end resume main **/

/** start resume right **/
.resume_right{
float: left;
width: 266px;
}
.download{
width: 266px;
height:142px;
background-color:#000;
margin-top: 40px;
}
.download2{
width: 266px;
height:338px;
background-color:#000;
margin-top: 40px;
}
.download_button{
height:30px;
padding-top:24px;
padding-left:25px;
width:266px;
}
.software_box{
width:266px;
background:#000;
margin-top:-21px;
}
.software_box_content{
padding-left: 10px;
padding-top:22px;
}
.software_box_content_text{
padding-bottom:10px;
padding-top:10px;
width:244px;
font-size: 12px;
color:#fff;
}
.software_box_title_container{
border-top:4px solid #fff;
border-bottom:1px solid #fff;
width:240px;
margin-top:-10px;
}
.software_title{
font-family:arial, helvetica, trebuchet MS;
height:25px;
font-size:17px;
color: #2482ca;
text-transform: capitalize;
padding-bottom:3px;
padding-top:5px;
}
.software_box h1{
font-family:trebuchet MS;
height:25px;
font-size:17px;
color: #c6c6c6;
text-transform: capitalize;
border-top:4px #fff;
border-bottom:1px #fff;
}
.software_box_content_text b{
font-size: 13px;
color: #cbcbcb;
text-transform:capitalize;

}
.software_box_content_text p{
font-size: 13px;
color: #000000;

}

/** end resume right **/

  /***** end resume page css *****/


#move_right
{
  left:500px;
position:relative;
top:-200px;
}
#spacer
{
 
}


/*services page css*/
.service_payne_title h1{
 font-family:trebuchet MS;
width: 690px;
height:25px;
font-size:20px;
color: #000;
text-transform: uppercase;
}
.work_content{
width: 220px;
margin-bottom: 0px;
margin-top:20px;
padding-left:10px;
float:left;
}
.work_content_text{
margin-bottom:20px;
width: 185px;
float: left;
}
.work_content_title{
width: 200px;
font-size: 14px;
height: 15px;
padding:0px;
}
.work_content_title b{
font-size: 22px;
color: #204267;
text-transform:capitalize;
}
.work_content_text p{
font-size: 13px;
font-family: Georgia;
color: #000000;
}
.work_content_text ul{
    margin:13px;padding:0px;
    }
.work_content_text ul li{
	color:#fff;
	font-size:12px;
	text-decoration:capitalize;
    list-style:square;
  \ 
}\.download_ser{
width: 266px;
background:#000;
margin-top: 40px;
height:350px;
}
.download_ser2{
width: 266px;
background:#000 url(../img/download2.jpg) no-repeat;
margin-top: 0px;
margin-right:5px;

height:453px;
}
#spacer
{
   
    background: url('../img/strip.png') no-repeat;
    width:210px;
    height:2px;
    margin:10px;
	padding-left:10px;
}
.download_ser p
{
    width:238px;
    text-align:left;
    line-height:1.5;
    font-size:12px;
	color:#2482ca;
	font-family:helvetica, Georgia;
    padding:20px 10px 0px;
}
.req_button{
height:10px;
width:200px;
padding:10px 40px 40px 30px;
}


/*work thumbnail content jquery*/
.boxgrid{
				width: 230px;
				height: 114px;
				/*margin:10px;*/
				float:left;				
				overflow: hidden;
				position: relative;
                color:#fff;
			}
				.boxgrid img{
					position: absolute;
					top: 0;
					left: 0;
					border: 0;
				}
				.boxgrid p{
					padding: 0 10px;
					color:#fff;
					font-weight:bold;
					font:10pt "Lucida Grande", Arial, sans-serif;
				}

			.boxcaption{
				float: left;
				position: absolute;
				background: #000;
				height: 100px;
				width: 100%;
				opacity: .8;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
.cover boxcaption
{
    height:60px;
}
.right_cantactbox td
{
    padding:10px;
}
.filmstrip img
{
    opacity:0.8 !important;
}
.filmstrip li img:hover
{
    opacity:10 !important;
}
span.amp {
  font-family:Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  }