/* ========  Big Idea Production  =========*/
   /* ========  Copyright -  Big Idea Production  =========*/
   /* ========  Author - Aabasoft Solutions (www.aabasoft.com) =========*/
   /* ========  Created Date - 17 / 12 / 2012  =========*/
   
@import "reset.css";

@font-face {
    font-family: 'VolkhovRegular';
    src: url('fonts/Volkhov-Regular-OTF-webfont.eot');
    src: url('fonts/Volkhov-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Volkhov-Regular-OTF-webfont.woff') format('woff'),
         url('fonts/Volkhov-Regular-OTF-webfont.ttf') format('truetype'),
         url('fonts/Volkhov-Regular-OTF-webfont.svg#VolkhovRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VolkhovBold';
    src: url('fonts/Volkhov-Bold-OTF-webfont.eot');
    src: url('fonts/Volkhov-Bold-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Volkhov-Bold-OTF-webfont.woff') format('woff'),
         url('fonts/Volkhov-Bold-OTF-webfont.ttf') format('truetype'),
         url('fonts/Volkhov-Bold-OTF-webfont.svg#VolkhovBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


a{color:#4b4b4b; text-decoration:none;}
a:hover{text-decoration:none; color:#c0c0c0;}
strong{font-weight:bold;}
/* ====  General styles  ====*/
.fleft {
	float: left
}
.fright {
	float: right
}
.clear {
	clear: both
}
.fleftclear {
	clear: left
}
.frightclear {
	clear: right
}
/* ====  General styles  ====*/
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:1px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f4f4f4; background: #080808 url(../images/body-bg.jpg) top repeat-x}
#wrapper{width:980px; margin:0 auto; background:#080808;}
#left-container{
	width: 250px;
	background: url(../images/left-side-bg.jpg) repeat-y;
	padding: 25px 25px 35px 25px;
}
#right-container{width:662px; background:url(../images/right-side-bg.jpg) right repeat-y; padding-right:18px; height:100%;}
#logo-bg{width:250px; background:#484848;  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px; height:160px; text-align:center;}
#logo{width:250px; height:51px; padding-top:55px;}

nav{width:100%;}
#menu{width:100%; padding:30px 0;}
#menu ul{}
#menu ul li{
    display: block; text-transform:uppercase;}
#menu ul li a{
    display: block;
	width: 240px;
	font-family: 'VolkhovRegular', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color: #777777;
	padding:6px 0 5px 10px;
	margin-bottom:3px; text-transform:uppercase;}
#menu ul li a:hover, #menu ul li.current a {background:#484848; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px; color:#FFF; font-size:16px;}

#home-servicesbox{
	width: 250px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 25px 0;
	background: #484848;
}
#home-servicesbox-col{width:225px; background:#080808; margin:0 auto; padding:5px 0 5px 5px;}
.servicesbox-col-list-container{ display:block;}
.servicesbox-col-list li { width:100%; overflow:hidden; vertical-align:bottom; padding:0 0 10px 0;}
.servicesbox-col-list li img { float:left; margin:-3px 10px 0 0;}
.servicesbox-col-list li.last { padding-bottom:0;}
.servicesbox-col-list li h3{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ebebeb; margin-bottom:3px;}
.servicesbox-col-list li p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; line-height:1.2;}

#green-light-box{width:100%; margin-top:30px;}
.green-button {
font-family: 'VolkhovRegular', Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 16px;
width:250px; text-align:center;
padding:10px 30px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #357a40;
cursor:pointer;
}
.green-button:hover {
background: #f7f7f7;
color:#357a40;
}

header{width:100%; width:662px; overflow:hidden;}
#top-head{width:470px; height:142px; background:url(../images/top-bg.jpg) no-repeat; padding:23px 20px 15px 172px;}
#top-head-heading{background:url(../images/your-vision-is-our-mission.png) no-repeat; width:100%; height:40px;}
#top-head h3{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#e6e6e6; margin-bottom:5px; padding-left:10px;}
#top-head p{ color:#e6e6e6; line-height:1.3; padding-left:10px;}

#content{
	width: 632px;
	background: #292929;
	padding: 15px 15px;
	height: 550px;
}

#big-player-bg{
	width: 632px;
	background: #000;
	padding: 15px 0;
}
#big-player{
	width: 600px;
	height: auto;
	margin: 0 auto;
}

.grid-box{width:305px; float:left;}
.margin-right{margin-right:20px;}

h2{font-family: 'VolkhovRegular', Arial, Helvetica, sans-serif; color: #dbdbdb;font-size: 14px; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}
h2.main-head{font-family: 'VolkhovRegular', Arial, Helvetica, sans-serif; color: #dbdbdb;font-size: 18px; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}
p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #dbdbdb; line-height:1.4; padding-bottom:5px;}
p.bold{font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #dbdbdb; line-height:1.4; padding-bottom:5px; font-weight:bold;}

footer { width:97%; overflow:hidden; padding:25px 10px; }
footer p{font-size:12px; color:#454545;}

#brian{
	float: left;
	margin: 0 15px 5px 0;
}

.inner-col{width:602px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-khtml-border-radius: 10px; padding:15px; float:left; background:#3a3a3a; margin-top:20px;}
.inner-col h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:5px; border-bottom:#999 dotted 1px; margin-bottom:10px;}

.in-servicesbox-col-list-container{ display:block;}
.in-servicesbox-col-list li { width:97%; overflow:hidden; vertical-align:bottom; padding:10px 5px;}
.in-servicesbox-col-list li:hover{background:#4b4b4b;}
.in-servicesbox-col-list li img { float:left; margin:-3px 10px 0 0;}
.in-servicesbox-col-list li.last { padding-bottom:0;}
.in-servicesbox-col-list li h3{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ebebeb; margin-bottom:5px;}
.in-servicesbox-col-list li p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b3b3b3; line-height:1.2;}


#client-col{width:100%; margin:10px 0 20px 0;}
#client-col ul{}
#client-col ul li{ background:url(../images/dot.png) left 5px no-repeat; padding-left:20px; font-size:13px; font-weight:bold; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;}

#contact-col{width:100%; margin-bottom:15px;}
p.contact{font-size:13px; color:#dbdbdb; line-height:1.8; }
p.contact a{ border-bottom:#999 dotted 1px; padding-bottom:3px; color:#dbdbdb; font-size:13px; color:#dbdbdb; }
p.contact a:hover{border-bottom:none;}

#contact-box{width:285px; padding:10px; background:#3a3a3a; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.contact-box-p{ color:#919191;}


#contact-form{width:305px; padding-top:10px;}
.form {width:305px;}
.form ol {list-style:none;
		margin:0;
		padding:0;}
.form li {
	padding:1px;
	background:none;}
.form li#send {
	background:none;
	margin-top:3px;
	font-size: 12px;}
.form label {
	float:left;
	width:50px;
	text-align:left;
	margin-right:5px;
	color:#979393;
	line-height:23px; /* This will make the labels vertically centered with the inputs */
	font-weight: 500;
	font-size: 11px;}
.form input{
	padding:3px;
	border:1px solid #999999;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;}
.form textarea {
	padding:3px;
	border:1px solid #999999;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;
	resize:none;
	height:85px;}
.form input:focus, .form textarea:focus {
	border:1px solid #999999;
	background:#dedede;}
.form li#send button {
	border:none;
	padding:5px 15px 5px 15px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-left:2px;
	cursor:pointer;
	background-color: #484848;}
.form li#send button:hover {
	background-color:#000000;
	color:#FFF;}