/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
html{height:100%;}

@charset "UTF-8";
/* CSS Document */

body { margin:10px;
	background: #CCCCCC url(../images/grey-screen-background.jpg) no-repeat; 
		 background-attachment:fixed;      
-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-size:cover;

}

body, div, td, p, span {font-family: Lato, Verdana, Geneva, sans-serif;
						font-size:11px; font-weight:normal;
						line-height:18px; color:#333; }
						
.mainwrapper {background:#FFF; width:980px;
				margin:0 auto; padding:5px;
				border:1px solid #ccc; height:auto;
				min-height:100%; display:table;}
				
.topholder {width:980px; margin:0 auto; height:85px;
				overflow:visible;}
				
.logo {width:120px; height:85px; float:left;
		position:relative; overflow:hidden;}

.menu {float:right; position:relative; margin-top:11px;
		width:855px; background:#EFEFEF url(../images/menubg.jpg) repeat-x; height:40px;
		}
		
.topcontact{float:left; position:relative;
		width:620px; height:30px; margin-left:7px;}
		
.banner {width:670px; height:270px; float:left;
		position:relative; background:#666; overflow:hidden;}

.banner div.moduletable {padding: 0px !important;}
		
.leftside {width:670px; height:auto; min-height:100%; float:left;
		position:relative; background:#fff; overflow:hidden;}
		
.leftcontent {float:left; position:relative; display:table; font-size:12px;
				width:650px; height:auto; min-height:100%; line-height:18px;}

.rightcontent {float:right; position:relative;
				width:280px; height:auto; min-height:100%;
				background:; margin-top:5px;}
				
.rightcontent h1 {margin-top:0px; background:#FFF; padding:9px;}
				
h1 {color:#C00; font-size:16px; font-weight:normal;}

a {color:#666;}
a:hover {text-decoration:none;}

.clear {clear:both; position:relative; }

.box1, .box2, .box3,  .box4 {width:310px; height:auto; min-height:100%;
					position:relative; margin-bottom:10px; margin-top:20px;
}

.box1 {float:left;}
.box2 {float:left; margin-left:25px;}
.box3 {float:left; margin-left:25px;}
.box4 {float:right; width:170px;}

/* .box4 h3 {margin-top:8px;} */
.box1 div.moduletable h3, .box2 div.moduletable h3, .box3 div.moduletable h3,  .box4 div.moduletable h3  {padding:7px; background:#900 url(../images/action.gif) no-repeat 98% 50%; color:#fff; margin-top:0px; margin-bottom: 10px; border-radius: 5px; font-weight: bold;}
.box1 div.moduletable, .box2 div.moduletable, .box3 div.moduletable, .box4 div.moduletable {padding:7px; background:#fff ;}

.clientsbox {width:950px; margin:0 auto; position:relative; 
			height:120px;  overflow:hidden; margin-top:15px; }

.clientsbox fieldset{ border:1px solid #CCC;}
.clientsbox fieldset legend {font-weight:bold;}	
.clientsbox img{ margin:0px 21px 0px 0px; }

.copyright {width:950px; margin:0 auto; position:relative; 
			height:20px;  overflow:hidden; margin-top:5px; color:#CCC; }

.phocadownloads_latest .pd_description h3 {font-size:12px !important; font-weight:bold; color:#333;}

.usemycs {border: none !important;}
.usemycs h3 {border: none !important; padding: 0px;
	text-transform:capitalize; text-align:center;
	border-bottom:1px solid #333; font-weight:bold  !important;}

.usemycs h3 span{font-weight:bold  !important;}

input, select, text, textarea, select, button, div, td, img, .menu { -webkit-border-radius: 5px;  !important
	-moz-border-radius: 5px  !important;
	border-radius: 5px  !important; }

.bt-cs h3 {border: none !important;}
.bt-title { text-transform:capitalize !important; color: #900 !important;}
#phocagallery-module-ri .phocagallery-box-file {
background: none !important;
}