/*******/
/* Styles */
/*******/

/*@import url("style-default.css");*/
/*@import url("style-carbonfibre.css");*/
/*@import url("style-blackpaper.css");*/

body {
	font: normal 1em/1.7em Arial, Helvetica, sans-serif;
	background: #494949;
	/*background:#000000;*/
	background-image: images/bg1.png;
	height:100px;
	margin: 0px auto;
	color: #000000;
}
/*******/
/*Classes*/
/*******/
.left
{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
}
.menu-square
{
	position:absolute;
	top: -20px;
	right:5px;
	z-index:-5;
}
.shadow
{
	text-shadow:1px 1px 1px #333;
}
.grey-shadow
{
	text-shadow:1px 1px 1px #c5c5c5;
}
.dotted
{
	background: url(images/h2-bg.png) 1px 10px repeat-x;
} 
.large-image
{
	position:relative;
	padding:2px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	margin-bottom:25px;
}
.large-image img
{
	margin:0 auto;
}
.large-shadow
{
	position:absolute;
	bottom:-13px;
	width:541px;
	height:23px;
	background: transparent url(images/large-shadow.png) no-repeat;
	z-index:-10000;
}
.medium-image
{
	position:relative;
	margin-right:10px;
	padding:0px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
}
.medium-image-right
{
	position:relative;
	padding:2px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:right;
}
.medium-image img
{
	margin:0 auto;
}
.medium-shadow
{
	position:absolute;
	bottom:-9px;
	left:5px;
	width:132px;
	height:14px;
	background: transparent url(images/medium-shadow.png) no-repeat;
	z-index:-10000;
}  
.small-image
{
	position:relative;
	padding:2px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
	margin-right:20px;
	
}
.small-image img
{
	margin:0 auto;
}
.small-shadow
{
	position:absolute;
	bottom:-5px;
	width:59px;
	height:8px;
	background: transparent url(images/small-shadow.png) no-repeat;
	z-index:-10000;
	
} 

span
{
	background:#fff;
	padding:0 10px 0 10px;
}
a {
color: #12949E;
}
/*******/
/*body*/
/*******/

.listed-items li{margin-left:15px;}
.vSlider {  margin: 0px auto; position:relative; border:1px solid #ddd; overflow:hidden;-moz-box-shadow:0px 0px 0px #333; box-shadow:0px 0px 0px #333;  }

#content h1, h2, h3, h4, h5, h6
{
	font-family: Georgia, Times Roman Numeral, serif;
	font-weight:normal;
	margin-bottom:10px;
}
#logo{
	margin-top: 10px;
}
#content h1
{
	font-size: 30px;
}
#content h2
{
	font-size: 22px;
}
#content h3
{
	font-size: 18px;
}
#content h4
{
	font-size: 14px;
}
#content h5
{
	font-size: 12px;
}

	
#top-content.home
{
	margin:20px 0 0;
	height:598px;
	background:transparent url(images/underline.png) 0px 70px repeat-x;
	
}

#top-content
{
	margin:20px 0 0;
	background:transparent url(images/underline.png) 0px 70px repeat-x;
}
#primary-content {
    margin-top: 0px;
}

#primary-content1 {
    margin-top: 0px;
		background-color:#000000;
}

.bubble {
margin:7px 5px 0px 0px;
}
/*******/
/*Menu*/
/*******/
#menu
{
	font:16px;
	position:relative;
}
#menu ul
{
	margin-top:25px;
}
#menu ul li
{
	display:inline;
	margin-right:20px;
	float:left;
}
#menu ul li a
{
	text-decoration:none;
	color:#fff;
}
/**************/
/**top-body**/
/**************/
#top-body h1
{
	text-align:center;
	font-family:Georgia;
	font-size:32px;
	color:#ffefce;
	text-shadow: 1px 1px 1px #333333;
	font-weight:normal;
}
#top-body 
{
	padding:45px 0;
}
#top-body img
{
	/*padding: 20px;*/
}
/******************/
/**bottom-content**/
/******************/
#bottom-content
{
	margin:75px 0 45px;
}
/******************/
/**article classes**/
/******************/
#articles h2
{
	text-align:center;
	font-family:Georgia;
	font-size:22px;
	margin-bottom:45px;
	color:#444444;
	font-weight:normal;
}

#articles p
{
	font-family:Arial;
	font-size:14px;
}
/*********/
/**info**/
/*******/
#info
{

	background: #F2F2F2 url(images/recent.png) repeat-x;
	padding:25px 0;
	overflow:hidden;
}
#info h2
{
	margin-bottom:25px;
	color:#444444;
	font-family:Georgia;
	font-size:22px;
	font-weight:normal;
}
#info .recent-post
{
	margin:0px 0px 25px;
}
#info .recent-post h3 a
{
	font:18px/24px Georgia, serif;
}
#internet
{
	margin-bottom:30px;
}
#internet ul li
{
	margin-right: 10px;
}
#internet ul li a 
{
	text-decoration:none;
}
/*****************/
/**recent-posts**/
/***************/
#recent-posts h3
{
	font-family:Georgia;
	font-size:18px;
	color:#12949e;
}

/*****************/
/**blog**/
/***************/
#blog1
{
	padding:0 0 20px 0;
}
/*#blog img
{
	padding:6px 5px 0 0;
}
*/
#blog h3 a
{
	font-size:18px;
}
#date p
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}
/*************/
/**internet**/
/***********/
#internet li
{
	display:inline;
	margin-right:15px;
}
#internet ul
{
	list-style:none;
	
}
/***********************/
/**quick-contact classes**/
/*********************/
#quick-contact
{
		font:14px/24px Georgia, serif;
}
#quick-contact textarea
{
		font:12px Arial, Helvetica, sans-serif;
}
#quick-contact input[type=text] , #quick-contact textarea
{
	width:182px;
	margin-bottom:20px;
}

/***********/
/**footer**/
/*********/
#footer
{
	font-size:12px;
	text-shadow:1px 1px 1px #333;
}
#footer ul
{
	margin-top:15px;
}
#footer ul li
{
	display:inline;
}
#footer ul li a
{
	text-decoration:none;
	color:#fff;
}
#footer p
{
	color:#fff;
	margin:15px 20px 0px 0px;
}
#links li
{
	list-style:inline;
	
}


/******************************************/
/**************Single********************/
/******************************************/
.columns
{
	margin-top:45px;
	overflow:hidden;	
}
.columns.last
{
	margin-bottom:45px;
}

.columns h2
{
	text-align:center;
	font-family:Georgia;
	font-size:22px;
	margin-bottom:45px;
	color:#444444;
	font-weight:normal;
}
#main-single h1
{
	margin:50px 0px 0px 0px;
	color:#444444;
	font-family:Georgia, serif;
	font-size:30px;
	text-align:center;
	font-weight:normal;
}
.columns p
{
	font-family:Arial;
	font-size:14px;
}
#paragragh1
{
	margin-bottom:20px;
	margin-top:40px;
}

/******************/
/**left-content**/
/******************/
#left-content h2
{
	color:#444444;
	font-family:Georgia;
	font-size:22px;
	text-align:center;
	margin: 0px auto 25px;
	font-weight:normal;
}
span
{
	background:#494949;
	padding:0 10px 0 10px;
}
#left-content p
{
	font-family:Arial;
	font-size:14px;
}
#comment li p
{
	width:450px;
}
#comment li
{
	margin-bottom:40px;
	list-style:none;
}
#comment a
{
	text-decoration:none;
	color:#148f99;
	font-size:12px;
}
.link-style
{
	text-decoration:none;
	color:#148f99;
	font-size:12px;
	color:#148f99;
}
#left-content a
{
	text-decoration:none;
	color:#148f99;
	font-size:12px;
}

/*541*20 */



/*************/
/**right-content**/
/***********/
#right-content 
{	
}
#right-content h2
{
	margin-bottom:15px;
	color:#444444;
	font-family:Georgia;
	font-size:22px;
	text-align:center;
	font-weight:normal;
}
#right-content li
{
	font:18px Georgia, serif;
	margin-right:15px;
	margin-bottom:10px;
	
}
#catergories li
{
	text-align:center;
}


#right-content a
{
	text-decoration:none;
	color:#444444;
	
}
#right-content ul
{
	list-style:none;
}
#right-content p
{
	font-family:Arial;
	font-size:14px;
}

#popular-posts a
{
	font-family:Arial;
	font-size:14px;
	
}
#popular-posts a:hover
{
	font-family:Arial;
	font-size:14px;
	color:#148f99;
}

#right-content ul li h3
{
	margin-bottom:10px;
	font-family:georgia;
	text-align:center;
}
#right-content ul li h3 a
{
	font-size:18px;
	color:#444444;
	text-decoration:none;
}
#catergories
{
	margin-bottom:50px;
}
#popular-posts li
{
	margin-bottom:30px;
}
.date
{
	font-family:Arial;
	font-size:11px !important;
	margin-left:75px;
	margin-top:5px;
	font-weight:bold;
}

/******************************************/
/**************Gallery********************/
/******************************************/
.gallery-image
{
	position:relative;
	padding:0px 0px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
	margin-top:20px;
	
}
.gallery-image img
{
	margin:0 auto;
}.gallery-image img:hover
{
	opacity:0.7;
	
}
.gallery-image1
{
	position:relative;
	padding:5px 0px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
	margin-top:0px;
	
}
.gallery-image1 img
{
	margin:0 auto;
}.gallery-image1 img:hover
{
	opacity:0.7;
	
}

.gallery-image1
{
	position:relative;
	padding:5px 0px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
	margin-top:0px;
	
}
.gallery-image1 img
{
	margin:0 auto;
}.gallery-image1 img:hover
{
	opacity:0.7;
	
}

.gallery-image2
{
	position:relative;
	padding:5px 0px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
	margin-top:50px;
	
}
.gallery-image2 img
{
	margin:0 auto;
}.gallery-image2 img:hover
{
	opacity:0.7;
	
}

.gallery-shadow
{
	position:absolute;
	bottom:-15px;
	width:290px;
	height:23px;
	background: transparent url(images/gallery-shadow.png) no-repeat;
	z-index:-10000;
} 


#gallery
{
	margin-top:50px;
	margin-bottom:75px;
}
#gallery h1
{
	margin:50px 0 0px 0px;
	color:#444444;
	font-family:Georgia;
	font-size:30px;
	text-align:center;
	font-weight:normal;	
}

#gallery-images{
		padding:0px 0px;
}

.entry
{
overflow:hidden;
margin-bottom:45px;
}

/******************************************/
/**************Contact us********************/
/******************************************/

/**************Left Content********************/
#contact-form label
{
	
	margin-right:20px;
	float:left;
	width:50px;
}
#contact-form label.error
{	
	margin-right:20px;
	float:right;
	width:250px;
	color:red;	
	text-align:right;
}

#quick-contact label.error
{	
	margin-top:-20px;
	float:right;
	width:250px;
	color:red;	
	text-align:right;
}

#contact-form .clear
{
	margin-bottom:20px
}
.text-area-styling
{
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	width:357px;
	font: 12px Arial, Helvetica, sans-serif;
}
#send-button
{
	margin-right:120px;
}
/**************Right Content********************/
#map-right-content 
{
	margin: 0 0 55px 80px;
	
}
#map-right-content p
{
	font-family:Georgia;
	font-size:14px;
	color:#444444;
	text-align:left;
}
#left-info
{
	float:left;
	margin-right:20px;
}
#right-info
{
	float:left;
	
}
#addresses
{
	float:left;
	margin-left:20px;
}
.map-image
{
	position:relative;
	padding:2px;
	background-color:#f6f6f6;
	border:1px solid #c6c6c6;
	text-align:center;
	float:left;
	margin:0 0 15px 0;
}
.map-image img
{
	margin:0 auto;
}.map-image img:hover
{
	opacity:0.7;
	
}
.map-shadow
{
	position:absolute;
	bottom:-15px;
	width:290px;
	height:23px;
	background: transparent url(images/gallery-shadow.png) no-repeat;
	z-index:-10000;
}
.dotted
{
	background: url(images/h2-bg.png) 1px 10px repeat-x;
} 
#map-left-content h2
{
	color:#444444;
	font-family:Georgia;
	font-size:30px;
	text-align:center;
	width:300px;
	margin: 0px auto 25px;
	font-weight:normal;
	margin-bottom:50px;
}
#map-right-content h2
{
	margin-bottom:50px;
	color:#444444;
	font-family:Georgia;
	font-size:30px;
	text-align:center;
	font-weight:normal;
	
}
#primary-content label
{
	font-family:Georgia;
	font-size:14px;
	color:#444444;
	text-align:left;
}

#primary-content1 label
{

	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:left;
}

#map-canvas
{
	width: 450px;
	height: 360px;
}

.loading{
margin: 15px 15px;
display:none;
}

#switcher
{
	position:absolute; top: 30px; left: 50px;
	width: 150px;
	height: 60px;
	
}
#switcher h2{
	color:#FFEFCE;
}

.theme-style
{
	border:1px solid #FFF;
	width:30px;
	height:30px;
	float:left;
	margin:0px 10px 0px 0px;
	cursor:pointer;
	text-align:center;
}

#quick-contact #message
{
	width:275px;
}

#message
{
	width:160px;
}
#map-left-content #message
{
	width:432px;
	margin-right:10px;
}
#message.success
{

padding-left:25px;
border:1px solid #1e7f1b;
height:25px;
color:#1e7f1b;
float:right;
margin-bottom:15px; 
background:#9eff8b url(images/icon_success.png) no-repeat 5px 5px;
}

#message.error
{
padding-left:25px;
border:1px solid #ca4f35;
height:25px;
color:#FFF;
float:right;
margin-bottom:15px; 
background:#f37c60 url(images/icon_error.png) no-repeat 5px 5px;
}



#quick-contact #user-message
{
	font: 12px Arial, Helvetica, sans-serif;
}

#navigation {
	width: 960px;
	height: 75px;
	 padding: 50px;
/*  color: #333;

 margin: 0px 0px 5px 0px;
 background: #ABBEBE;*/
}



#log {
  margin: 0;
  padding: 0;
  background:#000;
  background-image: images/logo-joytech.png;
  list-style-type: none;
  width: 400;
 height: 40px;   
  float: left; /* Contain floated list items */
}

#nav{
	list-style:none;
	font-weight:none;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:620px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;*/
	z-index:-1;
	
}
#nav li{
	float:left;
	margin-right:20px;
	position:relative;
}
#nav a{
	display:block;
	padding-right:10px;
	padding-left:5px;

	color:#fff;
	background:#000;
	text-decoration:none;
}
#nav a:hover{
	color:#00a9ff;
	background:#000;
	text-decoration:none;
}


/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#000000;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#000;
}




#nav .big a {
  float: left;
  width: 165px;
  color: #3A5CA9;
  font-weight:bold;
  font-size:12px;
  font:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 2.5;
  text-align: center;
 /* border-right: 1px dotted #3A5CA9;*/
  border-right: thin dotted #3A5CA9;
}
#nav .big1 a {
  float: left;
  width: 200px;
  color: #3A5CA9;
  font-weight:bold;
  font-size:12px;
  font:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 2.5;
  text-align: center;
 /* border-right: 1px dotted #3A5CA9;*/
  border-right: thin dotted #3A5CA9;
}
#nav .last a {
  border: none;
}



#leftcolumn { 
	float: left;
 display: inline;
 color: #333;
 margin: 20px;
 padding: 0px;
 width: 300px;
 
}
#leftcolumn h1{
	display:none;
	/*text-indent:-3000px;*/
}
#leftcolumn img{
	border:none;
}

#leftcolumn ul{
margin: 30px 0 0 -20px;

}
#leftcolumn li{
margin: 0px 20px 15px 8px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#3B5DAA;
}

#leftcolumn li a{
margin: 0px 20px 15px 8px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#3B5DAA;
text-decoration: none;
}

#leftcolcontent {

}

#leftc1 { 
 float: left;
 color: #dddddd;
 margin: 5px 10px 5px 0px; /**/
 padding: 0px;
 width: 200px;
 display: inline;
 position: relative;
}
#rightc1 { 
 float: right;
 color: #dddddd;
 margin: 5px 10px 5px 0px; /**/
 padding: 0px;
 width: 300px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 float: right;
 color: #dddddd;
 margin: 15px 30px 15px 0px; /**/
 padding: 0px;
 width: 530px;
 display: inline;
 position: relative;
}

#rightcolumn li{
margin: 0px 20px 15px 25px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;

}

#rightcolumn p, #centercolumn p{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 24px;
	margin-bottom: 14px;
	color:#ddd;
} 
#rightcolumn h1, #centercolumn h1{
	color:#ffffff;
	font-size: 23px;
	border-bottom: thin solid #3B5DAA;
	margin-bottom: 10px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;

}
#rightcolumn h2, #centercolumn h2{
	color:#ffffff;
	font-size: 20px;
	margin: 10px 0 0 0;
}

#rightcolumn h3, #centercolumn h3{
	color:#ffffff;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: -10px;
}

#rightcolumn .contact {
	color: #3B5DAA;
	font-weight: bold;
	border-bottom: thin solid #3B5DAA;
	}

#rightcolumn .contact a{
	text-decoration: none;
}

#rightcolumn img, #centercolumn img{
	float:left;
	margin: 2px 12px 3px 2px;
	padding: 0px;
}
#rightcolumn .noborder{
	margin: 0;
	padding: 0;
	border:none;
	display: inline;
	clear: none;
	}

#rightcolumn .click {
	color:#336699;
	font-weight:bold;
	}		


#rightcolumn .smallAdobe {
	font-size: 90%;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 100px;
	}

#rightcolumn2 { 
 float: right;
 color: #fff;
 margin: 15px 50px 20px 0px; /**/
 padding: 0px;
 width: 570px;
 display: inline;
 position: relative;
}
#rightcolumn2 p, #centercolumn p{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 24px;
	margin-bottom: 14px;
	color:#fff;
} 
#rightcolumn2 h1, #centercolumn h1{
	color:#fff;
	font-size: 23px;
	border-bottom: thin solid #3B5DAA;
	margin-bottom: 10px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;

}
#rightcolumn2 h2, #centercolumn h2{
	color:#ffffff;
	font-size: 20px;
	margin: 10px 0 0 0;
}

#rightcolumn2 h3, #centercolumn h3{
	color:#3B5DAA;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: -10px;
}

#rightcolumn2 .contact {
	color: #3B5DAA;
	font-weight: bold;
	border-bottom: thin solid #3B5DAA;
	}

#rightcolumn2 .contact a{
	text-decoration: none;
}

#rightcolumn2 img, #centercolumn img{
	float:left;
	margin: 3px 3px 3px 3px;
	
	padding: 0px;
}
#rightcolumn2 .noborder{
	margin: 0;
	padding: 0;
	border:none;
	display: inline;
	clear: none;
	}

#rightcolumn2 .click {
	color:#336699;
	font-weight:bold;
	}		


#rightcolumn2 .smallAdobe {
	font-size: 90%;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 100px;
	}

#rightcolumn2 p.smaller, #centercolumn p.smaller{
	font-size: 14px;
	line-height: 22px;
}
#rightcolumn2 #columns{
	margin-top: -10px;
}

#rightcolumn2 #columns li{
	position:relative;
	
	color:#ffffff;
	list-style-type:none;
	list-style-image: url(images/bull2.gif);
	line-height: 28px;
	margin-left: -20px;
}
#rightcolumn2 #columns li a {
	color:#3B5DAA;
	text-decoration:none;
}
#rightcolumn2 #columns li a:hover {
	color:#3B5DAA;
	font-weight:bold;
}

#rightcolumn2 ul {
	position: relative;
}

.leftside{
	/*position:absolute;
	left: 0px;
	top: 0px;*/
	font-size:14px;
	float:left;
	width:180px;
	
}

.rightside{
	/*position:absolute;
	left: 250px;
	top: 0px;*/
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	float:right;
	width:220px;
	
}
#centercolumn {
	color: #fff;
	margin: 15px 15px 15px 15px; /**/
	padding: 10px;
	position: relative;
	background-color:#FFFFFF;
	overflow:auto;

	}


#faux {
 background: url(images/bg333.gif);
 /* margin-bottom: 5px;*/
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}

#one {
 background: ;
 /* margin-bottom: 5px;*/
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#faux1 {

 /* margin-bottom: 5px;*/
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#fauxonecol {
 background: url(images/faux-1-col.jpg);
 /* margin-bottom: 5px;*/
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}